:root{--ink:#17212b;--muted:#667481;--line:#e4e9ed;--brand:#155e75;--surface:#fff;--canvas:#f5f7f8}body{background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.topbar{min-height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(20,39,52,.04)}.topbar h1{font-size:20px;letter-spacing:-.02em}.topbar .eyebrow{color:var(--brand);font-weight:800}.topbar nav{gap:8px}.topbar .btn{border-radius:8px}.topbar>nav>.btn.ghost{color:#155e75;border:1px solid #b7cbd3;background:#fff;font-weight:700}.topbar>nav>.btn.ghost:hover{background:#edf5f7;border-color:#155e75}.topbar>nav>.btn.ghost.active{background:#155e75;border-color:#155e75;color:#fff}.topbar>nav>.btn.logout-link{color:#8d3632;border-color:#dcb8b5}.topbar>nav>.btn.logout-link:hover{background:#fff1f0;border-color:#a74742}.panel,.task-modal,.login-card{border:1px solid var(--line);box-shadow:0 10px 30px rgba(24,42,54,.06);border-radius:14px;background:var(--surface)}.panel{padding:20px}.task-modal{overflow:hidden}.task-modal header{background:#fbfcfc;border-bottom:1px solid var(--line);padding:18px 22px}.task-modal footer{background:#fbfcfc;border-top:1px solid var(--line);padding:14px 22px}.form-grid{gap:16px}.form-grid label{font-weight:700;color:#455461}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #cfd8de;border-radius:8px;padding:10px 11px;background:#fff;box-sizing:border-box}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid rgba(21,94,117,.12);border-color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);border-radius:8px}.btn.ghost{border-radius:8px}.table-wrap{border:1px solid var(--line);border-radius:10px}.table-wrap th{background:#f8fafb}.login-page{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 20% 10%,#dcecf0 0,transparent 28%),var(--canvas)}.login-card{width:min(390px,calc(100vw - 32px));padding:34px}.login-card h1{font-size:24px;margin:12px 0 4px}.login-card p{color:var(--muted)}.login-card label{display:block;margin-top:15px;color:#455461;font-weight:700;font-size:13px}.login-card input{width:100%;box-sizing:border-box;border:1px solid #cfd8de;border-radius:8px;padding:11px;margin-top:6px}.login-card .btn{margin-top:22px;border-radius:8px}.brand-mark{background:var(--brand);border-radius:12px;width:44px;height:44px;display:grid;place-items:center;color:white;font-weight:800;font-size:20px}@media(max-width:700px){.topbar{padding:13px 16px}.topbar nav{flex-wrap:wrap}.panel{padding:12px}.task-modal{width:calc(100vw - 22px)!important}.form-grid{grid-template-columns:1fr!important}}