:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--subtle: #f8f7f5;--hover: #f1f0ed;--active: #e9e7e3;--line: #e5e3df;--line-strong: #d4d1cb;--ink: #1c1a17;--ink-hover: #34302b;--ink-2: #56514b;--ink-3: #857f77;--on-ink: #ffffff;--accent: #ffaa00;--accent-ink: #9a6500;--admin: #3b3fb6;--admin-bg: #ecedfb;--good: #1f8a4c;--good-bg: #edf7f1;--warn: #a86400;--warn-bg: #fdf4e3;--bad: #c2362f;--bad-bg: #fcefee;--trophy-platinum: #a8a29e;--trophy-gold: #c99400;--trophy-silver: #9ca3af;--trophy-bronze: #a0612b;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--radius-xl: 10px;--shadow-sm: 0 1px 2px rgba(28, 26, 23, .06);--shadow-pop: 0 8px 24px rgba(28, 26, 23, .12), 0 1px 2px rgba(28, 26, 23, .08);--shadow-modal: 0 24px 64px rgba(28, 26, 23, .2);--focus-ring: rgba(28, 26, 23, .08);--backdrop: rgba(28, 26, 23, .35);--sidebar-width: 240px;--content-max: 1280px;--control-height: 34px;--control-height-sm: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}h4{font-size:var(--text-md)}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{text-decoration-color:var(--ink)}code{font-family:var(--mono);font-size:.92em;background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 4px}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}input:not([type]),input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],textarea,select{width:100%;min-height:var(--control-height);padding:6px 10px;font:inherit;font-size:var(--text-md);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;line-height:1.5}select{width:auto;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2356514b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center}input:focus,textarea:focus,select:focus{border-color:var(--ink-2);box-shadow:0 0 0 3px var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:disabled,textarea:disabled,select:disabled{background:var(--subtle);color:var(--ink-3);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:15px;height:15px;accent-color:var(--ink);cursor:pointer}.form-row{display:flex;gap:16px}.field-hint{display:block;margin-top:4px;font-size:var(--text-sm);color:var(--ink-3)}.required{color:var(--bad)}.muted-sm{font-size:var(--text-sm);color:var(--ink-3)}.flex-1{flex:1}.flex-2{flex:2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.brand--link{padding:4px 6px;margin:-4px -6px;border:0;border-radius:var(--radius);background:none;font-family:inherit;cursor:pointer}.brand--link:hover{background:var(--hover)}.brand-mark{flex:none;display:block;border-radius:var(--radius)}.brand-badge{padding:1px 6px;border-radius:var(--radius-sm);background:var(--admin-bg);color:var(--admin);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.brand-company{color:var(--accent-ink);text-decoration:none}.auth-layout{display:flex;flex-direction:column;align-items:center;gap:24px;min-height:100%;padding:56px 16px 48px;background:var(--bg)}.auth-card{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.auth-header{display:grid;gap:4px}.auth-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}.auth-description{font-size:var(--text-md);color:var(--ink-2)}.auth-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.auth-divider{display:flex;align-items:center;gap:12px;font-size:var(--text-sm);color:var(--ink-3)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.avatar{display:inline-grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--active);color:var(--ink-2);font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:24px;height:24px;font-size:10px}.avatar--md{width:28px;height:28px;font-size:11px}.avatar--lg{width:40px;height:40px;font-size:14px}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--subtle);font-size:var(--text-xs);font-weight:500;color:var(--ink-2);white-space:nowrap}.badge--mono{font-family:var(--mono)}.badge--good{background:var(--good-bg);border-color:transparent;color:var(--good)}.badge--warn{background:var(--warn-bg);border-color:transparent;color:var(--warn)}.badge--bad{background:var(--bad-bg);border-color:transparent;color:var(--bad)}.status{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-md);color:var(--ink);white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex-shrink:0}.status--good .status-dot{background:var(--good)}.status--warn .status-dot{background:var(--warn)}.status--bad .status-dot{background:var(--bad)}.status--pending .status-dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink-3)}.status--sm{gap:6px;font-size:var(--text-xs);color:var(--ink-3)}.status--sm .status-dot{width:6px;height:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--control-height);padding:0 14px;font:inherit;font-size:var(--text-md);font-weight:500;line-height:1;white-space:nowrap;text-decoration:none;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex:none}.btn--primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn--primary:hover:not(:disabled){background:var(--ink-hover);border-color:var(--ink-hover)}.btn--secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn--secondary:hover:not(:disabled){background:var(--hover)}.btn--ghost{background:transparent;color:var(--ink-2)}.btn--ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn--danger{background:var(--surface);border-color:var(--line-strong);color:var(--bad)}.btn--danger:hover:not(:disabled){background:var(--bad-bg);border-color:var(--bad)}.btn--link{height:auto;padding:0;border:0;background:none;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.btn--link:hover:not(:disabled){color:var(--ink);text-decoration-color:var(--ink)}.btn--sm{height:var(--control-height-sm);padding:0 10px;gap:5px;font-size:var(--text-sm)}.btn--link.btn--sm{height:auto;padding:0}.btn--icon{width:var(--control-height);padding:0}.btn--sm.btn--icon{width:var(--control-height-sm)}.btn--block{width:100%}.code-block{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--subtle)}.code-block pre{flex:1;min-width:0;margin:0;font-family:var(--mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-all}.code-block--nowrap pre{overflow-x:auto;white-space:pre;word-break:normal}.copy-value{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 4px 10px;background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius)}.copy-value-text{min-width:0;padding:0;border:0;background:none;font-size:var(--text-sm);color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.empty-state{display:flex;flex-direction:column;align-items:center;gap:4px;padding:44px 16px;text-align:center;color:var(--ink-3)}.empty-state-icon{margin-bottom:6px;color:var(--ink-3)}.empty-state-title{font-size:var(--text-base);font-weight:500;color:var(--ink)}.empty-state-description{font-size:var(--text-md);max-width:48ch}.empty-state-action{margin-top:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.field-label{font-size:var(--text-md);font-weight:500;color:var(--ink)}.field-extra{display:flex;align-items:center;gap:6px}.field .field-hint{margin-top:0}.field-error{font-size:var(--text-sm);color:var(--bad)}.field--error input,.field--error textarea,.field--error select{border-color:var(--bad)}.row-list{list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.list-row{display:flex;align-items:center;gap:12px;padding:10px 12px}.list-row+.list-row{border-top:1px solid var(--line)}.list-row-main{flex:1;min-width:0}.list-row-title{font-size:var(--text-md);font-weight:500;color:var(--ink);overflow-wrap:anywhere}.list-row-sub{font-size:var(--text-sm);color:var(--ink-3);overflow-wrap:anywhere}.list-row-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:var(--text-sm);color:var(--ink-3);white-space:nowrap}.list-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}@media (max-width: 700px){.list-row{flex-wrap:wrap}.list-row-main{flex-basis:100%}}.menu{position:relative;display:inline-flex}.menu-popover{position:absolute;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:4px;min-width:260px;max-width:360px;max-height:60vh;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop)}.menu-popover--start{left:0}.menu-popover--end{right:0}.menu-group{display:flex;flex-direction:column}.menu-group+.menu-group{padding-top:4px;border-top:1px solid var(--line)}.menu-group-title{padding:6px 8px 2px;font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.menu-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:7px 8px;border:0;border-radius:var(--radius);background:transparent;font:inherit;font-size:var(--text-md);color:var(--ink);text-align:left;cursor:pointer}.menu-item:hover,.menu-item:focus-visible{background:var(--hover)}.menu-item-label{min-width:0}.menu-item-detail{flex:none;font-size:var(--text-sm);color:var(--ink-3)}.metric{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.metric-label{font-size:var(--text-sm);font-weight:500;color:var(--ink-3)}.metric-value{margin-top:4px;font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}.metric-value--good{color:var(--good)}.metric-value--warn{color:var(--warn)}.metric-value--bad{color:var(--bad)}.metric-sub{margin-top:2px;font-size:var(--text-sm);color:var(--ink-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--backdrop)}.modal{display:flex;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 48px);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}.modal--lg{max-width:720px}.modal--xl{max-width:880px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-description{margin-top:2px;font-size:var(--text-md);color:var(--ink-3)}.modal-content{display:flex;flex-direction:column;flex:1;min-height:0}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.modal-footer-start{display:flex;align-items:center;gap:8px;margin-right:auto}.notice{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--subtle);font-size:var(--text-md);color:var(--ink-2)}.notice-icon{flex:none;margin-top:1px;color:var(--ink-3)}.notice-text{display:grid;gap:2px;min-width:0}.notice-title{font-weight:500;color:var(--ink)}.notice--good{background:var(--good-bg);border-color:transparent}.notice--good .notice-icon{color:var(--good)}.notice--warn{background:var(--warn-bg);border-color:transparent}.notice--warn .notice-icon{color:var(--warn)}.notice--bad{background:var(--bad-bg);border-color:transparent;color:var(--bad)}.notice--bad .notice-icon{color:var(--bad)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-header-main{display:grid;gap:2px;min-width:0}.page-back{display:inline-flex;align-items:center;gap:4px;justify-self:start;margin-bottom:8px;padding:0;border:0;background:none;font:inherit;font-size:var(--text-md);color:var(--ink-3);cursor:pointer}.page-back:hover{color:var(--ink)}.page-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.page-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}.page-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.page-description{font-size:var(--text-md);color:var(--ink-3);max-width:80ch}.page-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading{min-width:0}.panel-title{font-size:var(--text-base);font-weight:600}.panel-description{margin-top:2px;font-size:var(--text-md);color:var(--ink-2);max-width:72ch}.panel-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel--flush{padding:0;overflow:hidden}.panel--flush>.panel-header{margin:0;padding:16px 20px;border-bottom:1px solid var(--line)}.panel--flush>.table-wrap{border:0;border-radius:0}.progress{display:block;height:6px;overflow:hidden;border-radius:999px;background:var(--active)}.progress-fill{display:block;height:100%;border-radius:999px;background:var(--ink-2);transition:width .3s ease}.progress-fill--good{background:var(--good)}.progress-fill--warn{background:var(--warn)}.progress-fill--bad{background:var(--bad)}.search-input{position:relative;flex:0 1 340px;min-width:200px}.search-input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search-input input{padding-left:32px}.search-input input::-webkit-search-cancel-button{width:14px;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23857f77' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") no-repeat center}.segmented{display:inline-flex;flex:none;gap:2px;padding:2px;border-radius:var(--radius);background:var(--active)}.segmented-option{height:22px;padding:0 9px;border:0;border-radius:var(--radius-sm);background:transparent;font:inherit;font-size:var(--text-xs);font-weight:500;color:var(--ink-3);white-space:nowrap;cursor:pointer}.segmented-option:hover:not(:disabled){color:var(--ink)}.segmented-option[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented.is-disabled{opacity:.6}.segmented.is-disabled .segmented-option{cursor:not-allowed}.stack{display:flex;flex-direction:column;min-width:0}.row{display:flex;min-width:0}.row--wrap{flex-wrap:wrap}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.columns{display:grid}.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 1100px){.columns-5{grid-template-columns:repeat(3,minmax(0,1fr))}.columns-4,.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.columns-2,.columns-3,.columns-4,.columns-5{grid-template-columns:minmax(0,1fr)}}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.store-mark-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.store-mark-row-item{display:inline-flex}.store-mark-row-item.is-off{color:#c9c5be}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-md);text-align:left}.table th{padding:9px 12px;background:var(--subtle);border-bottom:1px solid var(--line);font-size:var(--text-sm);font-weight:500;color:var(--ink-3);white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tr.is-clickable{cursor:pointer}.table tbody tr.is-clickable:hover td{background:var(--subtle)}.cell-title{color:var(--ink);font-weight:500}.cell-sub{font-size:var(--text-sm);color:var(--ink-3)}.cell-sub--mono{font-family:var(--mono);font-size:var(--text-xs);color:var(--ink-3)}.tabs{display:flex;align-items:center}.tab{display:inline-flex;align-items:center;gap:6px;font:inherit;white-space:nowrap;border:0;background:none;cursor:pointer}.tabs--underline{gap:20px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs--underline .tab{height:40px;padding:0 2px;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:var(--text-md);font-weight:500;color:var(--ink-3)}.tabs--underline .tab:hover{color:var(--ink)}.tabs--underline .tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.tabs--segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;background:var(--hover);border-radius:var(--radius)}.tabs--segmented .tab{height:26px;padding:0 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--ink-2)}.tabs--segmented .tab:hover{color:var(--ink)}.tabs--segmented .tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.tab-count{min-width:18px;padding:0 6px;border-radius:999px;background:var(--active);color:var(--ink-2);font-size:var(--text-xs);font-weight:500;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.tab-count svg{vertical-align:-1px}.tab-count--good{background:var(--good-bg);color:var(--good)}.tab-count--warn{background:var(--warn-bg);color:var(--warn)}.tab-count--bad{background:var(--bad-bg);color:var(--bad)}.toast-container{position:fixed;right:24px;bottom:96px;z-index:2000;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.toast{display:flex;align-items:flex-start;gap:10px;max-width:420px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);font:inherit;font-size:var(--text-md);color:var(--ink);text-align:left;cursor:pointer;animation:toast-in .2s ease-out}.toast-icon{flex:none;margin-top:1px;color:var(--ink-3)}.toast--success .toast-icon{color:var(--good)}.toast--error .toast-icon{color:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;background:var(--bg)}.app-main{min-width:0;overflow-y:auto}.app-content{max-width:var(--content-max);margin:0 auto;padding:28px 32px 48px}@media (max-width: 860px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.app-content{padding:20px 16px 40px}}.admin-sign-in-form{display:flex;flex-direction:column;gap:12px}.admin-sign-in-note{font-size:var(--text-sm);color:var(--ink-3);text-align:center}.user-menu{position:relative;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.user-menu-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:0;border-radius:var(--radius);background:transparent;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{background:var(--hover)}.user-menu-text{display:grid;flex:1;min-width:0;line-height:1.3}.user-menu-text strong{font-size:var(--text-md);font-weight:500}.user-menu-text span,.user-menu-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-text span{font-size:var(--text-sm);color:var(--ink-3)}.user-menu-chevron{flex:none;color:var(--ink-3)}.user-menu-popover{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:200;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.user-menu-head{display:grid;gap:1px;margin-bottom:4px;padding:6px 8px 8px;border-bottom:1px solid var(--line);font-size:var(--text-md)}.user-menu-head span{font-size:var(--text-sm);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}.user-menu-popover button{display:flex;align-items:center;gap:8px;padding:7px 8px;border:0;border-radius:var(--radius);background:transparent;font:inherit;font-size:var(--text-md);color:var(--ink);text-align:left;cursor:pointer}.user-menu-popover button svg{color:var(--ink-3)}.user-menu-popover button:hover{background:var(--hover)}@media (max-width: 860px){.user-menu{margin-top:0;margin-left:auto;padding-top:0;border-top:0}.user-menu-text,.user-menu-chevron{display:none}.user-menu-popover{top:calc(100% + 6px);bottom:auto;left:auto;width:240px}}.sidebar{display:flex;flex-direction:column;gap:16px;min-height:0;padding:16px 10px 12px;overflow-y:auto;background:var(--subtle);border-right:1px solid var(--line)}.sidebar-brand{padding:4px 8px 0}.sidebar--admin{box-shadow:inset 0 3px 0 var(--admin)}.sidebar-nav{display:flex;flex-direction:column;gap:14px}.nav-section{display:flex;flex-direction:column;gap:1px}.nav-section-label{margin-bottom:4px;padding:0 10px;font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 10px;border:0;border-radius:var(--radius);background:transparent;font:inherit;font-size:13.5px;color:var(--ink-2);text-align:left;cursor:pointer}.nav-item svg{flex:none;color:var(--ink-3)}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.is-active{background:var(--active);color:var(--ink);font-weight:500}.nav-item.is-active svg{color:var(--ink)}.nav-item.is-active:before{content:"";position:absolute;top:7px;bottom:7px;left:-10px;width:3px;border-radius:0 2px 2px 0;background:var(--accent)}@media (max-width: 860px){.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-nav{flex-direction:row;order:3;width:100%;overflow-x:auto}.nav-section{flex-direction:row}.nav-section-label{display:none}.nav-item{width:auto;white-space:nowrap}.nav-item.is-active:before{display:none}}