:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--bg:#f7f8fa;--surface:#fff;--surface-2:#f1f3f6;--surface-3:#e8ebf0;--border:#e3e7ed;--border-strong:#cfd6e0;--text:#111827;--text-dim:#5b6575;--text-faint:#8b95a5;--accent:#3b5bdb;--accent-hover:#314cc4;--accent-soft:#eaeeff;--accent-text:#2f48ad;--ok:#0f7b47;--ok-soft:#e4f6ec;--warn:#9a6200;--warn-soft:#fdf1dc;--danger:#c02626;--danger-hover:#a01f1f;--danger-soft:#fdeaea;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 16px 40px #10182824;--sidebar-w:236px;--topbar-h:56px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--surface-3:#272c36;--border:#272c36;--border-strong:#39404d;--text:#e9edf3;--text-dim:#9aa4b4;--text-faint:#6e7889;--accent:#6786ff;--accent-hover:#7f99ff;--accent-soft:#1c2440;--accent-text:#a8bcff;--ok:#4ade80;--ok-soft:#12301f;--warn:#fbbf24;--warn-soft:#33270c;--danger:#f87171;--danger-hover:#fca5a5;--danger-soft:#3a1717;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 16px 40px #0000008c}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100%;display:grid}.sidebar{align-self:start;gap:var(--s1);height:100vh;padding:var(--s4) var(--s3);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s3);padding:var(--s2) var(--s2) var(--s5);display:flex}.brand-mark{border-radius:var(--r-md);background:var(--accent);color:#fff;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid}.brand-name{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.brand-sub{color:var(--text-faint);font-size:12px}.nav-section{padding:var(--s4) var(--s2) var(--s1);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:650}.nav-link{align-items:center;gap:var(--s3);padding:var(--s2) var(--s2);border-radius:var(--r-md);color:var(--text-dim);font-weight:500;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nav-link svg{opacity:.85;flex:none}.sidebar-foot{padding-top:var(--s4);border-top:1px solid var(--border);margin-top:auto}.user-row{align-items:center;gap:var(--s3);padding:var(--s2);min-width:0;display:flex}.avatar{border-radius:var(--r-pill);background:var(--surface-3);width:30px;height:30px;color:var(--text-dim);text-transform:uppercase;flex:none;place-items:center;font-size:12.5px;font-weight:650;display:grid}.user-mail{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.user-role{color:var(--text-faint);font-size:11.5px}.topbar{z-index:20;height:var(--topbar-h);align-items:center;gap:var(--s3);padding:0 var(--s6);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.crumbs{align-items:center;gap:var(--s1);color:var(--text-faint);min-width:0;font-size:13px;display:flex}.crumbs svg{opacity:.5;flex:none}.crumb-current{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.topbar-burger{display:none}.main{min-width:0}.content{padding:var(--s6);max-width:1180px}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.page-title{letter-spacing:-.02em;font-size:22px;font-weight:680}.page-lede{margin-top:var(--s1);color:var(--text-dim);max-width:62ch;font-size:13.5px}.page-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--s2);height:36px;padding:0 var(--s4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;font-size:13.5px;font-weight:550;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{height:30px;padding:0 var(--s3);font-size:13px}.btn-block{width:100%}.icon-btn{border-radius:var(--r-md);width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.icon-btn-active{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.menu-wrap{display:inline-flex;position:relative}.menu{z-index:60;min-width:180px;padding:var(--s1);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 4px);right:0}.menu-item{align-items:center;gap:var(--s3);width:100%;padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-size:13.5px;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item-danger{color:var(--danger)}.menu-item-danger:hover{background:var(--danger-soft)}.menu-sep{height:1px;margin:var(--s1) 0;background:var(--border)}.field{gap:var(--s1);flex-direction:column;min-width:0;display:flex}.field-label{color:var(--text-dim);font-size:12.5px;font-weight:600}.field-hint,.field-error{font-size:12px}.field-hint{color:var(--text-faint)}.field-error{color:var(--danger)}input,select,textarea{width:100%;height:36px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;font-size:13.5px}textarea{height:auto;min-height:76px;padding:var(--s2) var(--s3);resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}input::placeholder{color:var(--text-faint)}.toolbar{align-items:flex-end;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.toolbar .field{min-width:190px}.search{flex:1;min-width:200px;max-width:320px;position:relative}.search svg{left:var(--s3);color:var(--text-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search input{padding-left:38px}.toolbar-count{color:var(--text-faint);white-space:nowrap;padding-bottom:var(--s2);margin-left:auto;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--s5)}.section{margin-bottom:var(--s8)}.section-head{margin-bottom:var(--s3)}.section-title{font-size:15px;font-weight:650}.section-lede{color:var(--text-dim);margin-top:2px;font-size:13px}.stat-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}.stat{padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.stat-label{align-items:center;gap:var(--s2);color:var(--text-dim);font-size:12.5px;font-weight:550;display:flex}.stat-label svg{color:var(--text-faint)}.stat-value{margin-top:var(--s2);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:680}.stat-note{color:var(--text-faint);margin-top:2px;font-size:12px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-scroll{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th{z-index:1;padding:var(--s3) var(--s4);background:var(--surface-2);border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);text-align:left;white-space:nowrap;font-size:11.5px;font-weight:650;position:sticky;top:0}table.data td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.cell-primary{font-weight:600}.cell-sub{color:var(--text-faint);margin-top:1px;font-size:12.5px;font-weight:400;display:block}.cell-actions{white-space:nowrap;text-align:right;width:1%}.row-actions{opacity:.55;align-items:center;gap:2px;transition:opacity .12s;display:inline-flex}tr:hover .row-actions,.row-actions:focus-within{opacity:1}.th-sort{align-items:center;gap:var(--s1);font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.th-sort:hover{color:var(--text)}.th-arrow{opacity:.5;font-size:10px}.th-sort[aria-sort] .th-arrow,.th-active .th-arrow{opacity:1;color:var(--accent-text)}.cell-empty{padding:0!important}.badge{align-items:center;gap:var(--s1);padding:2px var(--s2);border-radius:var(--r-sm);white-space:nowrap;font-size:12px;font-weight:600;display:inline-flex}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-muted{background:var(--surface-3);color:var(--text-dim)}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.scrim{z-index:40;background:#10182873;animation:.16s ease-out fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.drawer{z-index:50;background:var(--surface);border-left:1px solid var(--border);width:min(520px,100vw);box-shadow:var(--shadow-lg);flex-direction:column;animation:.18s cubic-bezier(.32,.72,0,1) slide-in;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slide-in{0%{transform:translate(100%)}}.drawer-head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);display:flex}.drawer-title{flex:1;min-width:0;font-size:15.5px;font-weight:650}.drawer-body{padding:var(--s5);flex:1;overflow-y:auto}.drawer-foot{justify-content:flex-end;gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--border);background:var(--surface);display:flex}.form-grid{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}.form-grid .field-wide{grid-column:1/-1}.state{align-items:center;gap:var(--s2);padding:var(--s12) var(--s5);text-align:center;color:var(--text-dim);flex-direction:column;display:flex}.state strong{color:var(--text);font-size:14.5px}.state p{max-width:46ch;font-size:13px}.spinner{border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:var(--r-pill);width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-error{align-items:flex-start;gap:var(--s2);padding:var(--s3) var(--s4);margin-bottom:var(--s4);border:1px solid color-mix(in srgb, var(--danger) 30%, var(--border));border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:13px;display:flex}.form-error svg{flex:none;margin-top:1px}.voice-cell{align-items:center;gap:var(--s2);display:inline-flex}.voice-block{padding:var(--s5) 0;border-top:1px solid var(--border)}.voice-block:first-of-type{border-top:none;padding-top:0}.voice-block h3{margin:0 0 var(--s1);font-size:14px;font-weight:650}.voice-hint{margin:0 0 var(--s3);color:var(--text-dim);font-size:13px}.voice-take{margin-top:var(--s3);padding:var(--s3);border-radius:var(--r-md);background:var(--surface-2)}.voice-take-actions{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}audio{width:100%;height:34px}.login{min-height:100vh;padding:var(--s5);place-items:center;display:grid}.login-card{width:100%;max-width:380px;padding:var(--s8);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md)}.login-brand{align-items:center;gap:var(--s3);padding-bottom:var(--s5);margin-bottom:var(--s6);border-bottom:1px solid var(--border);display:flex}.login-title{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}.login-lede{margin:var(--s2) 0 var(--s6);color:var(--text-muted);font-size:13.5px;line-height:1.5}.login-divider{align-items:center;gap:var(--s3);margin:var(--s5) 0;color:var(--text-faint);font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-form{gap:var(--s4);flex-direction:column;display:flex}.login-foot{margin:var(--s6) 0 0;color:var(--text-faint);font-size:12.5px;line-height:1.55}.login .form-error{margin-bottom:var(--s4)}.image-input{gap:var(--s2);align-items:center;display:flex}.image-input input{flex:1;min-width:0}.image-input .btn{flex:none}.image-preview{align-items:flex-start;gap:var(--s3);margin-top:var(--s2);padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);display:flex}.image-preview-empty,.image-preview-broken{color:var(--text-faint);align-items:center;font-size:12.5px}.image-preview-broken{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft);color:var(--danger)}.image-preview-broken strong{margin-bottom:2px;display:block}.image-preview-broken span{color:var(--text-dim);line-height:1.45;display:block}.image-preview-broken .btn{flex:none;margin-left:auto}.image-thumb{border:1px solid var(--border);border-radius:var(--r-sm);cursor:zoom-in;background-color:var(--surface);background-image:linear-gradient(45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-3) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-3) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;flex:none;width:92px;height:92px;padding:0;position:relative;overflow:hidden}.image-thumb img{object-fit:contain;width:100%;height:100%;display:block}.image-thumb-zoom{border-radius:var(--r-sm);color:#fff;opacity:0;background:#1118279e;place-items:center;width:26px;height:26px;transition:opacity .12s;display:grid;position:absolute;bottom:4px;right:4px}.image-thumb:hover .image-thumb-zoom,.image-thumb:focus-visible .image-thumb-zoom{opacity:1}.image-preview-side{align-items:flex-start;gap:var(--s2);padding-top:var(--s1);flex-direction:column;display:flex}.image-preview-note{color:var(--text-faint);font-size:12.5px}.lightbox{z-index:150;padding:var(--s8);cursor:zoom-out;background:#090c14d1;place-items:center;animation:.12s ease-out fade-in;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:var(--r-md);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);cursor:default;background:#fff}.lightbox-close{top:var(--s4);right:var(--s4);border-radius:var(--r-md);color:#fff;cursor:pointer;background:#ffffff1f;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute}.lightbox-close:hover{background:#ffffff38}@keyframes fade-in{0%{opacity:0}}@media (width<=700px){.image-input{flex-wrap:wrap}.image-input .btn{width:100%}.lightbox{padding:var(--s4)}}.tooltip{z-index:200;max-width:260px;padding:var(--s2) var(--s3);border-radius:var(--r-md);color:#f3f5f9;box-shadow:var(--shadow-lg);pointer-events:none;background:#1f2430;font-size:12.5px;font-weight:500;line-height:1.45;animation:.1s ease-out tip-in;position:fixed}@keyframes tip-in{0%{opacity:0;transform:translateY(2px)}}.tooltip-kbd{margin-left:var(--s2);font-family:var(--mono);background:#ffffff24;border-radius:4px;padding:0 5px;font-size:11px;display:inline-block}.hint-dot{width:15px;height:15px;margin-left:var(--s1);border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-dim);cursor:help;vertical-align:middle;border:0;flex:none;place-items:center;padding:0;font-size:10px;font-weight:700;display:inline-grid}.hint-dot:hover,.hint-dot[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-text)}@media (width<=900px),(pointer:coarse){.hint-dot{background:0 0;width:32px;height:32px;margin-left:0;font-size:0;position:relative}.hint-dot:before{content:"?";border-radius:var(--r-pill);background:var(--surface-3);place-items:center;width:17px;height:17px;font-size:11px;font-weight:700;display:grid}.hint-dot:hover,.hint-dot[aria-expanded=true]{background:0 0}.hint-dot[aria-expanded=true]:before{background:var(--accent-soft);color:var(--accent-text)}}.note{align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text);font-size:13px;line-height:1.5;display:flex}.note svg{flex:none;margin-top:1px}.note-warn{background:var(--warn-soft);color:var(--warn)}.field.check{align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);cursor:pointer;flex-direction:row}.field.check input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex:none}.field.check span{font-size:13.5px;font-weight:550}.confirm{z-index:60;width:min(420px,100vw - 32px);padding:var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-title{margin-bottom:var(--s2);font-size:16px;font-weight:650}.confirm-message{color:var(--text-dim);margin-bottom:var(--s5);font-size:13.5px}.confirm-actions{justify-content:flex-end;gap:var(--s2);display:flex}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:50;width:264px;transition:transform .2s cubic-bezier(.32,.72,0,1);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.topbar-burger{display:inline-grid}.content{padding:var(--s4)}.page-title{font-size:19px}.form-grid{grid-template-columns:1fr}.drawer{border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);border-left:0;width:100%;max-height:92vh;animation:.2s cubic-bezier(.32,.72,0,1) slide-up;top:auto;left:0}@keyframes slide-up{0%{transform:translateY(100%)}}.table-wrap{box-shadow:none;background:0 0;border:0}table.data,table.data tbody,table.data tr,table.data td{width:100%;display:block}table.data thead{display:none}table.data tr{margin-bottom:var(--s3);padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}table.data tbody tr:hover{background:var(--surface)}table.data td{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s2) 0;text-align:left;border:0;display:flex}table.data td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);flex:none;font-size:11.5px;font-weight:650}table.data td.cell-primary{padding-bottom:var(--s3);margin-bottom:var(--s2);border-bottom:1px solid var(--border);font-size:15px;display:block}table.data td.cell-primary:before,table.data td.hide-mobile{display:none}table.data td.cell-actions{padding-top:var(--s3);margin-top:var(--s2);border-top:1px solid var(--border);justify-content:flex-end;width:auto}table.data td.cell-actions:before,table.data td.cell-actions-empty{display:none}.row-actions{opacity:1}.icon-btn{width:40px;height:40px}.btn{height:40px}.btn-sm{height:36px}.toolbar-count{width:100%;margin-left:0;padding-bottom:0}.search{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}