:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--bg:light-dark(#f0f2f2,#080e12);--surface:light-dark(#ffffff,#0c161c);--surface-raised:light-dark(#f9fafa,#121f27);--surface-hover:light-dark(#eceeee,#17252e);--border:light-dark(#dddedf,#223038);--border-strong:light-dark(#ced0d2,#31434d);--text:light-dark(#0c161c,#f9fafa);--text-subtle:light-dark(#3d4549,#9ea2a4);--text-faint:#6b7378;--success:#147e4a;--warning:#ff9600;--critical:#d12424;--info:#3d8ac7;--success-text:light-dark(#147e4a,#34d399);--critical-text:light-dark(#d12424,#f87171);--warning-text:light-dark(#8a5200,#ff9600);--info-text:light-dark(#2a6494,#3d8ac7);--success-soft:light-dark(#e7f3ec,#0e2b1e);--warning-soft:light-dark(#fdf2e3,#2e2213);--critical-soft:light-dark(#fbeaea,#2c1414);--info-soft:light-dark(#e9f1f8,#10222e);--accent:light-dark(#080e12,#f9fafa);--accent-ink:light-dark(#f9fafa,#080e12);--accent-soft:light-dark(rgb(8 14 18/0.1),rgb(249 250 250/0.14));--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-full:9999px;--shadow-1:0 1px 2px light-dark(rgb(8 14 18/0.08),rgb(0 0 0/0.4));--shadow-2:0 8px 24px light-dark(rgb(8 14 18/0.12),rgb(0 0 0/0.45));--nav-width:232px;--header-height:60px;color-scheme:dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=system]{color-scheme:light dark}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}:root[data-theme=light] body{-webkit-font-smoothing:auto}@media (prefers-color-scheme:light){:root[data-theme=system] body{-webkit-font-smoothing:auto}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-4)}.shell{display:grid;grid-template-columns:var(--nav-width) 1fr;min-height:100vh}.nav{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-20) var(--space-12);display:flex;flex-direction:column;gap:var(--space-24);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.nav__brand{display:flex;align-items:center;gap:var(--space-8);padding:0 var(--space-8)}.nav__brand,.nav__brand:hover{color:var(--text)}.nav__suffix{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint)}.nav__group{display:flex;flex-direction:column;gap:var(--space-2)}.nav__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding:0 var(--space-8) var(--space-6)}.nav__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-8);border-radius:var(--radius-6);color:var(--text-subtle);transition:background .12s ease,color .12s ease}.nav__link:hover{background:var(--surface-hover);color:var(--text)}.nav__link[aria-current=page]{background:var(--surface-raised);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.nav__count{font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--surface-hover);color:var(--text-subtle);border-radius:var(--radius-full);padding:1px var(--space-6)}.nav__footer{margin-top:auto;font-size:11px;color:var(--text-faint);padding:0 var(--space-8);gap:var(--space-4)}.main,.nav__footer{display:flex;flex-direction:column}.main{min-width:0}.topbar{height:var(--header-height);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:0 var(--space-24);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.crumbs{display:flex;min-width:0}.crumbs,.crumbs__parent{align-items:baseline;gap:var(--space-6)}.crumbs__parent{display:inline-flex;font-size:15px;color:var(--text-faint);white-space:nowrap}.crumbs__link:hover{color:var(--text-subtle)}.crumbs__sep{color:var(--border-strong)}.crumbs__current{font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__right{gap:var(--space-12);flex:none}.topbar__right,.whoami{display:flex;align-items:center}.whoami{gap:var(--space-8);font-size:12px}.whoami__name{color:var(--text-subtle)}.whoami__role{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-4);padding:1px var(--space-6)}.themepick{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-raised);flex:none}.themepick__opt{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-faint);cursor:pointer}.themepick__opt:hover{color:var(--text-subtle)}.themepick__opt[aria-pressed=true]{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text)}.content{padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-20);max-width:1440px;width:100%}.envbar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-24);background:var(--warning-soft);border-bottom:1px solid color-mix(in srgb,var(--warning) 35%,transparent);color:var(--warning-text);font-size:12px}.envbar strong{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-12);padding:var(--space-16)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-12)}.card__title{font-size:13px;font-weight:700;margin:0}.card__hint{font-size:11px;color:var(--text-faint)}.grid{display:grid;grid-gap:var(--space-16);gap:var(--space-16)}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid--split{grid-template-columns:2fr 1fr}.grid--halves{grid-template-columns:1fr 1fr}@media (max-width:1100px){.grid--halves,.grid--split{grid-template-columns:1fr}}.kpi__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.kpi__value{font-size:26px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:var(--space-4)}.kpi__foot{margin-top:var(--space-8);font-size:12px;color:var(--text-subtle);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-4) var(--space-6);line-height:1.35}.delta{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.delta--up{color:var(--success-text)}.delta--down{color:var(--critical)}.delta--flat{color:var(--text-faint)}.badge{display:inline-flex;align-items:center;gap:var(--space-4);font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px var(--space-8);border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.badge--neutral{background:var(--surface-hover);color:var(--text-subtle);border-color:var(--border)}.badge--info{background:var(--info-soft);color:var(--info-text);border-color:color-mix(in srgb,var(--info) 35%,transparent)}.badge--success{background:var(--success-soft);color:var(--success-text);border-color:color-mix(in srgb,var(--success) 45%,transparent)}.badge--warning{background:var(--warning-soft);color:var(--warning-text);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.badge--critical{background:var(--critical-soft);color:var(--critical-text);border-color:color-mix(in srgb,var(--critical) 40%,transparent)}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-12);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700;white-space:nowrap}table.data td,table.data th{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--border)}table.data td{vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface-hover)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-subtle)}.faint{color:var(--text-faint)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.tabs{gap:var(--space-4);padding-bottom:var(--space-8)}.tab{gap:var(--space-6);padding:var(--space-6) var(--space-12);border-radius:var(--radius-6)}.tab:hover{background:var(--surface-hover);color:var(--text)}.tab[aria-current=page]{font-weight:700}.input,.select,.tab[aria-current=page],.textarea{background:var(--surface-raised);color:var(--text)}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-6);padding:var(--space-8) var(--space-12);min-height:36px;width:100%}.textarea{min-height:76px;resize:vertical}.input::placeholder{color:var(--text-faint)}.field{display:flex;flex-direction:column;gap:var(--space-6)}.field__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.field__hint{font-size:12px;color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);min-height:36px;padding:0 var(--space-16);border-radius:var(--radius-6);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-faint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 86%,var(--bg));border-color:color-mix(in srgb,var(--accent) 86%,var(--bg))}.btn--danger{background:var(--critical-soft);border-color:color-mix(in srgb,var(--critical) 50%,transparent);color:var(--critical-text)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-subtle);font-weight:400}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--sm{min-height:30px;padding:0 var(--space-12);font-size:12px}.notice{border-radius:var(--radius-8);padding:var(--space-12) var(--space-16);font-size:13px;border:1px solid transparent}.notice--error{background:var(--critical-soft);border-color:color-mix(in srgb,var(--critical) 40%,transparent);color:var(--critical-text)}.notice--ok{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 45%,transparent);color:var(--success-text)}.empty{padding:var(--space-48) var(--space-24);text-align:center;color:var(--text-faint);font-size:13px}.chart{width:100%;height:200px;display:block;overflow:visible}.chart__area{fill:color-mix(in srgb,var(--accent) 14%,transparent)}.chart__line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart__grid{stroke:var(--border);stroke-width:1}.chart__label{fill:var(--text-faint);font-size:10px}.chart__dot{fill:var(--accent)}.funnel{display:flex;flex-direction:column;gap:var(--space-8)}.funnel__row{display:grid;grid-template-columns:92px 1fr 60px;align-items:center;grid-gap:var(--space-12);gap:var(--space-12);font-size:12px}.funnel__bar{height:8px;background:var(--surface-hover);overflow:hidden}.funnel__bar,.funnel__fill{border-radius:var(--radius-full)}.funnel__fill{height:100%;background:var(--accent)}.funnel__fill--warning{background:var(--warning)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline__item{display:grid;grid-template-columns:14px 1fr;grid-gap:var(--space-12);gap:var(--space-12);padding-bottom:var(--space-16);position:relative}.timeline__item:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:var(--border)}.timeline__dot{width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:5px;z-index:1}.timeline__meta{font-size:11px;color:var(--text-faint)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-24)}.login__theme{position:fixed;top:var(--space-16);right:var(--space-16)}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-12);padding:var(--space-32);box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:var(--space-16)}.login__brand{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-16);color:var(--text)}.login__title{font-size:20px;font-weight:700;margin:0}.login__sub{color:var(--text-subtle);font-size:13px;margin:0}.row{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-12)}.thumb{width:40px;height:40px;border-radius:var(--radius-6);object-fit:cover;background:var(--surface-hover);flex:none}.dl{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-6) var(--space-16);gap:var(--space-6) var(--space-16);margin:0;font-size:13px}.dl dt{color:var(--text-faint);white-space:nowrap}.dl dd{margin:0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);font-size:12px;color:var(--text-subtle)}.notice--warn{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,transparent);color:var(--warning-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.dropzone{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16);border:1px dashed var(--border-strong);border-radius:var(--radius-8);background:var(--surface);transition:border-color .12s ease,background .12s ease}.dropzone--over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.dropzone__hint{font-size:12px;color:var(--text-faint)}.media-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.media-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-8);background:var(--surface)}.media-item__img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-6);background:var(--surface-hover);flex:none}.media-item__body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;flex:1 1}.media-item__body .media-item__url{align-self:stretch}.media-item__url{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-preview{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-8);background:var(--surface)}.banner-preview__img{width:100%;max-height:180px;object-fit:cover;border-radius:var(--radius-6);background:var(--surface-hover)}.banner-preview__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);min-width:0}.banner-preview__body .media-item__url{align-self:stretch}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.tab{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);background:none;color:var(--text-subtle);font:inherit;font-size:13px;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab--active{color:var(--text);border-bottom-color:var(--accent)}.dot{width:7px;height:7px;border-radius:var(--radius-full);flex:none}.dot--done{background:var(--success-text)}.dot--partial{background:var(--warning)}.dot--empty{background:var(--border-strong)}.chip{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-6);font-size:10px;font-family:var(--font-mono,ui-monospace,monospace);text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.chip--on{background:var(--success-soft);color:var(--success-text);border-color:color-mix(in srgb,var(--success) 45%,transparent)}.chip--off{background:var(--surface-hover);color:var(--text-faint);border-color:var(--border)}.arrange{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6);counter-reset:rank}.arrange__row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border:1px solid var(--border);border-radius:var(--radius-8);background:var(--surface)}.arrange__rank{width:22px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:12px;flex:none}.arrange__body{display:flex;flex-direction:column;min-width:0;flex:1 1}.arrange__title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrange__sku{font-size:11px;color:var(--text-faint)}.pick-list{list-style:none;margin:0;padding:0}.pick-list__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:13px}.pick-list__item:hover{background:var(--surface-hover)}.content-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-16);gap:var(--space-16)}.content-card{display:flex;flex-direction:column;gap:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-8);padding:var(--space-8);background:var(--surface);transition:border-color .12s ease,background .12s ease}.content-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.content-card__frame{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:var(--radius-6);overflow:hidden;background:var(--surface-raised)}.content-card__img{width:100%;height:100%;object-fit:cover;display:block}.content-card__none{font-size:12px;color:var(--text-faint);border:1px dashed var(--border-strong);border-radius:var(--radius-4);padding:var(--space-4) var(--space-8)}.content-card__body{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-4) var(--space-4);min-width:0}.content-card__title{font-weight:700}.content-card__sub{font-size:12px;color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}