.med-root{--med-bg: #f2f6f7;--med-surface: #ffffff;--med-ink: #16323a;--med-muted: #5a7078;--med-line: rgba(22, 50, 58, .12);--med-good: #1e7d38;--med-warn: #a05a00;--med-bad: #b3261e;--med-accent: #00a08e;--med-accent-soft: #00a08e1f;--med-radius: 14px;--med-gap: 16px;--med-pad: 18px;min-height:100vh;background:var(--med-bg);color:var(--med-ink);color-scheme:only light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}.med-root *,.med-root *:before,.med-root *:after{box-sizing:border-box}.med-layout{display:flex;min-height:100vh}.med-layout.top{flex-direction:column}.med-sidebar{width:232px;flex-shrink:0;background:var(--med-surface);border-right:1px solid var(--med-line);display:flex;flex-direction:column;padding:18px 12px;gap:4px;position:sticky;top:0;height:100vh}.med-layout.top .med-sidebar{width:auto;height:auto;position:static;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--med-line);padding:10px 18px;gap:8px}.med-logo{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.med-layout.top .med-logo{padding:0 18px 0 0}.med-logo-mark{width:34px;height:34px;border-radius:10px;background:var(--med-accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px}.med-logo-name{font-weight:800;font-size:16px;letter-spacing:-.2px}.med-logo-name small{display:block;font-weight:500;font-size:10.5px;color:var(--med-muted);letter-spacing:.4px}.med-nav{display:flex;flex-direction:column;gap:2px;flex:1}.med-layout.top .med-nav{flex-direction:row}.med-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:calc(var(--med-radius) - 4px);color:var(--med-muted);text-decoration:none;font-weight:600;border:1px solid transparent}.med-nav-item:hover{background:var(--med-accent-soft);color:var(--med-ink)}.med-nav-item.active{background:var(--med-accent-soft);color:var(--med-accent);border-color:color-mix(in srgb,var(--med-accent) 30%,transparent)}.med-nav-item .med-nav-count{margin-left:auto;background:var(--med-accent);color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:1px 7px}.med-side-footer{border-top:1px solid var(--med-line);padding-top:12px;display:flex;flex-direction:column;gap:10px}.med-layout.top .med-side-footer{border-top:none;padding-top:0;margin-left:auto;flex-direction:row;align-items:center}.med-main{flex:1;padding:calc(var(--med-gap) + 8px);max-width:1280px;width:100%;margin:0 auto}.med-page-head{display:flex;align-items:baseline;gap:12px;margin-bottom:var(--med-gap);flex-wrap:wrap}.med-page-head h1{font-size:21px;font-weight:800;margin:0;letter-spacing:-.3px}.med-page-head .med-sub{color:var(--med-muted)}.med-card{background:var(--med-surface);border:1px solid var(--med-line);border-radius:var(--med-radius);padding:var(--med-pad)}.med-card h2{font-size:14px;font-weight:750;margin:0 0 4px}.med-card .med-sub{color:var(--med-muted);font-size:12.5px}.med-grid{display:grid;gap:var(--med-gap)}.med-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.med-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.med-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.med-grid.cols-4,.med-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.med-grid.cols-2,.med-grid.cols-3,.med-grid.cols-4{grid-template-columns:1fr}}.med-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:calc(var(--med-radius) - 4px);border:1px solid var(--med-line);background:var(--med-surface);color:var(--med-ink);font-weight:650;font-size:13px;cursor:pointer}.med-btn:hover{border-color:var(--med-accent);color:var(--med-accent)}.med-btn.primary{background:var(--med-accent);border-color:var(--med-accent);color:#fff}.med-btn.primary:hover{filter:brightness(.94);color:#fff}.med-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;background:var(--med-accent-soft);color:var(--med-accent)}.med-chip.good{background:#e2f3e6;color:var(--med-good)}.med-chip.warn{background:#f9edda;color:var(--med-warn)}.med-chip.bad{background:#fbe4e2;color:var(--med-bad)}.med-chip.neutral{background:#eaeff1;color:var(--med-muted)}.med-table{width:100%;border-collapse:collapse;font-size:13px}.med-table th{text-align:left;color:var(--med-muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;border-bottom:1px solid var(--med-line)}.med-table td{padding:10px;border-bottom:1px solid var(--med-line);vertical-align:middle}.med-table tr:last-child td{border-bottom:none}.med-table tr:hover td{background:color-mix(in srgb,var(--med-accent) 4%,transparent)}.med-select,.med-input{padding:7px 10px;border-radius:calc(var(--med-radius) - 4px);border:1px solid var(--med-line);background:var(--med-surface);color:var(--med-ink);font-size:13px;font-weight:600}.med-select:focus,.med-input:focus{outline:2px solid var(--med-accent-soft);border-color:var(--med-accent)}.med-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:var(--med-gap)}.med-filters label{font-size:11.5px;font-weight:700;color:var(--med-muted);text-transform:uppercase;letter-spacing:.4px;margin-right:2px}.med-kpi{display:flex;flex-direction:column;gap:4px}.med-kpi .med-kpi-label{font-size:12px;font-weight:700;color:var(--med-muted);text-transform:uppercase;letter-spacing:.5px}.med-kpi .med-kpi-value{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.1}.med-kpi .med-kpi-note{font-size:12.5px;color:var(--med-muted)}.med-kpi .delta-good{color:var(--med-good);font-weight:700}.med-kpi .delta-bad{color:var(--med-bad);font-weight:700}.med-breakbar{display:flex;height:10px;border-radius:6px;overflow:hidden;gap:2px;background:transparent;margin:8px 0 6px}.med-breakbar span{display:block;height:100%}.med-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--med-muted)}.med-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.med-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:30;background:var(--med-surface);border:1px solid var(--med-line);border-radius:var(--med-radius);padding:14px;width:260px;box-shadow:0 14px 40px #16323a24}.med-pop.up{top:auto;bottom:calc(100% + 8px);right:auto;left:0}.med-pop h3{margin:0 0 10px;font-size:13px}.med-pop .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.med-swatches{display:flex;gap:6px}.med-swatch{width:22px;height:22px;border-radius:7px;border:2px solid transparent;cursor:pointer}.med-swatch.on{border-color:var(--med-ink)}.med-fade{animation:medFadeUp .3s ease both}@keyframes medFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.med-banner{background:var(--med-accent-soft);border:1px dashed color-mix(in srgb,var(--med-accent) 40%,transparent);color:var(--med-ink);border-radius:var(--med-radius);padding:10px 14px;font-size:12.5px;margin-bottom:var(--med-gap)}:root{--bg:#0b0e14;--bg2:#0f1420;--card:#121a2a;--text:#e9eefc;--muted:#b9c3dd;--line:rgba(255,255,255,.08);--accent:#9d5cff;--accent2:#27d6a8;--shadow:0 18px 60px rgba(0,0,0,.45);--radius:18px;--cell-radius:8px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 10%,rgba(124,92,255,.25),transparent 60%),radial-gradient(1000px 700px at 70% 10%,rgba(39,214,168,.18),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.card{border:1px solid var(--line);border-radius:var(--cell-radius);background:#ffffff0a;box-shadow:0 10px 40px #00000040}.cardSolid{border:1px solid var(--line);border-radius:var(--cell-radius);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow)}.gridCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width: 980px){.gridCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.gridCards{grid-template-columns:1fr}}.gridProducts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media (max-width: 1280px){.gridProducts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.gridProducts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.gridProducts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.gridProducts{grid-template-columns:1fr}}.grid2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 640px){.grid2col{grid-template-columns:1fr}}.gridDataRow{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 1fr 1.5fr;gap:20px;align-items:start}@media (max-width: 980px){.gridDataRow{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.gridDataRow{grid-template-columns:1fr}}.gridCardItem{transition:transform .14s ease,box-shadow .14s ease}.gridCardItem:hover{transform:translateY(-1px);box-shadow:0 14px 46px #0000004d}@keyframes uiCardFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent2, #7c5cff);animation:spin .7s linear infinite}.modalCard{background:linear-gradient(180deg,#1b1f2a,#141824);border-color:#ffffff29;box-shadow:0 28px 90px #000000b3,0 0 0 1px #ffffff0f inset}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);font-weight:650;font-size:14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);background:#ffffff17;border-color:#ffffff24}.btnPrimary{border:none;background:#191733;box-shadow:0 14px 40px #7c5cff2e;color:var(--text)}.btnPrimary:hover{filter:brightness(1.03)}.btnPrimary:disabled{filter:brightness(1.03);opacity:.45;cursor:not-allowed}.btnGhost{background:transparent}.input{width:100%;box-sizing:border-box;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000038;outline:none;font-size:14px}.input:focus{border-color:#7c5cff61;box-shadow:0 0 0 4px #7c5cff1f}.input:-webkit-autofill,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 60px #0f1420 inset!important;-webkit-text-fill-color:#e9eefc!important}.muted{color:var(--muted)}.fieldError{color:#ff6278fa;font-weight:750}.hr{height:1px;background:var(--line)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--muted);font-size:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:650;font-size:12px;letter-spacing:.2px;text-transform:uppercase}.rowHover:hover{background:#ffffff0a}.kbd{display:inline-flex;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--muted);font-size:12px}.helloGridPlans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;row-gap:12px;grid-auto-rows:auto}@media (max-width: 980px){.helloGridPlans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.helloGridPlans{grid-template-columns:1fr}}.helloPlanCard{position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.helloPlanCard:hover{transform:translateY(-2px);box-shadow:0 24px 70px #00000073;border-color:#ffffff29}.helloIconWrap{height:110px;display:grid;place-items:center;border-radius:var(--cell-radius);border:1px solid rgba(255,255,255,.1);background:radial-gradient(700px 220px at 50% -10%,rgba(124,92,255,.35),transparent 60%),radial-gradient(700px 220px at 50% 0%,rgba(39,214,168,.22),transparent 55%),#ffffff0a}.helloCodeRow{display:flex;gap:8px;justify-content:center}.helloCodeInput{width:46px;height:54px;text-align:center;font-size:22px;font-weight:900;letter-spacing:.4px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000038;outline:none}.helloCodeInput:focus{border-color:#27d6a866;box-shadow:0 0 0 4px #27d6a81f}@keyframes piePulseGlow{0%,to{filter:drop-shadow(0 0 0 rgba(39,214,168,0));transform:scale(1)}50%{filter:drop-shadow(0 0 18px rgba(39,214,168,.35));transform:scale(1.01)}}@keyframes pieHaloFade{0%,to{opacity:.1}50%{opacity:.22}}.pieUsedPulse{animation:piePulseGlow 2.4s ease-in-out infinite;transform-origin:center}.pieUsedHalo{animation:pieHaloFade 2.4s ease-in-out infinite;transform-origin:center}.moodCarousel{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.moodCard{all:unset;flex:1;min-width:120px;scroll-snap-align:start;box-sizing:border-box}@media (max-width: 640px){.moodCard{flex:none;width:120px}}.toggle{display:inline-flex;align-items:center;gap:10px}.toggleBtn{width:48px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;padding:3px;cursor:pointer;transition:all .18s ease}.toggleBtnOn{background:#27d6a838;border-color:#27d6a866}.toggleKnob{width:22px;height:22px;border-radius:999px;background:#ffffffd9;transform:translate(0);transition:transform .18s ease}.toggleKnobOn{transform:translate(20px)}