:root{--navy: #0b1f33;--sea: #0e7c86;--gold: #d4a017;--bg: #f4f7fa;--card: #ffffff;--line: #d9e2ec;--muted: #5b6b7c;--danger: #c0392b;--ok: #1e7a46;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--navy);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#0b1f33,#0e7c86 70%)}.login-card{width:min(400px,100%);background:#fff;border-radius:16px;padding:28px;box-shadow:0 16px 40px #0000002e}.login-card h1{margin:0 0 6px;font-size:1.4rem}.login-card p{margin:0 0 18px;color:var(--muted)}label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:12px;background:#fff}textarea{min-height:90px;resize:vertical}.btn{border:none;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;background:var(--sea);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#e8eef3;color:var(--navy)}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn.danger{background:var(--danger)}.error{color:var(--danger);font-size:.9rem;margin:8px 0}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--navy);color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:8px}.brand{font-weight:800;font-size:1.05rem;margin-bottom:12px}.brand span{display:block;font-size:.75rem;font-weight:500;opacity:.7;margin-top:4px}.nav-btn{text-align:left;background:transparent;border:none;color:#ffffffd9;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600}.nav-btn.active,.nav-btn:hover{background:#ffffff1f;color:#fff}.sidebar .spacer{flex:1}.main{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.topbar h2{margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:.92rem}.table th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.table tr{cursor:pointer}.table tr:hover{background:#f0f7f8}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:700;background:#e8f4f5;color:var(--sea)}.badge.warn{background:#fff3cd;color:#856404}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.grid-2{grid-template-columns:1fr}}.timeline{border-left:3px solid var(--line);padding-left:14px;margin:0;list-style:none}.timeline li{margin-bottom:12px}.timeline .time{font-size:.75rem;color:var(--muted)}.comments{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto;margin-bottom:12px}.bubble{max-width:85%;padding:10px 12px;border-radius:12px;background:#eef2f6}.bubble.staff{align-self:flex-end;background:#d9f0f2}.bubble .meta{font-size:.72rem;color:var(--muted);margin-bottom:4px;font-weight:700}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}