:root{color-scheme:dark;--bg:#071018;--panel:#0d1a24;--line:#203444;--text:#eaf3f8;--muted:#8fa6b5;--cyan:#36c9c6;--green:#6ee7a8;--amber:#ffc861;--red:#ff7b84}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:radial-gradient(circle at 90% 0,#123248 0,transparent 32%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.top-nav{position:sticky;top:0;z-index:8;border-bottom:1px solid var(--line);background:#071018eF;backdrop-filter:blur(14px)}.nav-inner{max-width:1500px;height:62px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.12em;color:var(--text);text-decoration:none}.brand span{color:var(--cyan)}.nav-links{display:flex;height:100%;gap:24px}.nav-links a{display:flex;align-items:center;position:relative;color:var(--muted);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan)}header,main{max-width:1500px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:38px 28px 24px}.header-actions,.admin-actions,.control-buttons{display:flex;align-items:center;gap:9px}h1{font-size:32px;margin:3px 0}h2{margin:0 0 4px;font-size:19px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.2em;font-weight:800}.pill{border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--muted)}main{padding:0 28px 60px}.summary,.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.card,.metric{padding:18px;border:1px solid var(--line);background:rgba(13,26,36,.88);border-radius:12px}.value{font-size:22px;font-weight:700;margin-top:4px}.label,p{color:var(--muted);margin:0}.panel{border:1px solid var(--line);background:rgba(13,26,36,.94);border-radius:14px;padding:20px;margin-top:16px}.toolbar,.viewer-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.viewer-tools{justify-content:flex-start;margin-top:22px}button,.button,select,input{border:1px solid #315166;background:#132938;color:var(--text);border-radius:8px;padding:9px 13px;text-decoration:none}button,.button{cursor:pointer}button:hover,.button:hover{border-color:var(--cyan)}button.danger{border-color:#713c45;color:#ffc0c4}button.success{border-color:#286849;color:#9af0bd}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);max-width:440px;overflow:hidden;text-overflow:ellipsis}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.table-wrap{overflow:auto}.active{color:var(--green)}.archived{color:var(--muted)}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#02070ccb;display:grid;place-items:center;padding:20px;z-index:10}.login-card{width:min(420px,100%);display:grid;gap:16px;padding:26px;border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:0 24px 80px #0008}.login-card label{display:grid;gap:6px;color:var(--muted)}.password-field{display:grid;grid-template-columns:1fr auto;gap:8px}.password-field input{width:100%}.login-actions{display:flex;justify-content:flex-end;gap:9px}.error{min-height:20px;color:var(--red)}@media(max-width:700px){.nav-inner,header,main{padding-left:15px;padding-right:15px}.nav-links{gap:14px}.toolbar{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;justify-content:flex-end}h1{font-size:26px}}