@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8edf7;background:#090e1a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#090e1a}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{width:250px;background:#0d1423;border-right:1px solid #1c2940;position:fixed;inset:0 auto 0 0;padding:25px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 27px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#2879ee,#1744a4);display:grid;place-items:center;color:#fff;font:800 16px Manrope;box-shadow:0 7px 22px #1c5fd455}.brand b{font:800 14px Manrope;display:block;letter-spacing:-.3px}.brand small{font-size:9px;letter-spacing:2px;color:#71829e}.workspace{background:#141f32;border:1px solid #22314a;border-radius:9px;padding:11px 12px;color:#bdc9dc;font-size:11px;margin-bottom:28px}.dot{display:inline-block;width:7px;height:7px;background:#31c48d;border-radius:50%;margin-right:7px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#64738e;padding:0 11px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;margin:2px 0;border:0;background:transparent;color:#8f9db4;border-radius:8px;text-align:left;font-size:12px;font-weight:600}.nav-item:hover{background:#17243a;color:#e5edfa}.nav-item.selected{background:#17366b;color:#8bb8ff;box-shadow:inset 2px 0 #438cff}.nav-item em{margin-left:auto;font-style:normal;background:#263e66;color:#9cc4ff;padding:2px 7px;border-radius:10px;font-size:10px}.side-bottom{margin-top:auto}.sync{display:flex;align-items:center;gap:10px;padding:12px 9px;border-top:1px solid #1d2a40;margin-bottom:10px}.sync-icon{width:31px;height:31px;border-radius:9px;background:#142844;color:#6da8ff;display:grid;place-items:center}.sync b,.sync small{display:block}.sync b{font-size:10px}.sync small{font-size:9px;color:#71819b;margin-top:3px}.main{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:91px;border-bottom:1px solid #1b273b;display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#0b1220}.crumb{font-size:10px;color:#73819a;margin-bottom:5px}.crumb b{color:#c4d0e3;font-weight:500}.topbar h2{font:700 19px Manrope;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:35px;height:35px;display:grid;place-items:center;border:1px solid #26334a;background:#121c2d;color:#93a3bd;border-radius:9px;position:relative}.icon-btn:hover{color:#fff;border-color:#3a5d8d}.bell i{position:absolute;width:6px;height:6px;background:#ef6471;border-radius:50%;top:7px;right:8px}.avatar{width:34px;height:34px;border-radius:50%;background:#1e3c70;color:#a9cbff;display:grid;place-items:center;font:700 11px Manrope}.content{padding:30px 37px;flex:1;max-width:1600px;width:100%;margin:0 auto}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome h1{font:800 23px Manrope;margin:0 0 5px}.welcome p,.panel-head p{margin:0;color:#8291aa;font-size:11px}.primary{border:1px solid #3986ff;background:linear-gradient(135deg,#2879ed,#1757bd);color:#fff;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;box-shadow:0 6px 17px #1258bf35}.primary:hover{filter:brightness(1.12)}.secondary{border:1px solid #2a3850;background:#121c2d;color:#c2cee0;border-radius:8px;padding:10px 15px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat,.panel{background:#101a2b;border:1px solid #202e45;border-radius:12px}.stat{padding:17px 17px 16px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#91a0b8;font-size:10px;font-weight:600}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#70a8ff;background:#172d4d}.stat-icon.warn{color:#f5b85d;background:#3b2d1a}.stat strong{display:block;font:800 22px Manrope;margin:14px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat small{font-size:9px;color:#74849e}.dash-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;margin-bottom:16px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head h3{font:700 13px Manrope;margin:0 0 5px}.text-btn{border:0;background:none;color:#6da7ff;font-size:10px;font-weight:700}.sub-line{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #1d2a3e}.service-avatar{width:31px;height:31px;border-radius:9px;background:#1c3152;color:#9cc5ff;display:grid;place-items:center;font-weight:800;font-size:12px}.sub-info{flex:1;min-width:0}.sub-info b,.sub-info small{display:block}.sub-info b{font-size:10px}.sub-info small{font-size:9px;color:#8190a8;margin-top:3px}.due-pill{display:flex;align-items:center;gap:4px;color:#f2bd6b;background:#3a2e1e;border-radius:20px;padding:5px 8px;font-size:9px;white-space:nowrap}.finance-line,.finance-total{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #202d43;font-size:10px;color:#94a2b8}.finance-line b{color:#dce5f3}.finance-total{border:0;padding:16px 0 8px;color:#dbe6f7;font-weight:700}.finance-total b{font:800 17px Manrope;color:#72adff}.muted{font-size:9px;color:#74839b;line-height:1.6}.quick-panel{padding-bottom:15px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #25344c;background:#121f33;color:#bdc9dc;border-radius:9px;padding:12px 10px;font-size:10px}.quick:hover{border-color:#3d73bd;background:#172a47}.quick span{color:#72aaff}.quick b{flex:1}.quick>svg{color:#6f83a3}.list-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}.search{width:min(340px,100%);display:flex;align-items:center;gap:9px;padding:0 12px;background:#101a2b;border:1px solid #26354c;border-radius:8px;color:#71839f}.search input{width:100%;background:none;border:0;outline:0;color:#e8edf7;padding:10px 0;font-size:11px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px;text-align:left}th{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#72829c;background:#121e31;padding:14px 15px;white-space:nowrap}td{font-size:10px;color:#b9c6d9;padding:14px 15px;border-top:1px solid #1e2b40;white-space:nowrap}td b{color:#e3ebf8}.actions{display:flex;gap:6px}.icon-btn.small{width:27px;height:27px;border-radius:7px}.icon-btn.danger:hover{color:#ff7b87;border-color:#86404a}.status{padding:5px 8px;border-radius:20px;font-size:9px;background:#1d352f;color:#72d8ad}.status.paused{background:#382f20;color:#e8bc6e}.status.expired{background:#3b242b;color:#f28c98}.color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.empty{text-align:center;padding:30px 15px;color:#7787a0;font-size:10px}.empty-icon{width:40px;height:40px;border-radius:12px;background:#17263d;color:#6f9bd8;display:grid;place-items:center;margin:0 auto 10px}.empty p{margin:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030711bd;display:grid;place-items:center;padding:18px;z-index:30}.modal{width:min(590px,100%);max-height:90vh;overflow:auto;background:#111c2e;border:1px solid #2a3b56;border-radius:15px;padding:22px;box-shadow:0 25px 80px #0009}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h3{font:800 17px Manrope;margin:0 0 5px}.modal-head p{font-size:10px;color:#8191aa;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.login label{display:flex;flex-direction:column;gap:7px;color:#9eacc2;font-size:10px;font-weight:600}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.login input{width:100%;border:1px solid #2b3a52;background:#0c1524;border-radius:8px;color:#e5edf9;padding:10px;font-size:11px;outline:none}.form-grid input:focus,.form-grid select:focus,.login input:focus{border-color:#438bfa}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:16px;border-top:1px solid #26344b}.toast{position:fixed;right:22px;bottom:22px;z-index:40;background:#1c3150;border:1px solid #355984;color:#dceaff;border-radius:9px;padding:13px 17px;font-size:11px;box-shadow:0 10px 30px #0007}.loading{position:fixed;top:12px;right:50%;transform:translate(50%);background:#1c3150;padding:7px 12px;border-radius:20px;font-size:10px;z-index:50}footer{padding:15px 37px;border-top:1px solid #1b273b;color:#62728d;font-size:9px}footer span{padding:0 5px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top,#142b4c,#090e1a 60%)}.login-card{width:min(390px,100%);padding:32px;background:#101a2b;border:1px solid #263852;border-radius:16px}.login-card>.brand-mark{margin-bottom:18px}.login h1{font:800 21px Manrope;margin:0}.login h1 span{display:block;color:#72aaff}.login p,.login small{color:#8392aa;font-size:11px}.login form{display:grid;gap:14px;margin:23px 0}.login .full{justify-content:center}.close-menu,.menu-btn{display:none}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:270px;box-shadow:20px 0 50px #0008}.sidebar.open{transform:translate(0)}.close-menu{display:grid;margin-left:auto}.main{margin-left:0}.topbar{height:75px;padding:0 17px;gap:12px}.menu-btn{display:grid;flex:none}.topbar>div:nth-child(2){flex:1}.topbar h2{font-size:16px}.crumb{font-size:9px}.top-actions{gap:7px}.top-actions .icon-btn{width:32px;height:32px}.avatar{width:30px;height:30px}.content{padding:22px 15px}.welcome{align-items:flex-start;gap:12px}.welcome h1{font-size:20px}.welcome p{max-width:190px;line-height:1.5}.welcome .primary{font-size:0;padding:10px}.welcome .primary svg{width:18px;height:18px}.stats{gap:9px}.stat{padding:13px}.stat strong{font-size:18px}.stat small{font-size:8px}.stat-top{font-size:9px}.stat-icon{width:28px;height:28px}.panel{padding:15px}.quick-actions{gap:8px}.quick{font-size:9px;padding:10px 8px}.list-toolbar .primary{font-size:0;padding:10px 12px}.list-toolbar .primary svg{width:18px}.search{flex:1;width:auto}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.modal{padding:17px}.modal-head h3{font-size:15px}footer{padding:14px 15px;font-size:8px}}