@import "https://fonts.bunny.net/css?family=instrument-sans:400,500,600,700";:root{--navy-950:#071425;--navy-900:#0b1f36;--navy-800:#12304f;--blue-600:#0878d1;--blue-500:#1596e8;--cyan-400:#35c5da;--gold-500:#f2b84b;--white:#fff;--slate-50:#f7f9fc;--slate-100:#eef2f7;--slate-200:#dfe6ef;--slate-400:#8795a8;--slate-500:#64748b;--slate-700:#334155;--slate-900:#172033;--danger-50:#fff1f2;--danger-700:#b42335;--success-50:#ecfdf3;--success-700:#027a48;--shadow-lg:0 24px 70px #07142529;--shadow-md:0 10px 30px #07142514}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--slate-900);background:var(--slate-50);margin:0;font-family:Instrument Sans,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.login-page{background:var(--white)}.login-shell{grid-template-columns:minmax(420px,1fr) minmax(460px,.86fr);min-height:100vh;display:grid}.login-brand-panel{color:var(--white);background:radial-gradient(circle at 15% 20%, #35c5da47, transparent 35%), radial-gradient(circle at 85% 80%, #1596e838, transparent 38%), linear-gradient(145deg, var(--navy-950), var(--navy-800));align-items:center;padding:72px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-brand-panel:before{width:520px;height:520px;top:-180px;right:-210px}.login-brand-panel:after{width:360px;height:360px;bottom:-150px;left:-170px}.brand-content{z-index:1;max-width:610px;position:relative}.brand-mark{width:72px;height:72px;color:var(--white);background:linear-gradient(145deg, var(--blue-500), var(--cyan-400));letter-spacing:.08em;border:1px solid #ffffff47;border-radius:22px;place-items:center;font-size:1.25rem;font-weight:700;display:grid;box-shadow:0 18px 42px #0000002e}.brand-mark-small{border-radius:14px;width:45px;height:45px;font-size:.85rem}.brand-eyebrow,.login-eyebrow,.section-eyebrow,.topbar-eyebrow{text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:.72rem;font-weight:700}.brand-eyebrow{color:var(--cyan-400);margin-top:38px}.brand-content h1{letter-spacing:-.055em;max-width:540px;margin:0;font-size:clamp(2.7rem,5vw,5.3rem);line-height:.99}.brand-description{color:#ffffffc2;max-width:560px;margin:28px 0 0;font-size:1.06rem;line-height:1.8}.brand-features{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.brand-features span{color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;padding:10px 15px;font-size:.83rem}.login-form-panel{background:var(--white);place-items:center;padding:52px;display:grid}.login-card{width:min(100%,450px)}.mobile-brand{display:none}.login-heading{margin-bottom:32px}.login-eyebrow,.section-eyebrow{color:var(--blue-600)}.login-heading h2{letter-spacing:-.04em;margin:0;font-size:2.25rem}.login-heading>p:last-child{color:var(--slate-500);margin:11px 0 0;line-height:1.6}.form-alert,.form-success{border-radius:12px;margin-bottom:20px;padding:14px 16px;font-size:.9rem}.form-alert{color:var(--danger-700);background:var(--danger-50)}.form-success{color:var(--success-700);background:var(--success-50)}.login-form{gap:21px;display:grid}.form-group{gap:9px;display:grid}.form-group label,.label-row label{color:var(--slate-700);font-size:.88rem;font-weight:600}.label-row{justify-content:space-between;gap:18px;display:flex}.label-row a{color:var(--blue-600);font-size:.84rem;font-weight:600}.form-group input{border:1px solid var(--slate-200);width:100%;height:50px;color:var(--slate-900);background:var(--white);border-radius:12px;outline:none;padding:0 15px;transition:all .16s}.form-group input:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #1596e81f}.form-group input::placeholder{color:var(--slate-400)}.remember-row{color:var(--slate-500);align-items:center;gap:9px;font-size:.87rem;display:flex}.remember-row input{width:17px;height:17px;accent-color:var(--blue-600)}.primary-button{cursor:pointer;height:52px;color:var(--white);background:linear-gradient(135deg, var(--blue-600), var(--blue-500));border:0;border-radius:12px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 13px 28px #0878d138}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0878d147}.login-footer{color:var(--slate-400);text-align:center;margin:28px 0 0;font-size:.78rem}.app-shell{grid-template-columns:265px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;height:100vh;color:var(--white);background:radial-gradient(circle at 20% 0%, #35c5da21, transparent 29%), var(--navy-950);flex-direction:column;padding:24px 18px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:13px;padding:2px 8px 27px;display:flex}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:.95rem}.sidebar-brand span{color:#ffffff82;margin-top:2px;font-size:.75rem}.sidebar-nav{gap:5px;margin-top:24px;display:grid}.nav-link{color:#ffffffa6;border-radius:11px;align-items:center;gap:13px;min-height:46px;padding:0 14px;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.nav-link:hover,.nav-link.active{color:var(--white);background:#ffffff17}.nav-link.active{box-shadow:inset 3px 0 0 var(--cyan-400)}.nav-icon{text-align:center;width:21px;font-size:.92rem}.sidebar-footer{margin-top:auto;padding-top:20px}.logout-button{cursor:pointer;color:#ffffffbf;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:11px;width:100%;min-height:44px;font-weight:600}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--slate-200);background:#ffffffed;align-items:center;gap:18px;min-height:88px;padding:18px 30px;display:flex}.topbar h1{letter-spacing:-.025em;margin:0;font-size:1.35rem}.topbar-eyebrow{color:var(--slate-400);margin-bottom:3px;font-size:.61rem}.menu-button{border:1px solid var(--slate-200);cursor:pointer;background:var(--white);border-radius:10px;width:42px;height:42px;display:none}.user-summary{align-items:center;gap:11px;margin-left:auto;display:flex}.user-avatar{width:41px;height:41px;color:var(--white);background:linear-gradient(145deg, var(--blue-600), var(--cyan-400));border-radius:50%;place-items:center;font-weight:700;display:grid}.user-details strong,.user-details span{display:block}.user-details strong{font-size:.83rem}.user-details span{color:var(--slate-400);margin-top:2px;font-size:.71rem}.page-content{padding:30px}.dashboard-welcome{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:27px;display:flex}.dashboard-welcome h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3vw,2.35rem)}.dashboard-welcome>div>p:last-child{color:var(--slate-500);margin:8px 0 0}.current-date{color:var(--slate-500);white-space:nowrap;font-size:.86rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric-card,.panel{border:1px solid var(--slate-200);background:var(--white);box-shadow:var(--shadow-md);border-radius:16px}.metric-card{align-items:flex-start;gap:15px;min-height:150px;padding:21px;display:flex}.metric-icon{width:43px;height:43px;color:var(--blue-600);background:#eaf7ff;border-radius:12px;flex:0 0 43px;place-items:center;font-weight:700;display:grid}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:var(--slate-500);font-size:.78rem}.metric-card strong{letter-spacing:-.04em;margin-top:8px;font-size:1.65rem}.metric-card small{color:var(--slate-400);margin-top:7px;font-size:.68rem;line-height:1.4}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:18px;margin-top:18px;display:grid}.panel{padding:23px}.panel-heading{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.panel-heading h3{margin:0;font-size:1.03rem}.empty-state{text-align:center;align-content:center;place-items:center;min-height:270px;padding:28px;display:grid}.empty-state-icon{width:53px;height:53px;color:var(--success-700);background:var(--success-50);border-radius:50%;place-items:center;font-weight:700;display:grid}.empty-state h4{margin:17px 0 7px}.empty-state p{max-width:430px;color:var(--slate-500);margin:0;font-size:.86rem;line-height:1.6}.quick-links{gap:9px;padding-top:16px;display:grid}.quick-links a{border:1px solid var(--slate-100);min-height:48px;color:var(--slate-700);border-radius:11px;justify-content:space-between;align-items:center;padding:0 14px;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.quick-links a:hover{color:var(--blue-600);background:#f3fbff;border-color:#bde3f8}.sidebar-overlay{display:none}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:30px 22px}.mobile-brand{color:var(--navy-900);align-items:center;gap:12px;margin-bottom:50px;font-weight:700;display:flex}.app-shell{display:block}.sidebar{width:265px;transition:transform .18s;position:fixed;left:0;transform:translate(-100%)}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{z-index:20;background:#07142585;position:fixed;inset:0}body.sidebar-open .sidebar-overlay{display:block}.menu-button{place-items:center;display:grid}.dashboard-grid{grid-template-columns:1fr}}@media (width<=620px){.topbar{min-height:76px;padding:14px 17px}.topbar-eyebrow,.user-details{display:none}.page-content{padding:21px 16px}.dashboard-welcome{display:block}.current-date{margin-top:15px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.panel{padding:18px}}.nav-group{gap:.35rem;margin-bottom:1.25rem;display:grid}.nav-group-title{letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0 0 .35rem;padding:0 .85rem;font-size:.68rem;font-weight:700}.nav-badge{background:#ffffff1f;border-radius:999px;margin-left:auto;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.sidebar-empty{opacity:.7;padding:1rem;font-size:.85rem}