/*! Olvara — the studio desk for a botanical skincare brand — © 2026 Hasib (OVERSHOOT). All rights reserved. Licensed, not sold: see LICENSE.md. */
:root{--font:"Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--fs-2xs:11px;--fs-xs:12px;--fs-sm:12.5px;--fs-md:13.5px;--fs-base:14px;--fs-lg:15px;--fs-xl:17px;--fs-2xl:20px;--fs-3xl:22px;--fs-4xl:26px;--fs-display:34px;--bg:#edf0ec;--surface:#fbfcfa;--surface-2:#f3f5f1;--raised:#fdfefc;--well:#14201b0e;--line:#14201b14;--line-2:#14201b26;--shadow:0 1px 2px #14201b0a, 0 18px 40px -28px #14282047;--shadow-pop:0 26px 60px -20px #101c1652, 0 2px 8px #101c1614;--text:#16201b;--muted:#59645e;--faint:#6c7771;--primary:#255446;--on-primary:#f2f6f3;--amber:#9c5c16;--amber-fill:#d39447;--side:#15241f;--on-side:#e9eee9;--side-dim:#e9eee9a3;--side-hover:#ffffff12;--side-pill:#ebdfc6;--on-side-pill:#15241f;--ink-card:#15241f;--on-ink:#eef2ee;--ink-dim:#eef2eea8;--good:#2a7349;--warn:#8f5a00;--bad:#b23a2a;--info:#2c5f9e;--soft:14%;--c-serums:#2f6b58;--c-oils:#c98a3c;--c-cleansers:#4f86bd;--c-balms:#bf6f55;--c-body:#8f9a4c;--c-home:#7a8783;--tile-sage:#dbe8dd;--tile-apricot:#f5e3ca;--tile-mist:#dce6ef;--tile-clay:#f1ddd3;--on-tile:#16201b;--tile-dim:#16201ba8;--mono-ink:#16201b;--r-card:22px;--r-tile:16px;--r-ctl:12px;--gap:16px;--side-w:252px;--gutter:clamp(16px, 1.8vw, 28px);--app-max:1760px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0e1211;--surface:#161c1a;--surface-2:#1c2321;--raised:#212926;--well:#ffffff0e;--line:#ffffff13;--line-2:#ffffff26;--shadow:0 1px 0 #ffffff08 inset, 0 18px 40px -26px #000000d9;--shadow-pop:0 26px 60px -18px #000c, 0 0 0 1px #ffffff14;--text:#e7ece8;--muted:#a0aaa4;--faint:#8b9690;--primary:#8cc6ad;--on-primary:#0d1f18;--amber:#e6ad66;--amber-fill:#d9a058;--side:#121916;--on-side:#e7ece8;--side-dim:#e7ece89e;--side-hover:#ffffff0f;--side-pill:#e6d9bd;--on-side-pill:#15241f;--ink-card:#1b2b25;--on-ink:#eef2ee;--ink-dim:#eef2eea8;--good:#7fd09f;--warn:#e9b765;--bad:#f29b8c;--info:#96bff0;--soft:17%;--c-serums:#79c0a3;--c-oils:#e2aa62;--c-cleansers:#86b4e4;--c-balms:#e39a82;--c-body:#bcc57c;--c-home:#a6b2ae;--tile-sage:#1c3027;--tile-apricot:#382a17;--tile-mist:#1a2734;--tile-clay:#35231e;--on-tile:#eef2ee;--tile-dim:#eef2eeb3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--text);background:var(--bg);font:500 var(--fs-base)/1.45 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;overflow-x:hidden}img,svg{display:block}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,dl,dd,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}[hidden]{display:none!important}small{font-size:var(--fs-xs)}.muted{color:var(--muted)}.ico{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ico--sm{width:15px;height:15px}.ico--lg{width:22px;height:22px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.head__title:focus{outline:none}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--primary);color:var(--on-primary);border-radius:12px;padding:10px 16px;font-weight:600;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}::selection{background:color-mix(in srgb, var(--amber-fill) 40%, transparent)}mark{background:color-mix(in srgb, var(--amber-fill) 38%, transparent);color:inherit;border-radius:3px;padding:0 1px}.word{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.ch{display:inline-block}html.js:not(.failsafe) .app{visibility:hidden}html.js.is-ready .app{visibility:visible}.app{grid-template-columns:var(--side-w) minmax(0, 1fr);max-width:var(--app-max);min-height:100dvh;margin:0 auto;display:grid;overflow-x:clip}html:is(.is-rail,.is-rail-auto){--side-w:88px}.side{z-index:30;height:100dvh;padding:14px 0 14px 14px;position:sticky;top:0}.side__panel{background:var(--side);height:100%;color:var(--on-side);border-radius:26px;flex-direction:column;padding:18px 14px 14px;display:flex;position:relative;box-shadow:0 24px 50px -30px #0a18128c}:root[data-theme=dark] .side__panel{box-shadow:0 0 0 1px #ffffff0f,0 24px 50px -30px #000000e6}.side__head{align-items:center;gap:10px;min-height:52px;padding:0 4px 18px;display:flex}.brand{border-radius:14px;flex:1;align-items:center;gap:11px;min-width:0;display:flex}.brand__mark{background:var(--side-pill);width:40px;height:40px;color:var(--on-side-pill);border-radius:13px;flex:none;place-items:center;display:grid}.brand__mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.brand__text{min-width:0;display:grid}.brand__name{letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:1.05}.brand__tag{font-size:var(--fs-xs);color:var(--side-dim);white-space:nowrap}.side .side__collapse{width:32px;height:32px;color:var(--on-side);background:#ffffff0d;border:1px solid #ffffff29;border-radius:10px;flex:none;place-items:center;display:grid}.side .side__collapse:hover{background:#ffffff1a}.side .side__collapse .ico{width:17px;height:17px}html.is-rail .side .side__collapse .ico{transform:scaleX(-1)}html.is-rail-auto .side .side__collapse{display:none}.nav{scrollbar-width:none;flex:1;margin:0 -4px;padding:0 4px;position:relative;overflow:hidden auto}.nav::-webkit-scrollbar{display:none}.nav__track{position:relative}.nav__pill{background:var(--side-pill);pointer-events:none;z-index:0;clip-path:inset(0 0 100%);position:absolute;inset:0}.nav__group{font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--side-dim);padding:16px 12px 6px;font-weight:700}.nav__item{z-index:1;height:44px;color:var(--side-dim);font-weight:600;font-size:var(--fs-md);white-space:nowrap;border-radius:14px;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.nav__item:hover{color:var(--on-side);background:var(--side-hover)}.nav__item[aria-current=page],.nav__item.is-parent{color:var(--on-side-pill);background:0 0}.nav__item .ico{width:19px;height:19px}.nav__label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav__count{min-width:22px;height:20px;font-size:var(--fs-2xs);color:var(--on-side);background:#ffffff1a;border-radius:10px;place-items:center;padding:0 6px;font-weight:700;display:grid}.nav__item:is([aria-current=page],.is-parent) .nav__count{background:var(--side);color:var(--on-side)}.nav__chev{opacity:.7;width:14px;height:14px}.nav__sub{z-index:1;gap:2px;padding:4px 0 6px 43px;display:grid;position:relative}.nav__sub:before{content:"";background:#ffffff24;width:1px;position:absolute;top:4px;bottom:10px;left:21px}.nav__subitem{height:34px;color:var(--side-dim);font-weight:600;font-size:var(--fs-sm);border-radius:10px;align-items:center;padding:0 10px;display:flex;position:relative}.nav__subitem:hover{color:var(--on-side);background:var(--side-hover)}.nav__subitem[aria-current=page]{color:var(--on-side)}.nav__subitem[aria-current=page]:before{content:"";background:var(--side-pill);width:9px;height:9px;box-shadow:0 0 0 3px var(--side);border-radius:50%;margin-top:-4.5px;position:absolute;top:50%;left:-26px}.side__foot{border-top:1px solid #ffffff17;gap:2px;margin-top:8px;padding-top:10px;display:grid}.me{text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 8px 4px;display:flex}.me:hover{background:var(--side-hover)}.me img{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.me__text{flex:1;min-width:0;display:grid}.me__name{font-weight:600;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.me__role{font-size:var(--fs-xs);color:var(--side-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html:is(.is-rail,.is-rail-auto) .side__panel{padding:18px 10px 12px}html:is(.is-rail,.is-rail-auto) .side__head{flex-direction:column;gap:12px;padding:0 0 14px}html:is(.is-rail,.is-rail-auto) :is(.brand__text,.nav__label,.nav__chev,.nav__sub,.nav__group,.me__text,.nav__count){display:none}html:is(.is-rail,.is-rail-auto) .brand{flex:none}html:is(.is-rail,.is-rail-auto) .nav__item{justify-content:center;padding:0}html:is(.is-rail,.is-rail-auto) .nav__item[data-dot]:after{content:"";background:var(--amber-fill);width:8px;height:8px;box-shadow:0 0 0 2px var(--side);border-radius:50%;position:absolute;top:9px;right:13px}html:is(.is-rail,.is-rail-auto) .nav__sep{background:#ffffff1a;height:1px;margin:8px 10px}html:is(.is-rail,.is-rail-auto) .me{justify-content:center;padding:8px 0 2px}.nav__sep{display:none}html:is(.is-rail,.is-rail-auto) .nav__sep{display:block}.tip{z-index:90;pointer-events:none;background:var(--text);color:var(--bg);font-size:var(--fs-sm);white-space:nowrap;box-shadow:var(--shadow-pop);border-radius:9px;padding:6px 10px;font-weight:600;position:fixed}.main{min-width:0;padding:0 var(--gutter) 64px}.top{z-index:20;background:var(--bg);align-items:center;gap:12px;padding:16px 0 14px;display:flex;position:sticky;top:0}.top__menu,.top__brand{display:none}.search{background:var(--surface);border:1px solid var(--line);max-width:460px;height:46px;box-shadow:var(--shadow);color:var(--muted);font-size:var(--fs-md);text-align:left;border-radius:23px;flex:1;align-items:center;gap:10px;padding:0 8px 0 16px;display:flex}.search:hover{border-color:var(--line-2)}.search span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.kbd{font-size:var(--fs-2xs);background:var(--well);color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:3px 7px;font-weight:700}.top__spacer{flex:1}.top__clock{text-align:right;margin-right:4px;line-height:1.2;display:grid}.top__clock b{font-weight:600;font-size:var(--fs-md)}.top__clock small{color:var(--muted)}.ibtn{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow);color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ibtn:hover{border-color:var(--line-2)}.ibtn--plain{box-shadow:none;background:0 0;border-color:#0000}.ibtn--sm{width:34px;height:34px}.ibtn--sm .ico{width:16px;height:16px}.ibtn__dot{background:var(--bad);color:#fff;min-width:18px;height:18px;font-size:var(--fs-2xs);box-shadow:0 0 0 2px var(--bg);border-radius:9px;place-items:center;padding:0 5px;font-weight:700;display:grid;position:absolute;top:7px;right:7px}.top__me{border:2px solid var(--surface);width:44px;height:44px;box-shadow:var(--shadow);border-radius:50%;flex:none;overflow:hidden}.top__me img{object-fit:cover;width:100%;height:100%}.btn{height:42px;font-size:var(--fs-md);white-space:nowrap;background:var(--surface);color:var(--text);border:1px solid var(--line-2);border-radius:21px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn--primary{background:var(--primary);color:var(--on-primary);border-color:#0000}.btn--primary:hover{background:color-mix(in srgb, var(--primary) 88%, var(--text))}.btn--ink{background:var(--text);color:var(--bg);border-color:#0000}.btn--ink:hover{background:color-mix(in srgb, var(--text) 86%, var(--bg))}.btn--soft{background:var(--well);border-color:#0000}.btn--soft:hover{background:color-mix(in srgb, var(--text) 9%, transparent)}.btn--danger{background:var(--bad);color:#fff;border-color:#0000}.btn--sm{height:34px;font-size:var(--fs-sm);border-radius:17px;padding:0 14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .ico{width:17px;height:17px}.link{color:var(--primary);font-weight:600;font-size:var(--fs-sm);align-items:center;gap:4px;display:inline-flex}.link:hover{text-underline-offset:3px;text-decoration:underline}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin:8px 0 22px;display:flex}.head__text{min-width:0}.crumbs{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;display:flex}.crumbs a:hover{color:var(--text)}.crumbs .ico{opacity:.6;width:13px;height:13px}.head__title{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.04}.head__sub{color:var(--muted);max-width:64ch;margin-top:8px}.head__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;margin:-6px 0 22px;overflow-x:auto}.tabs__track{gap:4px;width:max-content;min-width:100%;display:flex;position:relative}.tabs::-webkit-scrollbar{display:none}.tab{height:42px;font-weight:600;font-size:var(--fs-md);color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab b{font-size:var(--fs-2xs);background:var(--well);color:var(--muted);border-radius:9px;padding:2px 7px;font-weight:700}.tabs__bar{background:linear-gradient(to top, var(--text) 2px, transparent 2px);pointer-events:none;clip-path:inset(0 100% 0 0);position:absolute;inset:0}.seg{background:var(--well);border-radius:22px;flex:none;width:max-content;padding:4px;display:inline-flex;position:relative}.seg__thumb{background:var(--surface);clip-path:inset(0 100% 0 0);pointer-events:none;position:absolute;inset:0;box-shadow:0 1px 2px #00000014,0 4px 12px -6px #00000040}:root[data-theme=dark] .seg__thumb{background:var(--raised)}.seg button{z-index:1;height:32px;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex;position:relative}.seg button[aria-pressed=true]{color:var(--text)}.seg--ink{background:var(--ink-card)}:root .seg--ink .seg__thumb{background:var(--side-pill)}.seg--ink button{color:var(--ink-dim)}.seg--ink button[aria-pressed=true]{color:var(--on-side-pill)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);min-width:0;padding:20px;position:relative}.card--flush{padding:0;overflow:hidden}.card--ink{background:var(--ink-card);color:var(--on-ink);border-color:#0000}.card--ink .card__sub,.card--ink .muted{color:var(--ink-dim)}.card__head{align-items:center;gap:12px;min-height:34px;margin-bottom:16px;display:flex}.card__head>div:first-child{flex:1;min-width:0}.card__title{font-size:var(--fs-lg);letter-spacing:-.005em;font-weight:600}.card__sub{font-size:var(--fs-sm);color:var(--muted);margin-top:2px}.card__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.grid{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.grid>*{grid-column:span var(--span,12)}.kpi{border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);gap:4px;min-width:0;padding:18px 20px;display:grid;position:relative;overflow:hidden}.kpi[data-tile]{color:var(--on-tile);border-color:#0000}.kpi[data-tile=sage]{background:var(--tile-sage)}.kpi[data-tile=apricot]{background:var(--tile-apricot)}.kpi[data-tile=mist]{background:var(--tile-mist)}.kpi[data-tile=clay]{background:var(--tile-clay)}.kpi__label{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:8px;font-weight:600;display:flex}.kpi[data-tile] .kpi__label,.kpi[data-tile] .kpi__foot{color:var(--tile-dim)}.kpi__value{font-size:var(--fs-3xl);letter-spacing:-.01em;font-weight:600;line-height:1.15}.kpi__foot{font-size:var(--fs-xs);color:var(--muted);align-items:center;gap:8px;display:flex}.kpi__spark{width:92px;height:34px;position:absolute;bottom:16px;right:16px}.delta{font-weight:700;font-size:var(--fs-xs);align-items:center;gap:2px;display:inline-flex}.delta--up{color:var(--good)}.delta--down{color:var(--bad)}.kpi[data-tile] .delta--up{color:color-mix(in srgb, var(--good) 80%, var(--on-tile))}.pill{--t:var(--muted);white-space:nowrap;height:24px;font-size:var(--fs-xs);color:var(--t);background:color-mix(in srgb, var(--t) var(--soft), transparent);border-radius:12px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill--bare:before{display:none}.pill[data-tone=good]{--t:var(--good)}.pill[data-tone=warn]{--t:var(--warn)}.pill[data-tone=bad]{--t:var(--bad)}.pill[data-tone=info]{--t:var(--info)}.pill[data-tone=primary]{--t:var(--primary)}.chip{height:34px;font-size:var(--fs-sm);color:var(--muted);background:var(--surface);border:1px solid var(--line-2);white-space:nowrap;border-radius:17px;align-items:center;gap:7px;padding:0 14px;font-weight:600;display:inline-flex}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:#0000}.chip b{font-weight:700;font-size:var(--fs-2xs);opacity:.75}.chips{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:var(--c,var(--muted));border-radius:3px;flex:none;width:10px;height:10px}.avatar{--size:34px;width:var(--size);height:var(--size);font-size:calc(var(--size) * .36);color:var(--mono-ink);letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{--size:26px}.avatar--lg{--size:48px}.avatar--xl{--size:72px}.stack{display:flex}.stack>.avatar{box-shadow:0 0 0 2px var(--surface)}.stack>.avatar+.avatar{margin-left:-9px}.thumb{background:var(--surface-2);border-radius:12px;flex:none;width:44px;height:44px;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb--sm{border-radius:10px;width:34px;height:34px}.thumb--lg{border-radius:16px;width:64px;height:64px}.meter{background:var(--well);border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.meter i{background:var(--c,var(--primary));transform-origin:0;border-radius:3px;position:absolute;inset:0}.meter[data-tone=bad] i{background:var(--bad)}.meter[data-tone=warn] i{background:var(--amber-fill)}.stars{color:var(--amber-fill);gap:1px;display:inline-flex}.stars svg{fill:currentColor;width:13px;height:13px}.stars .off{color:var(--line-2)}.table-wrap{margin:0 -20px -20px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.table th{text-align:left;font-size:var(--fs-xs);color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px}.table tr:last-child td{border-bottom:0}.table :is(th,td):first-child{padding-left:20px}.table :is(th,td):last-child{padding-right:20px}.table .num{text-align:right}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:color-mix(in srgb, var(--text) 3%, transparent)}.cell{align-items:center;gap:12px;min-width:0;display:flex}.cell b{font-weight:600;display:block}.cell small{color:var(--muted);display:block}.cell>div{min-width:0}.field{gap:6px;display:grid}.field>span{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.input,.select,.textarea{border-radius:var(--r-ctl);background:var(--surface-2);border:1px solid var(--line-2);width:100%;height:44px;font-size:var(--fs-md);outline:none;padding:0 14px}.textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px;line-height:1.45}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2359645e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.field.is-error .input,.field.is-error .select,.field.is-error .textarea{border-color:var(--bad)}.field__err{font-size:var(--fs-xs);color:var(--bad);font-weight:600}.form{gap:14px;display:grid}.form__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inline-search{flex:1;min-width:180px;max-width:320px;position:relative}.inline-search .ico{width:16px;height:16px;color:var(--muted);margin-top:-8px;position:absolute;top:50%;left:14px}.inline-search input{border:1px solid var(--line-2);background:var(--surface);width:100%;height:40px;font-size:var(--fs-md);border-radius:20px;outline:none;padding:0 14px 0 38px}.inline-search input:focus{border-color:var(--primary)}.switch{background:var(--line-2);border-radius:13px;flex:none;width:44px;height:26px;position:relative}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--primary)}:root[data-theme=dark] .switch[aria-checked=true] i{background:var(--on-primary)}.check{border:1.5px solid var(--line-2);background:var(--surface);border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.check[aria-checked=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.check svg{stroke-width:2.6px;width:13px;height:13px}.empty{text-align:center;color:var(--muted);justify-items:center;gap:6px;padding:36px 16px;display:grid}.empty>.ico{width:30px;height:30px;color:var(--faint);margin-bottom:6px}.empty__title{color:var(--text);font-weight:600;font-size:var(--fs-lg)}.empty__text{max-width:38ch;font-size:var(--fs-md)}.empty .btn{margin-top:10px}.pop{z-index:70;background:var(--raised);border:1px solid var(--line);min-width:220px;max-width:min(380px,100vw - 24px);box-shadow:var(--shadow-pop);border-radius:16px;padding:6px;position:fixed}.menu__item{width:100%;height:40px;font-size:var(--fs-md);text-align:left;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--well);outline:none}.menu__item small{color:var(--muted);margin-left:auto;font-weight:500}.menu__item--danger{color:var(--bad)}.menu__sep{background:var(--line);height:1px;margin:5px 6px}.menu__label{font-size:var(--fs-2xs);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px 4px;font-weight:700}.notes{width:380px;padding:0}.notes__head{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notes__head b{font-size:var(--fs-lg);font-weight:600}.notes__list{max-height:min(420px,60vh);padding:0 6px 6px;overflow-y:auto}.note{text-align:left;border-radius:12px;gap:12px;width:100%;padding:10px;display:flex}.note:hover{background:var(--well)}.note__ico{background:var(--well);width:34px;height:34px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.note__ico .ico{width:16px;height:16px}.note p{font-size:var(--fs-md);line-height:1.35}.note small{color:var(--muted)}.note.is-unread p{font-weight:600}.note.is-unread .note__ico{background:color-mix(in srgb, var(--amber-fill) 26%, transparent)}dialog{color:var(--text);background:0 0;border:0;max-width:none;max-height:none;padding:0}dialog::backdrop{background:#0a120e61}:root[data-theme=dark] dialog::backdrop{background:#0000008c}.modal{background:var(--raised);width:min(560px,100vw - 32px);box-shadow:var(--shadow-pop);border:1px solid var(--line);border-radius:24px;margin:auto}.modal--wide{width:min(760px,100vw - 32px)}.modal__head{align-items:center;gap:12px;padding:20px 22px 4px;display:flex}.modal__title{font-size:var(--fs-2xl);letter-spacing:-.015em;flex:1;font-weight:700}.modal__body{max-height:min(64vh,640px);padding:14px 22px 4px;overflow-y:auto}.modal__foot{justify-content:flex-end;gap:10px;padding:16px 22px 20px;display:flex}.drawer{background:var(--raised);width:min(480px,100vw);height:100dvh;box-shadow:var(--shadow-pop);border-left:1px solid var(--line);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 0 0 auto}.drawer[open]{display:flex}.drawer:not([open]){display:none}.drawer__head{align-items:flex-start;gap:12px;padding:22px 22px 12px;display:flex}.drawer__title{font-size:var(--fs-3xl);letter-spacing:-.02em;flex:1;font-weight:700;line-height:1.15}.drawer__sub{color:var(--muted);font-size:var(--fs-md);margin-top:4px}.drawer__body{flex:1;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:18px;padding:8px 22px 24px;display:grid;overflow-y:auto}.drawer__foot{border-top:1px solid var(--line);gap:10px;padding:14px 22px 18px;display:flex}.drawer__foot .btn{flex:1}.dl{font-size:var(--fs-md);grid-template-columns:auto 1fr;gap:10px 18px;display:grid}.dl dt{color:var(--muted)}.dl dd{text-align:right;font-weight:600}.section-title{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:700}.finder{background:var(--raised);width:min(620px,100vw - 24px);box-shadow:var(--shadow-pop);border:1px solid var(--line);border-radius:22px;margin:10vh auto auto;overflow:hidden}.finder__bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 18px;display:flex}.finder__bar .ico{color:var(--muted)}.finder__bar input{height:60px;font-size:var(--fs-xl);background:0 0;border:0;outline:none;flex:1}.finder__list{max-height:min(460px,60vh);padding:6px;overflow-y:auto}.finder__group{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 12px 4px;font-weight:700}.finder__opt{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.finder__opt[aria-selected=true]{background:var(--well)}.finder__opt b{font-weight:600;display:block}.finder__opt small{color:var(--muted);display:block}.finder__opt>span:nth-child(2){flex:1;min-width:0}.finder__lead{background:var(--well);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.finder__lead img{object-fit:cover;width:100%;height:100%}.finder__go{color:var(--muted);opacity:0}.finder__opt[aria-selected=true] .finder__go{opacity:1}.toasts{z-index:95;pointer-events:none;gap:8px;width:min(440px,100vw - 24px);margin-left:max(-220px,12px - 50vw);display:grid;position:fixed;bottom:24px;left:50%}.toast{pointer-events:auto;background:var(--text);color:var(--bg);box-shadow:var(--shadow-pop);font-size:var(--fs-md);border-radius:16px;align-items:center;gap:12px;padding:12px 12px 12px 16px;font-weight:600;display:flex}.toast .ico{flex:none;width:18px;height:18px}.toast p{flex:1}.toast button{background:color-mix(in srgb, var(--bg) 16%, transparent);height:32px;font-weight:700;font-size:var(--fs-sm);border-radius:10px;padding:0 12px}.is-flash{animation:flash 1s var(--ease);border-radius:6px}@keyframes flash{0%{background:color-mix(in srgb, var(--amber-fill) 35%, transparent)}to{background:0 0}}.float-up{z-index:96;pointer-events:none;font-weight:700;font-size:var(--fs-md);color:var(--good);position:fixed}.live{font-size:var(--fs-xs);color:var(--good);align-items:center;gap:7px;font-weight:600;display:inline-flex}.live i{width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, currentColor 45%, transparent);background:currentColor;border-radius:50%}.signin{background:var(--bg);grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.signin__art{background:var(--ink-card);border-radius:28px;margin:14px;position:relative;overflow:hidden}.signin__art img{object-fit:cover;width:100%;height:100%}.signin__quote{background:var(--ink-card);color:var(--on-ink);font-size:var(--fs-lg);border-radius:18px;padding:18px 20px;font-weight:600;position:absolute;bottom:24px;left:24px;right:24px}.signin__quote small{color:var(--ink-dim);margin-top:6px;font-weight:500;display:block}.signin__side{place-items:center;padding:32px 20px;display:grid}.signin__card{gap:16px;width:min(400px,100%);display:grid}.signin__card h1{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.04}.tabbar{display:none}.chart{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;position:relative}.chart svg{overflow:visible}.chart__grid{stroke:var(--line);stroke-width:1px}.chart__tick{fill:var(--muted);font-size:var(--fs-2xs);font-weight:600;font-family:var(--font)}.chart__hover line{stroke:var(--line-2);stroke-dasharray:3 4}.chart__hover circle{stroke:var(--surface);stroke-width:2.5px}.chart__tip{pointer-events:none;z-index:2;background:var(--text);color:var(--bg);font-size:var(--fs-sm);white-space:nowrap;box-shadow:var(--shadow-pop);border-radius:12px;gap:2px;padding:8px 12px;display:grid;position:absolute;top:-6px;transform:translate(-50%,-100%)}.chart__tip small{opacity:.7;font-size:var(--fs-2xs);font-weight:600}.chart__tip span{align-items:center;gap:6px;display:flex}.chart__tip i{border-radius:50%;width:8px;height:8px}.chart__tip b{font-weight:700}.ring{flex:none;position:relative}.ring__label{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.stackbar{gap:3px;width:100%;display:flex}.stackbar i{border-radius:4px;min-width:4px;height:100%;display:block}.legend{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;gap:6px 16px;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.legend i{background:var(--c);border-radius:3px;width:9px;height:9px}.lines{gap:8px;display:grid}.lines__row{grid-template-columns:1fr 76px 34px;align-items:center;gap:8px;display:grid}.form__total{border-top:1px solid var(--line);font-size:var(--fs-lg);justify-content:space-between;padding-top:12px;display:flex}.form__total b{font-weight:600}.menu__me{align-items:center;gap:10px;padding:8px 10px 6px;display:flex}.menu__me img{object-fit:cover;border-radius:50%;width:40px;height:40px}.menu__me b{font-weight:600;display:block}.menu__me small{color:var(--muted)}.keys{gap:2px;display:grid}.keys>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.keys dd{font-size:var(--fs-sm);align-items:center;gap:4px;display:flex}.more-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:8px;display:grid}.more-grid__item{background:var(--well);font-weight:600;font-size:var(--fs-sm);border-radius:16px;justify-items:center;gap:6px;padding:16px 6px;display:grid}.more-grid__item[aria-current=page]{background:var(--side);color:var(--side-pill)}.view-host{outline:none}.view{min-width:0}@media (width<=1279px){.top__clock{display:none}}@media (width<=999px){.grid>*{grid-column:span var(--span-md,12)}.hide-md{display:none!important}}@media (width<=760px){:root{--gutter:16px;--r-card:20px}.app{grid-template-columns:minmax(0,1fr)}.side{display:none}.main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.top{gap:8px;padding:12px 0 10px}.top__spacer{display:none}.top__brand{letter-spacing:-.02em;flex:1;align-items:center;gap:9px;min-width:0;font-size:19px;font-weight:700;display:flex}.top__brand .brand__mark{background:var(--side);width:34px;height:34px;color:var(--side-pill);border-radius:11px}.top__brand .brand__mark svg{width:19px;height:19px}.search{border-radius:50%;flex:none;justify-content:center;width:44px;padding:0}.search span,.search .kbd,.top .btn--new span{display:none}.top .btn--new{border-radius:50%;width:44px;padding:0}.top__theme{display:none}.head{margin:2px 0 16px}.head__actions{width:100%}.grid>*{grid-column:span 12}.card{padding:16px}.card__head{flex-wrap:wrap;row-gap:10px}.tabs{margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.card__head>div:first-child{min-width:min(100%,170px)}.card--flush{padding:0}.table-wrap{margin:0 -16px -16px}.kpi__value{font-size:18px}.hide-sm{display:none!important}.table--stack thead{display:none}.table--stack,.table--stack tbody,.table--stack tr,.table--stack td{width:100%;display:block}.table--stack tr{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:12px 16px;display:grid}.table--stack tr:last-child{border-bottom:0}.table--stack td{border:0;padding:0!important}.table--stack td.num{text-align:right}.table--stack td[data-label]:before{content:attr(data-label) " ";color:var(--muted);font-size:var(--fs-xs)}.input,.select,.textarea,.inline-search input,.finder__bar input{font-size:16px}.form__row{grid-template-columns:1fr}.modal{width:100vw;max-width:100vw;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;margin:auto 0 0}.modal__body{max-height:70vh}.drawer{width:100vw}.notes{width:calc(100vw - 24px)}.toasts{bottom:calc(88px + env(safe-area-inset-bottom))}.signin{grid-template-columns:1fr}.signin__art{height:34vh}.tabbar{z-index:40;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:var(--side);border-radius:24px;grid-template-columns:repeat(5,1fr);padding:6px;display:grid;position:fixed;box-shadow:0 18px 40px -16px #0a141080}.tabbar__pill{background:var(--side-pill);pointer-events:none;clip-path:inset(0 100% 0 0);position:absolute;inset:0}.tabbar a,.tabbar button{z-index:1;color:var(--side-dim);font-size:var(--fs-2xs);border-radius:18px;justify-items:center;gap:2px;min-height:52px;padding:8px 0 7px;font-weight:700;display:grid;position:relative}.tabbar [aria-current=page]{color:var(--on-side-pill)}.tabbar .ico{width:21px;height:21px}}@media (pointer:coarse){.btn--sm,.chip{min-height:40px}.ibtn--sm{width:44px;height:44px}.menu__item{height:46px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.seg button{height:40px}.top__brand{min-height:44px}:is(.link,.crumbs a,.switch,.check,.drawer__body a[href]:not(.btn):not(.ibtn),.modal__body a[href]:not(.btn),.hit){position:relative}:is(.link,.crumbs a,.switch,.check,.drawer__body a[href]:not(.btn):not(.ibtn),.modal__body a[href]:not(.btn),.hit):after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (height<=960px) and (width>=761px){.side__head{padding-bottom:12px}.nav__group{padding:12px 12px 4px}.nav__item{height:40px}.nav__sub{padding:2px 0 4px 43px}.nav__subitem{height:32px}.side__foot .nav__item{height:40px}.me{padding-top:8px}}@media (height<=820px) and (width>=761px){html:not(.is-rail):not(.is-rail-auto) .side__foot{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:4px}html:not(.is-rail):not(.is-rail-auto) .side__foot .nav__item{justify-content:center;width:40px;padding:0}html:not(.is-rail):not(.is-rail-auto) .side__foot .nav__label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html:not(.is-rail):not(.is-rail-auto) .side__foot .me{padding:4px 6px}.nav__group{padding:10px 12px 3px}.nav__item{height:38px}.nav__subitem{height:30px}.nav{-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}}@media (height<=740px) and (width>=761px){.side__panel{padding-top:14px}.side__head{min-height:46px;padding-bottom:8px}.nav__group{padding:8px 12px 2px}.nav__item{height:36px}}@media (height<=560px) and (width>=761px){.side__head{min-height:0;padding-bottom:8px}.nav__item{height:38px}.nav__group{padding-top:8px}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){.is-flash{animation:none}}