:root{--ink:#edf4ff;--muted:#8d9db5;--line:#253248;--paper:#080d16;--white:#101927;--blue:#3686ff;--dark:#060a11}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#14294d 0,#080d16 35%);color:var(--ink);font:14px Manrope,Arial,sans-serif}.sidebar{background:linear-gradient(180deg,#05080e,#0a1220);border-right:1px solid #1c2b43;color:#fff;width:250px;min-height:100vh;position:fixed;padding:25px 14px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:800;letter-spacing:.7px;display:flex;align-items:center;gap:9px;padding:0 10px 30px}.brand-mark{width:26px;height:26px;border-radius:7px;background:#3988ff;color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 0 18px #2376ef80}.workspace{margin:0 3px 25px;padding:13px;background:#101d2e;border:1px solid #22334c;border-radius:9px;display:grid;grid-template-columns:1fr auto}.workspace span{font:10px 'DM Mono';color:#8095b2}.workspace strong{font-size:12px;margin-top:3px}.workspace button,.sidebar-user button{border:0;background:none;color:#9db2cd;font-size:16px;grid-row:1/3;grid-column:2}nav{flex:1}nav p{font:10px 'DM Mono';letter-spacing:1px;color:#657b99;margin:22px 12px 8px}.nav-item{border:0;width:100%;display:flex;align-items:center;gap:12px;background:transparent;color:#afbdd0;padding:10px 12px;border-radius:7px;font:600 13px Manrope;text-align:left;cursor:pointer}.nav-item span{font-size:18px;width:17px;text-align:center}.nav-item.active,.nav-item:hover{background:#17345c;color:#fff;box-shadow:inset 2px 0 #4290ff}.nav-item i{font:10px 'DM Mono';font-style:normal;background:#263f61;padding:2px 6px;border-radius:10px;margin-left:auto}.nav-item i.orange{background:#6a4213;color:#ffc665}.sidebar-user{border-top:1px solid #1e3048;padding:18px 6px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800}.amber{background:#284d82;color:#c4ddff}.sidebar-user strong,.sidebar-user small{display:block;font-size:11px}.sidebar-user small{color:#7690ae;font-size:10px;margin-top:2px}main{margin-left:250px;min-height:100vh}header{height:117px;background:#0b121eeb;border-bottom:1px solid var(--line);padding:26px 38px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font:10px 'DM Mono';letter-spacing:1px;color:#7186a3;margin:0 0 5px}h1{font-size:22px;margin:0;letter-spacing:-.5px}h1 span{color:#4a93ff}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{position:relative;background:#121d2d;border:1px solid #2b3a51;border-radius:8px;height:38px;width:38px;font-size:20px;color:#a9bee0}.has-dot:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#58a0ff;right:8px;top:8px}.primary{border:0;background:#287af1;color:white;border-radius:8px;padding:11px 15px;font:700 12px Manrope;cursor:pointer;box-shadow:0 8px 20px #1c70e944}.primary:hover{background:#4992ff}#app{padding:28px 38px 45px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:linear-gradient(145deg,#111c2c,#0e1725);border:1px solid var(--line);border-radius:11px;padding:18px;min-height:130px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9badc5;font-size:12px;font-weight:700}.stat-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font-size:16px}.icon-green{background:#123d3b;color:#5de2bb}.icon-yellow{background:#463719;color:#ffc35e}.icon-blue{background:#1b355c;color:#79acff}.icon-coral{background:#482a37;color:#ff96a5}.stat-card h2{margin:17px 0 4px;font-size:24px;letter-spacing:-1px}.stat-card .sub{font-size:11px;color:#7890ad}.rise{color:#54dca8;font-weight:700}.content-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:18px}.panel{background:#0f1826;border:1px solid var(--line);border-radius:11px;padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h3{margin:0;font-size:14px}.panel-head button,.link-btn{border:0;color:#6fa9ff;background:transparent;font:700 11px Manrope;cursor:pointer}.revenue{height:225px;position:relative}.chart-labels{height:190px;border-bottom:1px solid #2a3950;border-left:1px solid #2a3950;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,#1d2a3d 47px)}.chart-svg{position:absolute;inset:0 0 25px 0;width:100%;height:190px}.months{display:flex;justify-content:space-around;color:#7087a4;font:10px 'DM Mono';padding-top:8px}.employee-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #1d2a3b}.employee-row:last-child{border-bottom:0}.employee-row .avatar{flex:0 0 auto}.employee-info{flex:1}.employee-info strong,.employee-info small{display:block;font-size:11px}.employee-info small{color:#7890ae;margin-top:2px}.revenue-num{text-align:right}.revenue-num strong{display:block;font-size:11px}.revenue-num small{font-size:10px;color:#55d5ad}.metric-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #1d2a3b}.metric-row:last-child{border:0}.progress{height:7px;background:#1d2b3e;border-radius:9px;flex:1;overflow:hidden}.progress b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#246ee5,#5ba3ff)}.attendance{margin-top:18px}.attendance-list{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.attendance-day{padding:11px;border-radius:8px;background:#131f30}.attendance-day strong{display:block;font-size:11px}.attendance-day span{font:10px 'DM Mono';color:#8ea2be;display:block;margin-top:5px}.present{color:#55d5ad!important}.late{color:#ffc363!important}.absent{color:#ff8c83!important}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;font-size:20px}.filter{border:1px solid var(--line);background:#121d2c;border-radius:7px;padding:8px 10px;color:#b9c8df;font:11px Manrope}table{width:100%;border-collapse:collapse;background:#0f1826;border:1px solid var(--line);border-radius:10px;overflow:hidden}th{text-align:left;color:#8298b6;background:#111d2d;font:10px 'DM Mono';letter-spacing:.4px;padding:13px 15px}td{padding:13px 15px;border-top:1px solid var(--line);font-size:11px;font-weight:600}.person-cell{display:flex;align-items:center;gap:9px}.tag{padding:4px 7px;border-radius:20px;font-size:10px;font-weight:800}.tag.green{background:#153f3e;color:#63dcba}.tag.yellow{background:#463719;color:#ffc667}.tag.blue{background:#1b355c;color:#8bb9ff}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.view-btn{border:0;background:#18395f;color:#8dbdff;padding:6px 8px;border-radius:5px;font:700 10px Manrope;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(0,5,13,.75);display:grid;place-items:center;padding:20px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#101a29;color:#edf4ff;border:1px solid #2b405d;border-radius:15px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.5)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}.modal-head h2{margin:0;font-size:20px}.close{border:0;background:#22334a;color:#eaf2ff;border-radius:6px;width:30px;height:30px;font-size:17px;cursor:pointer}.profile-intro{display:flex;gap:13px;align-items:center;background:#14253a;border:1px solid #223954;border-radius:9px;padding:16px}.profile-intro .avatar{width:52px;height:52px;font-size:15px}.profile-intro h3{margin:0;font-size:17px}.profile-intro p{font-size:11px;margin:4px 0 0;color:#88a0bd}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.profile-metric{border:1px solid var(--line);background:#121e2e;border-radius:8px;padding:13px}.profile-metric span{color:#8197b5;font-size:10px;display:block}.profile-metric strong{font-size:17px;display:block;margin-top:5px}.profile-sections{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-sections h4{font-size:12px;margin:0 0 10px}.info-list{border-top:1px solid var(--line)}.info-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:11px}.info-list span{color:#8298b6}@media(max-width:1000px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.sidebar{width:70px;padding:20px 8px}.brand{padding:0 13px 25px}.brand>span:last-child,.workspace,nav p,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px}.nav-item span{font-size:19px}.sidebar-user>div:not(.avatar),.sidebar-user button{display:none}.sidebar-user{justify-content:center}.nav-item i{display:none}main{margin-left:70px}}@media(max-width:650px){header{padding:18px}#app{padding:18px}.dashboard-grid{grid-template-columns:1fr}.attendance-list{grid-template-columns:repeat(2,1fr)}header h1{font-size:17px}.header-actions .icon-button{display:none}.profile-grid,.profile-sections{grid-template-columns:1fr}table{display:block;overflow:auto}.primary{padding:10px}}