:root{--color-bg:#1a1a2e;--color-surface:#16213e;--color-surface-hover:#1a2745;--color-border:#0f3460;--color-text:#e0e0e0;--color-text-muted:#8a8a9a;--color-primary:#0f3460;--color-primary-hover:#1a4a7a;--color-accent:#e94560;--color-success:#4caf50;--color-warning:#ff9800;--color-danger:#f44336;--color-info:#2196f3;--radius:8px;--spacing:1rem;--sidebar-width:240px;--toggle-size:44px;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--color-primary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background var(--transition);padding:.5rem 1rem;font-size:.9rem}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;padding:.5rem;font-size:.9rem}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--spacing);flex-shrink:0}.sidebar nav{flex-direction:column;gap:.5rem;display:flex}.sidebar a{color:var(--color-text);border-radius:var(--radius);padding:.5rem;text-decoration:none}.sidebar a:hover{background:var(--color-surface-hover);text-decoration:none}.sidebar a.active{background:var(--color-primary)}.main-content{padding:var(--spacing);flex:1;overflow-x:hidden}.page-title{margin-bottom:var(--spacing);font-size:1.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing);margin-bottom:var(--spacing)}.badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-draft{color:#ccc;background:#444}.badge-verified{background:var(--color-info);color:#fff}.badge-approved{background:var(--color-success);color:#fff}.badge-rejected{background:var(--color-danger);color:#fff}.badge-superseded{color:#aaa;background:#666}.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:400px;padding:2rem}.login-form h1{text-align:center;margin-bottom:1.5rem}.login-form .form-group{margin-bottom:1rem}.login-form label{color:var(--color-text-muted);margin-bottom:.3rem;font-size:.85rem;display:block}.login-form button{width:100%;margin-top:.5rem}.error-message{color:var(--color-danger);margin-top:.5rem;font-size:.85rem}.list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem var(--spacing);cursor:pointer;transition:background var(--transition);margin-bottom:.5rem}.list-item:hover{background:var(--color-surface-hover)}.list-item-meta{gap:1rem;margin-top:.3rem;display:flex}.before-after-viewer{gap:var(--spacing);margin:var(--spacing) 0;grid-template-columns:1fr 1fr;display:grid}.before-after-viewer video{border-radius:var(--radius);border:1px solid var(--color-border);width:100%}.viewer-toggle-row{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.viewer-toggle-btn{width:auto}.crop-overlay-container{display:inline-block;position:relative}.crop-overlay{border:2px solid var(--color-accent);pointer-events:none;background:#e9456026;position:absolute}.checklist-item{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.checklist-item input[type=checkbox]{width:auto;margin-top:.2rem}.verification-flags{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.flag{border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.flag-advisory{background:var(--color-warning);color:#000}.flag-passed{background:var(--color-success);color:#fff}.flag-failed{background:var(--color-danger);color:#fff}.decision-buttons{gap:.5rem;display:flex}.decision-buttons button{flex:1}.sidebar-toggle{z-index:1100;width:var(--toggle-size);height:var(--toggle-size);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none;position:fixed;top:.75rem;left:.75rem}.sidebar-toggle span{background:var(--color-text);border-radius:1px;width:22px;height:2px;display:block}.sidebar-overlay{display:none}@media (width<=768px){:root{--spacing:.75rem}.sidebar-toggle{display:flex}.sidebar{width:var(--sidebar-width);z-index:1000;padding-top:3.5rem;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-layout.sidebar-open .sidebar{transform:translate(0);box-shadow:4px 0 24px #0006}.sidebar-overlay{z-index:999;background:#00000080;display:block;position:fixed;inset:0}.main-content{padding:3.5rem .75rem .75rem}.before-after-viewer{grid-template-columns:1fr}.page-title{font-size:1.2rem}.card{padding:.75rem}.login-form{margin:0 1rem;padding:1.5rem}}@media (width<=480px){:root{--spacing:.5rem}.main-content{padding:3.5rem .5rem .5rem}.page-title{font-size:1.1rem}.list-item{padding:.6rem .5rem}button{min-height:var(--toggle-size);padding:.6rem .75rem;font-size:.85rem}.login-form{margin:0 .5rem;padding:1.25rem}.login-form h1{font-size:1.3rem}.card{padding:.6rem}.list-item-meta{flex-wrap:wrap;gap:.3rem}.decision-buttons{flex-direction:column}.viewer-toggle-row{flex-wrap:wrap;gap:.5rem}}