:root{--primary:#2563eb;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--card:#fff;--bg:#f8fafc}.app-shell{display:flex;min-height:100vh}.sidebar{width:292px;background:#fff;border-right:1px solid var(--line);padding:24px;position:fixed;height:100vh;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#2563eb,#111827);color:white;display:grid;place-items:center;font-weight:800}.brand span{display:block;color:var(--muted);font-size:12px}.nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;color:#475569;text-decoration:none;font-weight:600}.nav-item span{width:24px;text-align:center;color:#94a3b8}.nav-item.active,.nav-item:hover{background:#eff6ff;color:#1d4ed8}.sidebar-card{margin-top:auto;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:16px}.sidebar-card small{color:var(--muted)}.sidebar-card strong{display:block;margin:6px 0 10px}.progress{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--primary);border-radius:99px}.main{margin-left:292px;flex:1}.topbar{height:104px;background:rgba(248,250,252,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px;position:sticky;top:0;z-index:5}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.topbar h1{font-size:28px;font-weight:850}.top-actions{display:flex;gap:12px;align-items:center}.top-actions input{height:42px;width:280px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:white}.btn{background:#2563eb;color:white;text-decoration:none;border-radius:14px;padding:11px 16px;font-weight:800;display:inline-flex}.btn.secondary{background:white;color:#334155;border:1px solid var(--line)}.content{padding:30px 34px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 35px rgba(15,23,42,.04)}.metric{font-size:32px;font-weight:900;margin-top:8px}.muted{color:var(--muted)}.section-title{font-weight:900;font-size:18px;margin-bottom:14px}.list{display:grid;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #eef2f7;border-radius:16px;background:#fff}.pill{border-radius:99px;background:#f1f5f9;color:#475569;padding:6px 10px;font-size:12px;font-weight:800}.pill.blue{background:#dbeafe;color:#1d4ed8}.pill.green{background:#dcfce7;color:#15803d}.pill.amber{background:#fef3c7;color:#b45309}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kanban-col{background:#f8fafc;border:1px solid var(--line);border-radius:22px;padding:14px}.kanban-card{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin-top:10px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table td,.table th{text-align:left;padding:14px;background:white;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.table th{color:var(--muted);font-size:12px;text-transform:uppercase}.table td:first-child,.table th:first-child{border-left:1px solid #e2e8f0;border-radius:14px 0 0 14px}.table td:last-child,.table th:last-child{border-right:1px solid #e2e8f0;border-radius:0 14px 14px 0}.hero{background:linear-gradient(135deg,#111827,#2563eb);color:white;border-radius:28px;padding:28px;display:flex;justify-content:space-between;gap:20px}.hero .muted{color:#cbd5e1}.form{display:grid;gap:12px}.form input,.form textarea,.form select{border:1px solid var(--line);border-radius:14px;padding:12px;background:white;width:100%}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.app-shell{display:block}.main{margin-left:0}.topbar{height:auto;padding:18px;align-items:flex-start;gap:14px;flex-direction:column}.top-actions{width:100%;flex-direction:column}.top-actions input{width:100%}.grid-4,.grid-3,.grid-2,.kanban{grid-template-columns:1fr}.content{padding:18px}}