*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}html{font-size:clamp(13px,.6rem + .6vw,16px)}html,body{min-height:100%}body{color:#fff;background:radial-gradient(at 50% -8%,#84cc1661 0%,#0000 48%),radial-gradient(at 8% 22%,#5f96202e 0%,#0000 40%),radial-gradient(at 90% 90%,#5f962024 0%,#0000 42%),linear-gradient(170deg,#020c05 0%,#061210 45%,#0a1710 100%)}.topbar,.layout,.page,.loading-screen{z-index:1;position:relative}#app{background:#060e09;min-height:100vh}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08120ceb;border:1px solid #84cc1624;border-radius:22px;width:100%;max-width:520px;margin:0 auto;padding:30px;box-shadow:0 24px 80px #00000080,0 0 40px #84cc1614}.brand{text-align:center;margin-bottom:22px}.brand-logo{width:100%;max-width:460px;margin-bottom:8px}.subtitle{letter-spacing:1.2px;color:#a8b7ab;text-transform:uppercase;font-size:12px}.login-form{gap:18px;display:grid}.login-form label{gap:6px;display:grid}.login-form span{color:#d5dfd7;font-size:14px}.login-form input{color:#fff;background:#0b1510;border:1px solid #2a3d31;border-radius:12px;padding:13px 14px;transition:border-color .18s,box-shadow .18s,background .18s}.login-form input:focus{background:#0d1913;border-color:#84cc16;outline:none;box-shadow:0 0 0 2px #84cc1640}.login-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#65a30d,#84cc16);border:none;border-radius:12px;margin-top:6px;padding:13px;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 10px 26px #84cc1633}.login-form button:hover{filter:brightness(1.05);transform:translateY(-1px)}.loading-screen{z-index:9999;opacity:0;pointer-events:none;background:radial-gradient(at 50% -5%,#84cc1647 0%,#0000 50%),radial-gradient(at 15% 80%,#3d7a1f1f 0%,#0000 45%),radial-gradient(at 85% 85%,#3d7a1f1a 0%,#0000 45%),linear-gradient(170deg,#020c05 0%,#061210 50%,#0a1710 100%);flex-direction:column;justify-content:center;align-items:center;gap:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.loading-screen.active{opacity:1;pointer-events:auto}.loading-logo{filter:drop-shadow(0 0 40px #6aad2e59);width:360px;max-width:55vw;animation:1.8s ease-in-out infinite splash-breathe}@keyframes splash-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#08180bfa 0%,#0a1a0df5 100%);border-bottom:2px solid #84cc1633;justify-content:space-between;align-items:center;height:88px;padding:0 16px 0 8px;display:flex;box-shadow:0 4px 32px #0006,0 2px #84cc1614}.top-logo{height:90px;display:block}.profile{color:#84cc16;font-weight:600}.layout{min-height:calc(100vh - 88px);display:flex}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a1c0ef0 0%,#061209f5 100%);border-right:1px solid #84cc162e;flex-direction:column;justify-content:space-between;width:220px;transition:width .25s;display:flex;overflow:hidden;box-shadow:2px 0 24px #0006,inset -1px 0 #84cc160d}.sidebar.collapsed{width:64px}.sidebar nav{flex-direction:column;flex:1;gap:8px;padding:14px 8px 8px;display:flex}.nav-item{color:#c7d2cc;white-space:nowrap;border-radius:12px;align-items:center;gap:14px;min-height:44px;padding:10px 12px;text-decoration:none;transition:background .18s,color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#84cc1612;transform:translate(1px)}.nav-item.active{color:#fff;background:#84cc161a;box-shadow:inset 0 0 0 1px #84cc161a,0 4px 14px #00000024}.nav-item.active:before{content:"";background:#84cc16;border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 10px #84cc1673}.icon{justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;display:flex}.icon img{object-fit:contain;width:32px;height:32px;transition:transform .18s,filter .18s}.nav-item:hover .icon img{transform:scale(1.04)}.nav-item.active .icon img{filter:drop-shadow(0 0 6px #84cc1640)}.label{white-space:nowrap;font-size:14px;font-weight:500}.sidebar.collapsed .label{display:none}.sidebar-toggle{text-align:center;cursor:pointer;color:#84cc16;-webkit-user-select:none;user-select:none;border-top:1px solid #84cc1614;padding:14px 8px;font-size:16px;transition:background .18s,color .18s}.sidebar-toggle:hover{color:#fff;background:#84cc1612}.content{background:0 0;flex:1;padding:28px}.content h1{color:#0f172a;letter-spacing:-.02em;margin-bottom:24px;font-size:2.05rem;font-weight:800}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat{background:#fffffff7;border:1px solid #e2e8f0e6;border-radius:16px;padding:20px 20px 18px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 10px 30px #00000029,0 2px 8px #00000014}.stat:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0003,0 4px 12px #0000001a}.stat:before{content:"";opacity:.95;background:linear-gradient(#65a30d,#84cc16);border-radius:999px;width:4px;position:absolute;top:14px;bottom:14px;left:0}.stat span{color:#6b7280;margin-left:0;font-size:13px;font-weight:600;display:block}.stat h2{color:#0f172a;letter-spacing:-.03em;margin-top:10px;font-size:2.2rem;font-weight:800;line-height:1}.topbar-right{align-items:center;gap:12px;display:flex}.icon-btn{color:#d5dfd7;cursor:pointer;background:#101712;border:1px solid #84cc1624;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .18s,transform .18s,border-color .18s;display:flex;position:relative}.icon-btn:hover{background:#162019;border-color:#84cc1640;transform:translateY(-1px)}.top-icon{object-fit:contain;width:31px;height:31px}.notification-dot{background:#84cc16;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;right:4px;box-shadow:0 0 8px #84cc168c}.profile-menu{position:relative}.profile-trigger{color:#08110b;cursor:pointer;background:linear-gradient(135deg,#65a30d,#84cc16);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:900;transition:transform .18s,filter .18s;display:flex;box-shadow:0 8px 22px #84cc162e}.profile-trigger:hover{filter:brightness(1.03);transform:translateY(-1px)}.profile-avatar{font-size:26px;line-height:1}.profile-dropdown{z-index:100;background:#fff;border:1px solid #dbe5dd;border-radius:14px;flex-direction:column;gap:6px;min-width:160px;padding:8px;display:flex;position:absolute;top:52px;right:0;box-shadow:0 18px 40px #0000002e}.hidden{display:none}.dropdown-item{color:#111827;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px;font-weight:500}.dropdown-item:hover{background:#f1f5f2}.logout-item{color:#dc2626}.dashboard-shell{gap:22px;display:grid}.dashboard-hero{background:radial-gradient(circle at 100% 0,#84cc1624,#0000 28%),linear-gradient(#0a120df5 0%,#080f0beb 100%);border:1px solid #84cc1614;border-radius:24px;padding:24px 24px 22px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000003d,inset 0 1px #ffffff08}.dashboard-hero:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff06,#0000 55%);position:absolute;inset:0}.dashboard-hero-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex;position:relative}.dashboard-title-group{gap:8px;display:grid}.dashboard-eyebrow{color:#cfe7b0;letter-spacing:.08em;text-transform:uppercase;background:#84cc161a;border:1px solid #84cc1626;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-title{color:#f8fafc;letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800;line-height:1.05}.dashboard-subtitle{color:#a7b4ac;max-width:760px;font-size:14px;line-height:1.5}.dashboard-hero-stats{z-index:1;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;display:grid;position:relative}.hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0e;border:1px solid #ffffff0f;border-radius:18px;padding:16px 18px}.hero-stat-label{color:#b5c2ba;margin-bottom:8px;font-size:12px;font-weight:600}.hero-stat-value{color:#fff;letter-spacing:-.03em;font-size:1.95rem;font-weight:800}.hero-stat-note{color:#8ea092;margin-top:6px;font-size:12px}.dashboard-main-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.92fr);align-items:start;gap:22px;display:grid}.dashboard-left-column,.dashboard-right-column{gap:22px;display:grid}.section-card{background:#fffffffb;border:1px solid #e2e8f0f0;border-radius:22px;padding:22px;position:relative;box-shadow:0 16px 42px #00000029,0 4px 12px #00000014}.section-card.dark-surface{background:linear-gradient(#0a120dfa 0%,#080e0af5 100%);border:1px solid #84cc1614;box-shadow:0 18px 46px #0000003d,inset 0 1px #ffffff08}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-title-wrap{gap:6px;display:grid}.section-title{letter-spacing:-.02em;color:#0f172a;font-size:1.1rem;font-weight:800}.section-subtitle{color:#6b7280;font-size:13px;line-height:1.45}.dark-surface .section-title{color:#f8fafc}.dark-surface .section-subtitle{color:#a7b4ac}.section-badge{color:#5d8f11;background:#84cc161a;border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.dark-surface .section-badge{color:#d9efb9;background:#84cc1624}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:linear-gradient(#fff 0%,#f8fbf9 100%);border:1px solid #e2e8f0eb;border-radius:18px;padding:18px 18px 16px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a14,0 2px 6px #0f172a0d}.metric-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a1f,0 4px 10px #0f172a0f}.metric-card:before{content:"";background:var(--metric-accent,#84cc16);border-radius:999px;width:4px;position:absolute;top:14px;bottom:14px;left:0}.metric-card.primary{background:linear-gradient(#fff 0%,#f9fcf8 100%)}.metric-card-label{color:#5f6c64;font-size:13px;font-weight:700}.metric-card-value{color:#0f172a;letter-spacing:-.04em;margin-top:10px;font-size:2rem;font-weight:800;line-height:1}.metric-card-meta{color:#7b8794;margin-top:10px;font-size:12px;line-height:1.45}.metric-card.active{--metric-accent:#65a30d}.metric-card.scheduled{--metric-accent:#2563eb}.metric-card.underway{--metric-accent:#d97706}.metric-card.review{--metric-accent:#7c3aed}.metric-card.hold{--metric-accent:#ea580c}.metric-card.delayed{--metric-accent:#dc2626}.activity-list{gap:12px;display:grid}.activity-row{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e7edf2;border-radius:16px;grid-template-columns:minmax(170px,.95fr) minmax(0,1.4fr) auto;align-items:center;gap:14px;padding:14px 16px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:grid}.activity-row:hover{cursor:pointer;background:linear-gradient(#fff 0%,#f4f8f6 100%);border-color:#dfe8e3;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.activity-primary{gap:4px;display:grid}.activity-id{color:#111827;letter-spacing:-.02em;font-size:14px;font-weight:800}.activity-secondary{color:#6b7280;font-size:12px}.activity-title{color:#22312a;font-size:14px;font-weight:600}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:108px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.waiting{color:#5d8f11;background:#84cc161f;border-color:#84cc162e}.status-pill.assigned{color:#047857;background:#10b9811f;border-color:#10b9812e}.status-pill.scheduled{color:#1d4ed8;background:#2563eb1a;border-color:#2563eb29}.status-pill.underway{color:#b45309;background:#d977061a;border-color:#d9770629}.status-pill.review{color:#6d28d9;background:#7c3aed1a;border-color:#7c3aed29}.status-pill.hold{color:#c2410c;background:#ea580c1a;border-color:#ea580c29}.status-pill.delayed{color:#b91c1c;background:#dc26261a;border-color:#dc262629}.status-pill.completed{color:#0f766e;background:#0f766e1a;border-color:#0f766e29}.status-pill.cancelled{color:#475569;background:#64748b1f;border-color:#64748b29}.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.snapshot-card{background:linear-gradient(#fff 0%,#f7faf8 100%);border:1px solid #e2e8f0eb;border-radius:18px;padding:16px 16px 15px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a12}.snapshot-card:after{content:"";background:#84cc1614;border-radius:999px;width:56px;height:56px;position:absolute;top:-18px;right:-18px}.snapshot-card.blue:after{background:#2563eb14}.snapshot-card.purple:after{background:#7c3aed14}.snapshot-card.orange:after{background:#ea580c14}.snapshot-card.red:after{background:#dc262614}.snapshot-label{z-index:1;color:#5f6c64;font-size:12px;font-weight:700;position:relative}.snapshot-value{z-index:1;letter-spacing:-.03em;color:#111827;margin-top:10px;font-size:1.7rem;font-weight:800;line-height:1;position:relative}.snapshot-meta{z-index:1;color:#7b8794;margin-top:8px;font-size:12px;line-height:1.4;position:relative}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.summary-stat{background:#ffffff0e;border:1px solid #ffffff0f;border-radius:18px;padding:16px 18px}.summary-stat-label{color:#b5c2ba;font-size:12px;font-weight:700}.summary-stat-value{color:#fff;letter-spacing:-.03em;margin-top:8px;font-size:1.7rem;font-weight:800}.summary-stat-meta{color:#8ea092;margin-top:6px;font-size:12px;line-height:1.4}.input-error{box-shadow:0 0 0 2px #ef44442e;border-color:#ef4444!important}.login-error{color:#fca5a5;background:#7f1d1d2e;border:1px solid #ef444447;border-radius:10px;margin-top:-4px;padding:10px 12px;font-size:13px;line-height:1.45}@media (width<=1600px){.topbar,.top-logo{height:72px}.layout{min-height:calc(100vh - 72px)}.sidebar{width:190px}.content{padding:20px 22px}.dashboard-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.92fr);gap:16px}.dashboard-hero{padding:20px 20px 18px}.section-card{padding:18px}}@media (width<=1280px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-right-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width<=1100px){.stats,.metrics-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero-stats{grid-template-columns:1fr}.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.dashboard-right-column{grid-template-columns:1fr}.activity-row{grid-template-columns:1fr;justify-items:start}.status-pill{min-width:0}}@media (width<=700px){.stats,.metrics-grid,.summary-grid,.snapshot-grid{grid-template-columns:1fr}.content{padding:20px}.dashboard-hero{padding:20px 18px 18px}.section-card{padding:18px}.dashboard-title{font-size:1.6rem}}