:root{--bg:#f4f3f9;--card:#ffffffbd;--card-solid:#fff;--card-border:#ffffffbf;--card-shadow:0 18px 40px -18px #2c1c6e38, 0 2px 6px #2c1c6e0d;--ink:#1b1730;--ink-2:#6b6880;--ink-3:#9c99ae;--grid:#ebe9f3;--axis:#d6d3e2;--surface-ring:#fff;--brand:#6c5ce7;--brand-gradient:linear-gradient(120deg, #6c5ce7, #9b6cf2 55%, #f27ab1);--series:#7c6cf2;--series-soft:#7c6cf21a;--doses:#7c6cf2;--weights:#f2709c;--meals:#ff7a59;--water:#3ba7f5;--effects:#34c27a;--good:#1f9d63;--bad:#e2525c;--aurora-1:#dcd2ff;--aurora-2:#ffd3e8;--aurora-3:#c8f0ea;--aurora-4:#ffe2d4;--radius:28px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-figures:ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;--font-display:"Archivo", -apple-system, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0d0c13;--card:#1c1a28b8;--card-solid:#1a1824;--card-border:#ffffff12;--card-shadow:0 18px 40px -18px #0009;--ink:#f2f0fa;--ink-2:#aaa6bf;--ink-3:#75718a;--grid:#2a2738;--axis:#3a364b;--surface-ring:#1a1824;--series:#8f80ff;--series-soft:#8f80ff24;--doses:#8f80ff;--weights:#e0608c;--meals:#e66444;--water:#2999e6;--effects:#09ae67;--good:#3ccf8a;--bad:#ff6b74;--aurora-1:#2a1b5c;--aurora-2:#4a2160;--aurora-3:#123a48;--aurora-4:#3a1f3c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input{font:inherit;color:inherit}.aurora{z-index:-1;position:fixed;inset:0;overflow:hidden}.aurora span{filter:blur(80px);opacity:.9;border-radius:50%;width:60vmax;height:60vmax;animation:26s ease-in-out infinite alternate drift;position:absolute}.aurora span:first-child{background:var(--aurora-1);top:-25vmax;left:-15vmax}.aurora span:nth-child(2){background:var(--aurora-2);animation-delay:-7s;top:-20vmax;right:-25vmax}.aurora span:nth-child(3){background:var(--aurora-3);animation-delay:-13s;bottom:-30vmax;left:10vmax}.aurora span:nth-child(4){background:var(--aurora-4);animation-delay:-19s;bottom:-25vmax;right:-10vmax}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.12)}}.shell{grid-template-columns:248px 1fr;min-height:100%;display:grid}.sidebar{background:var(--card);border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(28px)saturate(170%);flex-direction:column;gap:6px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);align-items:center;gap:10px;padding:0 10px 22px;font-size:19px;font-weight:850;font-stretch:125%;display:flex}.brand .drop{background:var(--brand-gradient);color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 8px 18px -6px #6c5ce799}.brand small{font-family:var(--font);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600;font-stretch:100%;display:block}.nav-item{cursor:pointer;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:11px 14px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex}.nav-item:hover{color:var(--ink);background:#7c6cf214}.nav-item.active{background:var(--brand-gradient);color:#fff;box-shadow:0 10px 22px -10px #6c5ce7b3}.nav-item svg{width:18px;height:18px}.sidebar-footer{color:var(--ink-3);gap:8px;margin-top:auto;padding:0 6px;font-size:12px;display:grid}.status-dot{background:var(--good);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #1f9d6326}.main{width:100%;max-width:1480px;padding:30px 34px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}h1{font-family:var(--font-display);letter-spacing:-.01em;margin:4px 0 0;font-size:34px;font-weight:850;font-stretch:125%}h2{margin:0;font-size:16px;font-weight:700}.segmented{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--card-shadow);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.segmented button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-weight:650;transition:all .25s}.segmented button[aria-pressed=true]{background:var(--brand-gradient);color:#fff;box-shadow:0 8px 16px -8px #6c5ce7cc}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(26px)saturate(160%);transform-style:preserve-3d;padding:22px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;animation:.7s cubic-bezier(.2,.8,.2,1) backwards rise;position:relative}.card:hover{box-shadow:0 26px 50px -20px #2c1c6e4d,0 2px 6px #2c1c6e0d}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:none;transform:none}}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-head p{color:var(--ink-2);margin:3px 0 0;font-size:13px}.card-head .icon3d{width:44px;height:44px}.icon-button{width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:#7c6cf214;border:0;border-radius:10px;place-items:center;transition:background .2s;display:grid}.icon-button:hover{color:var(--ink);background:#7c6cf229}.icon-button svg{width:16px;height:16px}.grid{gap:18px;display:grid}.grid.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:2fr 1fr}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.halves{grid-template-columns:1fr 1fr}.stack{gap:18px;display:grid}@media (width<=1180px){.grid.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.grid.three,.grid.halves{grid-template-columns:1fr}}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;position:static}.brand{padding-bottom:0}.sidebar-footer{display:none}.main{padding:18px 16px 40px}.delta .muted{display:none}.hero .icon3d{width:110px;height:110px}.hero-figure{font-size:48px}}.hero{background:var(--brand-gradient);color:#fff;border:0;grid-template-columns:1fr auto;align-items:center;min-height:190px;display:grid;overflow:hidden}.hero .eyebrow{color:#ffffffc7}.hero-figure{font-family:var(--font-figures);letter-spacing:-.02em;margin:10px 0 8px;font-size:64px;font-weight:800;line-height:1}.hero-figure small{opacity:.8;margin-left:6px;font-size:26px;font-weight:700}.hero p{color:#ffffffdb;margin:0;font-size:15px}.hero .glow{filter:blur(60px);background:#ffffff59;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-60px}.hero .icon3d{width:170px;height:170px;margin-right:10px}.icon3d{object-fit:contain;filter:drop-shadow(0 12px 14px #28145a40);animation:3.4s ease-in-out infinite alternate float}@keyframes float{0%{transform:translateY(4px)rotateY(-10deg)rotate(-2deg)}to{transform:translateY(-6px)rotateY(12deg)rotate(2deg)}}.tile{gap:6px;display:grid}.tile-top{justify-content:space-between;align-items:center;display:flex}.tile-label{color:var(--ink-2);font-weight:600}.tile-value{font-family:var(--font-figures);letter-spacing:-.01em;font-size:34px;font-weight:800}.tile .icon3d{width:42px;height:42px}.delta{align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.flat{color:var(--ink-3)}.muted{color:var(--ink-3);font-weight:500}.chart{width:100%;position:relative}.chart svg{display:block;overflow:visible}.chart text{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.chart .value-label{fill:var(--ink-2);font-size:11.5px;font-weight:700}.chart .grid-line{stroke:var(--grid);stroke-width:1px;shape-rendering:crispedges}.chart .axis-line{stroke:var(--axis);stroke-width:1px;shape-rendering:crispedges}.chart .crosshair{stroke:var(--ink-3);stroke-width:1px}.chart .mark{transition:opacity .2s,filter .2s}.chart .mark.dim{opacity:.45}.chart .grow{transform-box:fill-box;transform-origin:bottom;animation:.9s cubic-bezier(.2,.8,.2,1) both grow}.chart .grow-x{transform-box:fill-box;transform-origin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both grow-x}.chart .draw{stroke-dasharray:3000;stroke-dashoffset:3000px;animation:1.6s cubic-bezier(.4,0,.2,1) forwards draw}.chart .fade-in{animation:1.2s .5s both fade}@keyframes grow{0%{transform:scaleY(0)}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}}.tooltip{pointer-events:none;z-index:5;background:var(--card-solid);color:var(--ink);border:1px solid var(--grid);white-space:nowrap;border-radius:14px;padding:9px 12px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 14px 30px -10px #1e144659}.tooltip strong{font-size:15px;font-family:var(--font-figures);display:block}.tooltip .key{vertical-align:middle;border-radius:2px;width:12px;height:2px;margin-right:6px;display:inline-block}.loading-frame{transition:opacity .3s}.loading-frame.refetching{opacity:.55}.multiples{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.multiple{background:var(--card-solid);border:1px solid var(--grid);border-radius:20px;padding:14px}.multiple .icon3d{width:30px;height:30px}.multiple-head{color:var(--ink-2);align-items:center;gap:8px;font-weight:650;display:flex}.multiple-total{font-family:var(--font-figures);margin:6px 0 2px;font-size:22px;font-weight:800}@media (width<=1180px){.multiples{grid-template-columns:repeat(2,minmax(0,1fr))}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--grid);padding:10px 12px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--grid);font-variant-numeric:tabular-nums;white-space:nowrap;padding:12px}tr.clickable{cursor:pointer;transition:background .15s}tr.clickable:hover{background:#7c6cf20f}td.num,th.num{text-align:right}.user-cell{align-items:center;gap:10px;font-weight:600;display:flex}.avatar{color:#fff;background:var(--brand-gradient);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.badge{letter-spacing:.04em;color:#fff;background:var(--brand-gradient);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.badge.soft{color:var(--brand);background:#7c6cf21f}.meter{background:var(--grid);border-radius:6px;min-width:70px;height:6px;overflow:hidden}.meter>span{background:var(--brand-gradient);border-radius:6px;height:100%;display:block}.search{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--card-shadow);border-radius:999px;align-items:center;gap:10px;min-width:280px;padding:10px 16px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%}.search svg{width:16px;height:16px;color:var(--ink-3)}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#0f0a2847;animation:.25s both fade;position:fixed;inset:0}.drawer{z-index:21;background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(30px)saturate(170%);border-radius:30px;align-content:start;gap:18px;width:min(560px,100vw - 28px);padding:26px;animation:.45s cubic-bezier(.2,.8,.2,1) both slide;display:grid;position:fixed;top:14px;bottom:14px;right:14px;overflow-y:auto;box-shadow:0 30px 80px -20px #140a3c73}@keyframes slide{0%{opacity:0;transform:translate(40px)}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--card-solid);border:1px solid var(--grid);border-radius:999px;padding:6px 12px;font-size:12.5px}.chip b{color:var(--ink)}.list-row{border-bottom:1px solid var(--grid);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login .card{text-align:center;gap:14px;width:min(440px,100%);padding:34px;display:grid}.login .icon3d{width:120px;height:120px;margin:0 auto}.field{text-align:left;color:var(--ink-2);gap:6px;font-size:12px;font-weight:600;display:grid}.field input{border:1px solid var(--grid);background:var(--card-solid);color:var(--ink);border-radius:16px;outline:none;padding:13px 16px;font-size:14px}.field input:focus{border-color:var(--series);box-shadow:0 0 0 4px var(--series-soft)}.primary{cursor:pointer;color:#fff;background:var(--brand-gradient);border:0;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 26px -12px #6c5ce7cc}.primary:hover{transform:translateY(-1px)}.primary:active{transform:translateY(1px)scale(.99)}.primary:disabled{opacity:.5;cursor:default}.error{color:var(--bad);font-size:13px;font-weight:600}.danger,.ghost{cursor:pointer;border:0;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.danger{color:#fff;background:var(--bad)}.danger.outline{color:var(--bad);box-shadow:inset 0 0 0 1.5px var(--bad);background:0 0}.danger.outline:hover{background:#e2525c14}.ghost{color:var(--ink-2);background:#7c6cf214}.danger:disabled,.ghost:disabled{opacity:.5;cursor:default}.danger-zone{box-shadow:inset 0 0 0 1px #e2525c40}.badge.warn{color:var(--bad);background:#e2525c1f}.link{color:var(--brand);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.link:hover{text-decoration:underline}.status-dot.off{background:var(--bad);box-shadow:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px 14px;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid h3{margin:6px 0 0;font-size:15px}.field select{border:1px solid var(--grid);background:var(--card-solid);color:var(--ink);border-radius:16px;outline:none;padding:12px 14px;font-size:14px}.field select:focus{border-color:var(--series);box-shadow:0 0 0 4px var(--series-soft)}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary.small{padding:10px 18px;font-size:14px}.edit-section{border-top:1px solid var(--grid);margin-top:14px;padding-top:14px}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
