:root{--navy-900:#0c1222;--navy-800:#111a30;--navy-700:#1a2542;--gold:#f0b429;--gold-soft:#f0b42924;--bg:#f4f5f8;--surface:#fff;--surface-2:#f8f9fb;--border:#e5e8ef;--border-2:#d5dae4;--text:#1a2233;--muted:#6b7385;--faint:#9aa1b2;--success:#1e9e58;--danger:#d64545;--warning:#c98a06;--success-soft:#1e9e581a;--danger-soft:#d645451a;--warning-soft:#f0b42924;--info-soft:#3b6cd41a;--info:#3b6cd4;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1018280a, 0 4px 16px #1018280f;--shadow-lg:0 8px 40px #0c12222e;--sidebar-w:248px;--font:"Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"Cascadia Code", ui-monospace, "Segoe UI Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--gold-soft)}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, var(--navy-900), var(--navy-800));color:#c6ccdd;z-index:40;flex-direction:column;transition:transform .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:22px 20px 18px;display:flex}.sidebar-brand-badge{background:var(--gold);width:38px;height:38px;color:var(--navy-900);letter-spacing:.02em;border-radius:10px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid}.sidebar-brand-name{color:#fff;font-size:.95rem;font-weight:700;line-height:1.25}.sidebar-brand-sub{color:#7e879e;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.sidebar-nav{flex:1;padding:14px 12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--navy-700);border-radius:2px}.nav-group-label{letter-spacing:.1em;text-transform:uppercase;color:#5d6680;padding:16px 10px 6px;font-size:.68rem;font-weight:700}.nav-group-label:first-child{padding-top:4px}.nav-item{border-radius:var(--radius-sm);color:#aab2c7;align-items:center;gap:11px;margin-bottom:2px;padding:9px 10px;font-size:.88rem;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:var(--gold-soft);color:var(--gold);font-weight:600}.nav-item svg{opacity:.85;flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff12;padding:14px 16px}.sidebar-user{align-items:center;gap:10px;display:flex}.sidebar-avatar{background:var(--navy-700);width:34px;height:34px;color:var(--gold);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:grid}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.83rem;font-weight:600;line-height:1.2;overflow:hidden}.sidebar-user-role{color:#7e879e;font-size:.7rem}.sidebar-signout{color:#7e879e;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;margin-left:auto;padding:6px;display:grid}.sidebar-signout:hover{color:var(--danger);background:#ffffff0d}.sidebar-toggle{z-index:50;background:var(--navy-900);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow);border:none;border-radius:10px;place-items:center;display:none;position:fixed;top:14px;left:14px}.sidebar-scrim{z-index:35;background:#0c122280;display:none;position:fixed;inset:0}@media (max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:grid}.sidebar-scrim.open{display:block}.main{margin-left:0!important;padding-top:64px!important}}.main{margin-left:var(--sidebar-w);flex:1;max-width:1240px;padding:32px 36px 64px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-title{letter-spacing:-.01em;font-size:1.45rem;font-weight:750}.page-subtitle{color:var(--muted);margin-top:3px;font-size:.88rem}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:9px 16px;font-size:.86rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--navy-900);color:#fff}.btn-primary:hover:not(:disabled){background:var(--navy-700)}.btn-gold{background:var(--gold);color:var(--navy-900)}.btn-gold:hover:not(:disabled){filter:brightness(1.06)}.btn-outline{background:var(--surface);border-color:var(--border-2);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--faint);background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost-danger{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:6px;display:inline-grid}.btn-ghost-danger:hover{color:var(--danger);background:var(--danger-soft)}.btn-icon{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:6px;display:inline-grid}.btn-icon:hover{color:var(--text);background:var(--surface-2)}.btn-sm{padding:6px 12px;font-size:.8rem}.cover-peek-btn{border:1px dashed var(--border-2);background:var(--surface-2);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:.72rem;font-weight:650;transition:border-color .15s,background .15s,color .15s}.cover-peek-btn:hover{border-color:var(--gold);color:var(--text);background:var(--gold-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.table-card{overflow:hidden}.table-card table{border-collapse:collapse;width:100%;font-size:.88rem}.table-card th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);padding:12px 18px;font-size:.72rem;font-weight:700}.table-card td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 18px}.table-card tbody tr:last-child td{border-bottom:none}.table-card tbody tr{transition:background .12s}.table-card tbody tr:hover{background:var(--surface-2)}.table-scroll{overflow-x:auto}.row-title{font-weight:600}.row-sub{color:var(--muted);margin-top:1px;font-size:.8rem}.row-thumb{object-fit:cover;border:1px solid var(--border);background:var(--surface-2);border-radius:6px;width:52px;height:38px}.row-avatar{object-fit:cover;border:1px solid var(--border);background:var(--surface-2);border-radius:50%;width:38px;height:38px}.row-actions{justify-content:flex-end;gap:4px;display:flex}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:650;display:inline-flex}.badge-green{background:var(--success-soft);color:var(--success)}.badge-red{background:var(--danger-soft);color:var(--danger)}.badge-yellow{background:var(--warning-soft);color:var(--warning)}.badge-blue{background:var(--info-soft);color:var(--info)}.badge-grey{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge-navy{background:var(--navy-900);color:var(--gold)}.form-card{padding:26px 28px}.form-grid{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.form-grid .span-2{grid-column:span 2}@media (max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.field label{letter-spacing:.02em;color:var(--text);margin-bottom:6px;font-size:.78rem;font-weight:650;display:block}.field .hint{color:var(--faint);margin-top:5px;font-size:.75rem}.input,.select,.textarea{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:9px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.textarea{resize:vertical;min-height:96px;line-height:1.6}.select{appearance:none;background-image: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='%236b7385' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:.87rem;font-weight:500;display:flex}.checkbox-row input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}.form-actions{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:24px;padding-top:20px;display:flex}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;font-weight:500}.segment{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:3px;padding:3px;display:inline-flex}.segment button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:7px 15px;font-size:.84rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.segment button.active{background:var(--navy-900);color:#fff;box-shadow:var(--shadow)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.stat-card{align-items:center;gap:16px;padding:20px 22px;transition:border-color .15s,transform .15s;display:flex}.stat-card:hover{border-color:var(--gold);transform:translateY(-1px)}.stat-icon{background:var(--navy-900);width:44px;height:44px;color:var(--gold);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.stat-value{font-size:1.5rem;font-weight:750;line-height:1.1}.stat-label{color:var(--muted);font-size:.8rem;font-weight:500}.upload-zone{border:2px dashed var(--border-2);border-radius:var(--radius-sm);text-align:center;color:var(--muted);cursor:pointer;background:var(--surface-2);padding:22px;font-size:.84rem;transition:border-color .15s,background .15s;position:relative}.upload-zone:hover,.upload-zone.drag{border-color:var(--gold);background:var(--gold-soft)}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-preview{border-radius:var(--radius-sm);border:1px solid var(--border);position:relative;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:150px}.upload-preview .remove{color:#fff;cursor:pointer;background:#0c1222bf;border:none;border-radius:7px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.upload-preview .remove:hover{background:var(--danger)}.upload-progress{background:var(--border);border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.upload-progress>div{background:var(--gold);border-radius:3px;height:100%;transition:width .2s}.modal-scrim{z-index:90;background:#0c12228c;place-items:center;padding:20px;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:26px;animation:.18s pop-in}.modal.wide{max-width:720px;max-height:86vh;overflow-y:auto}.modal-title{margin-bottom:8px;font-size:1.05rem;font-weight:700}.modal-body{color:var(--muted);font-size:.89rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(6px)}}.toast-stack{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.toast{background:var(--navy-900);color:#fff;box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;max-width:380px;padding:12px 18px;font-size:.87rem;font-weight:500;animation:.22s toast-in;display:flex}.toast.error{background:var(--danger)}.toast.success svg{color:var(--gold)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.skeleton{background:var(--border);border-radius:6px;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{height:13px}.skeleton-title{border-radius:7px;height:20px}.skeleton-image{border-radius:var(--radius-sm)}.skeleton-avatar{border-radius:50%}.empty-state{text-align:center;color:var(--muted);padding:56px 24px}.empty-state-icon{background:var(--surface-2);border:1px solid var(--border);width:52px;height:52px;color:var(--faint);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.empty-state-title{color:var(--text);font-size:.98rem;font-weight:700}.empty-state-hint{margin-top:4px;font-size:.85rem}.lock-screen{place-items:center;min-height:60vh;display:grid}.lock-screen-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;max-width:420px;padding:42px 46px}.lock-screen-icon{background:var(--danger-soft);width:58px;height:58px;color:var(--danger);border-radius:16px;place-items:center;margin:0 auto 18px;display:grid}.lock-screen-section{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.74rem;font-weight:700}.lock-screen-title{margin:6px 0 8px;font-size:1.2rem;font-weight:750}.lock-screen-hint{color:var(--muted);font-size:.88rem}.login-wrap{background:radial-gradient(900px 500px at 85% -10%, #f0b42921, transparent 60%), radial-gradient(700px 500px at -10% 110%, #3b6cd41a, transparent 60%), var(--navy-900);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:18px;width:100%;max-width:400px;padding:40px 38px 34px}.login-brand{align-items:center;gap:13px;margin-bottom:28px;display:flex}.login-badge{background:var(--navy-900);width:46px;height:46px;color:var(--gold);border-radius:13px;place-items:center;font-size:1rem;font-weight:800;display:grid}.login-title{font-size:1.12rem;font-weight:750;line-height:1.2}.login-sub{color:var(--muted);font-size:.8rem}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar .input{max-width:280px}.toolbar .select{width:auto;max-width:200px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-2);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:.8rem;font-weight:550;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.chip.on{background:var(--navy-900);border-color:var(--navy-900);color:var(--gold)}.divider{border:none;border-top:1px solid var(--border);margin:22px 0}.review-card{margin-bottom:14px;padding:20px 22px}.review-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.review-meta{color:var(--muted);font-size:.8rem}.review-diff{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:6px;margin:12px 0;padding:14px 16px;font-size:.84rem;display:grid}.review-diff b{font-weight:650}.tabs{border-bottom:2px solid var(--border);gap:4px;margin-bottom:22px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--navy-900);border-bottom-color:var(--gold)}.tab-count{background:var(--gold-soft);color:var(--warning);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:700}