:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#f0f5f9;--ink:#0f1d2e;--muted:#617083;--line:#d7e0ea;--line-strong:#b8c7d5;--accent:#0d5fd7;--accent-2:#0f8d91;--success:#127a48;--warning:#a45d05;--danger:#b42318;--nav:#071624;--nav-2:#0d2436;--shadow:0 10px 30px rgba(20,38,58,.08)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.login-page{align-items:center;background:radial-gradient(circle at 10% 10%,rgba(13,95,215,.11),transparent 36%),var(--bg);display:grid;min-height:100vh;padding:28px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:22px;gap:22px;margin:0 auto;max-width:460px;padding:32px;width:100%}.login-card h1,.page-title h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:0;line-height:1.05;margin:0}.login-card p,.page-title p,.panel p{color:var(--muted);line-height:1.55;margin:0}.field{display:grid;grid-gap:8px;gap:8px}.compact-label,.field label{color:#35475c;font-size:.82rem;font-weight:700}.field input,.field select,.field textarea,.search-box input{background:#fff;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);min-height:44px;padding:10px 12px;width:100%}.field textarea{min-height:92px;resize:vertical}.button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:10px 14px}.button.secondary{background:#fff;color:var(--accent)}.button.danger{background:var(--danger);border-color:var(--danger)}.alert{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:6px;color:#23384f;padding:12px 14px}.alert.warning{border-left-color:var(--warning)}.alert.danger{border-left-color:var(--danger)}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav),var(--nav-2));color:#eaf2fb;display:flex;flex-direction:column;gap:18px;min-height:100vh;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0}.brand{align-items:center;display:flex;gap:10px;padding:6px 8px 14px}.brand-mark{align-items:center;background:#fff;border-radius:5px;color:var(--nav);display:inline-flex;font-weight:900;height:34px;justify-content:center;width:34px}.brand strong{display:block;font-size:.96rem}.brand small,.sidebar-footer{color:#9fb2c6}.nav-group{border-top:1px solid hsla(0,0%,100%,.13);display:grid;grid-gap:4px;gap:4px;padding-top:14px}.nav-link{align-items:center;border-radius:6px;color:#d9e6f3;display:flex;font-weight:700;gap:10px;min-height:40px;padding:9px 10px}.nav-link.active,.nav-link:hover{background:rgba(13,95,215,.35);color:#fff}.nav-symbol{align-items:center;border:1px solid hsla(0,0%,100%,.25);border-radius:4px;display:inline-flex;font-size:.72rem;font-weight:900;height:22px;justify-content:center;width:24px}.sidebar-footer{font-size:.82rem;line-height:1.55;margin-top:auto;padding:12px 10px}.main{display:grid;grid-gap:24px;gap:24px;padding:0 28px 34px}.topbar{background:hsla(0,0%,100%,.92);border-bottom:1px solid var(--line);gap:18px;justify-content:space-between;margin:0 -28px;min-height:58px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.session-strip,.topbar{align-items:center;display:flex}.session-strip{flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.86rem}.session-strip strong{color:var(--accent);text-transform:uppercase}.role-pills{display:flex;flex-wrap:wrap;gap:6px}.pill,.status{align-items:center;border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;gap:6px;min-height:24px;padding:3px 9px}.pill.blue{background:#ebf3ff;color:#084eaf}.pill.green,.status.completed{background:#eaf8f0;color:var(--success)}.pill.orange,.status.pending{background:#fff6e8;color:var(--warning)}.pill.red,.status.blocked,.status.high{background:#fff0ee;color:var(--danger)}.page-title{align-items:flex-end;display:flex;gap:22px;justify-content:space-between;padding-top:18px}.search-box{display:grid;grid-gap:8px;gap:8px;max-width:560px;position:relative;width:min(100%,560px)}.search-results{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);display:grid;grid-gap:1px;gap:1px;left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:20}.search-result{display:grid;grid-gap:4px;gap:4px;padding:10px 12px}.search-result:hover{background:var(--surface-2)}.kpi-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-card,.panel,.table-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px rgba(24,39,58,.03)}.kpi-card{display:grid;grid-gap:8px;gap:8px;min-height:120px;padding:18px}.kpi-card span{color:#53677e;font-size:.83rem;font-weight:800}.kpi-card strong{color:var(--ink);font-size:2.1rem;line-height:1}.kpi-card small{color:var(--muted)}.dashboard-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.panel{display:grid;grid-gap:14px;gap:14px;min-width:0;padding:18px}.panel-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;margin:-2px 0 0;padding-bottom:12px}.panel-header h2,.table-panel h2{font-size:1rem;margin:0}.row,.rows{display:grid}.row{align-items:center;border-bottom:1px solid #edf2f7;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1.4fr) auto;min-height:52px;padding:10px 0}.row:last-child{border-bottom:0}.row span,.row strong,td,th{overflow-wrap:anywhere}.row small{color:var(--muted)}.table-panel{overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:16px 18px}.data-table{border-collapse:collapse;font-size:.88rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #edf2f7;padding:12px 14px;text-align:left;vertical-align:top}.data-table th{background:#f9fbfd;color:#53677e;font-size:.76rem;text-transform:uppercase}.two-column{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr)}.form-grid{display:grid;grid-gap:14px;gap:14px}.footer-status{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-top:auto;padding-top:14px}.empty{color:var(--muted);padding:20px}@media (max-width:1160px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:relative}.dashboard-grid,.kpi-grid,.nav-group,.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.main{padding:0 16px 24px}.topbar{margin:0 -16px;padding:12px 16px}.page-title,.topbar{align-items:flex-start;flex-direction:column}.dashboard-grid,.kpi-grid,.nav-group,.two-column{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto;white-space:nowrap}}