:root{--bg:#f4f7fb;--surface:#fff;--text:#172033;--muted:#6f7a8e;--border:#e3e9f2;--navy:#0b162a;--navy2:#12213a;--brand:#5b5bd6;--brand2:#2f80ed;--cyan:#16b8c4;--green:#21a675;--red:#de5a6f;--orange:#d89d2f;--shadow:0 12px 30px rgba(25,35,58,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none}.flash-stack{position:fixed;top:18px;right:18px;z-index:3000;width:min(430px,calc(100vw - 36px))}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,var(--navy),#0c1b31);color:#dce6f5;display:flex;flex-direction:column;z-index:1030}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-symbol{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5b5bd6,#1fb8c0);color:#fff;font-weight:800}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:#fff}.sidebar-brand span{color:#8fa2bf;font-size:.78rem}.sidebar-nav{padding:14px 12px;overflow-y:auto;flex:1}.nav-section{padding:14px 10px 8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#6f84a4;font-weight:800}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;border-radius:10px;color:#b8c7dc;border-left:3px solid transparent}.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.active{background:rgba(70,122,255,.13);color:#fff;border-left-color:#29b7c7}.sidebar-footer{padding:17px 20px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-footer small,.sidebar-footer strong{display:block}.sidebar-footer small{color:#7890b0}.sidebar-footer strong{color:#fff}.main-area{margin-left:270px;flex:1;min-width:0}.topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:1020}.global-search{align-items:center;gap:10px;color:var(--muted)}.top-actions{display:flex;gap:8px}.notif-badge{position:absolute;right:-5px;top:-5px;background:var(--red);color:#fff;border-radius:20px;padding:1px 5px;font-size:.65rem}.page-content{padding:30px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{margin:4px 0;font-size:clamp(1.7rem,2.5vw,2.5rem);font-weight:800;letter-spacing:-.03em}.page-heading p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:800;color:var(--brand)}.btn-brand{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;color:#fff}.btn-brand:hover{color:#fff;filter:brightness(.96)}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.panel-header h2{margin:0;font-size:1.05rem;font-weight:800}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.metric-card span{display:block;font-size:.78rem;color:var(--muted)}.metric-card strong{display:block;font-size:1.75rem;line-height:1.1;margin:4px 0}.metric-card small{color:#8a95a8}.modern-table thead th{background:#f6f8fb;color:#738097;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;border-bottom:1px solid var(--border);padding:12px 14px;white-space:nowrap}.modern-table tbody td{padding:13px 14px;border-color:#edf1f6;font-size:.86rem;vertical-align:middle}.modern-table tbody tr:hover{background:#fbfcfe}.badge-soft{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:700;white-space:nowrap;background:#eef1f5;color:#677386}.badge-soft.success{background:#e3f7ef;color:#177b59}.badge-soft.info{background:#e6f1ff;color:#2766b3}.badge-soft.warning{background:#fff4d8;color:#8b6518}.badge-soft.danger{background:#fde7eb;color:#b63e53}.badge-soft.muted{background:#eef1f5;color:#667085}.form-card{max-width:1150px}.form-control,.form-select{border-color:#dfe6ef;min-height:40px}.form-control:focus,.form-select:focus{border-color:#8791df;box-shadow:0 0 0 .2rem rgba(91,91,214,.09)}.kanban{display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.kanban-col{background:#eef2f7;border:1px solid var(--border);border-radius:14px;padding:12px;min-height:350px}.kanban-col h3{font-size:.9rem;font-weight:800}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:9px;box-shadow:0 4px 12px rgba(0,0,0,.04)}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:#dfe6ef}.timeline-item{position:relative;margin-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-22px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--brand)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{background:linear-gradient(145deg,var(--navy),#14294d 58%,#163653);color:#fff;display:flex;align-items:center;padding:9vw}.login-brand h1{font-size:clamp(2.5rem,4vw,4.8rem);font-weight:800;letter-spacing:-.05em}.login-brand p{color:#c6d3e7;max-width:600px}.login-form{display:grid;place-items:center;padding:40px}.login-card{width:min(460px,100%)}.login-card h2{font-size:2rem;font-weight:800}.mini-stats{display:flex;gap:8px;flex-wrap:wrap}.mini-stat{background:#f7f9fc;border:1px solid var(--border);padding:8px 10px;border-radius:10px;color:var(--muted);font-size:.78rem}.section-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.section-tabs a{padding:8px 12px;border:1px solid var(--border);border-radius:10px;color:var(--muted);white-space:nowrap}.section-tabs a.active{background:#edf2ff;color:#35499b;border-color:#d8e0ff;font-weight:700}.overdue{border-left:4px solid var(--red)!important}.due-soon{border-left:4px solid var(--orange)!important}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px;background:var(--muted)}.status-dot.green{background:var(--green)}.status-dot.red{background:var(--red)}.status-dot.orange{background:var(--orange)}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:translateX(0)}.main-area{margin-left:0}.page-content{padding:22px 16px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}}@media(max-width:650px){.metric-grid{grid-template-columns:1fr}.page-content{padding:16px 10px}.panel-card{padding:14px}}