:root{--navy:#0a1730;--navy2:#112342;--teal:#0b9f98;--teal2:#0b7c7a;--text:#18243a;--muted:#718096;--border:#e7eaf1;--background:#f5f7fb;--white:#fff;--shadow:0 5px 24px rgba(29,44,77,.04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--background)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:0 0 246px;background:var(--navy);color:#c2cde0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:30}.brand{height:91px;padding:22px 23px;display:flex;gap:12px;align-items:center;color:#fff}.brand-symbol,.login-logo{display:inline-grid;place-items:center;background:linear-gradient(135deg,#17c0b1,#068c98);color:#fff;font-size:25px;font-weight:900;width:45px;height:45px;border-radius:13px;box-shadow:0 7px 22px #0c9d9b44}.brand strong{font-size:18px;letter-spacing:2px;display:block;line-height:1.1}.brand small{font-size:9px;color:#95a9c6;letter-spacing:1.25px}.brand b{font-size:9px;color:#57ddd2}.sidebar-scroll{overflow:auto;padding:12px 13px 15px;scrollbar-width:thin}.nav-label{font-size:9.5px;text-transform:uppercase;letter-spacing:1.35px;font-weight:800;color:#6e89ae;margin:23px 15px 9px}.nav-item{display:flex;align-items:center;gap:12px;min-height:40px;padding:10px 13px;border-radius:9px;margin:2px 0;color:#b3c3d9;transition:.15s}.nav-item:hover{background:#172e50;color:#fff}.nav-item.active{background:linear-gradient(90deg,#0a817e,#116b86);color:#fff;box-shadow:0 6px 17px #0001;font-weight:700}.nav-icon{font-size:19px;line-height:1;width:22px;text-align:center;opacity:.9}.sidebar-footer{margin-top:auto;padding:20px 24px;font-size:11px;border-top:1px solid #233656}.sidebar-footer small{color:#7788a8}.online-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#3cd3b5;margin-right:6px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.topbar-breadcrumb{font-size:12px;font-weight:650;color:#738198}.topbar-breadcrumb span{margin:0 10px;color:#b3bfd0}.topbar-right{display:flex;align-items:center;gap:15px}.topbar-date{font-size:11px;color:#6d7c93}.avatar{width:33px;height:33px;border-radius:10px;background:#d8f2ef;color:#087b76;display:grid;place-items:center;font-weight:900}.logout-btn{border:0;background:transparent;color:#62718a;font-size:12px;font-weight:700}.logout-btn:hover{color:#dc3545}.menu-btn{display:none;border:0;background:transparent;font-size:22px;color:#1d355c}.page{max-width:1540px;width:100%;margin:0 auto;padding:31px 35px;flex:1}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.35px;font-weight:800;color:#0c9995;text-transform:uppercase}.page-head h1{font-size:27px;line-height:1.2;margin:7px 0 6px;letter-spacing:-.8px;color:#192d4c}.page-subtitle{margin:0;color:var(--muted);font-size:12px}.date-pill{border-radius:20px;background:#e9f7f4;color:#068b74;padding:6px 12px;font-size:11px;font-weight:750;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px}.stat-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;padding:19px 20px 18px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#65778e;font-size:11.5px;font-weight:650}.stat-icon{border-radius:10px;width:34px;height:34px;display:grid;place-items:center;background:#e5f7f3;color:#048e85;font-size:21px}.stat-icon.rose{background:#fdf0ee;color:#d75f60}.stat-icon.blue{background:#eaf0ff;color:#5c78cf}.stat-icon.purple{background:#f3eeff;color:#8065b4}.stat-value{font-size:26px;line-height:1.2;font-weight:820;letter-spacing:-.6px;margin:17px 0 6px;white-space:nowrap}.stat-detail{font-size:11px;color:#95a0b1}.two-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:19px;margin-bottom:19px}.panel{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);padding:23px;margin-bottom:18px;min-width:0}.two-columns .panel{margin-bottom:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.panel-head h2{font-size:16px;letter-spacing:-.3px;margin:0 0 2px}.panel-head p{font-size:11px;color:#8a96a9;margin:0}.panel h3{font-size:13px;margin:24px 0 10px}.legend{font-size:10px;color:#7c8b9e;white-space:nowrap}.legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-left:10px;margin-right:4px}.leg-income{background:#1caaa0}.leg-expense{background:#f2b7ab}.bar-chart{height:214px;display:flex;gap:21px;padding:14px 17px 0;justify-content:space-around;background:repeating-linear-gradient(to top,#e7ebf000 0,#e7ebf000 calc(25% - 1px),#eff2f6 calc(25% - 1px),#eff2f6 25%);border-bottom:1px solid #e5ebf2}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.chart-column small{font-size:10px;color:#8794a5}.chart-bars{height:88%;width:100%;display:flex;gap:5px;align-items:flex-end;justify-content:center}.chart-bar{max-width:29px;width:42%;border-radius:5px 5px 0 0;transition:height .2s}.chart-bar.income{background:linear-gradient(#29d4bd,#0c9b97)}.chart-bar.expense{background:#f2b7ab}.overview-lines>div{display:flex;justify-content:space-between;border-bottom:1px solid #f0f2f6;padding:12px 1px;gap:20px;color:#6d7c91;font-size:12px}.overview-lines>div strong{color:#273850;font-size:14px}.overview-lines>div:last-child{border-bottom:0}.text-red{color:#dc5060!important}.text-green{color:#16a780!important}.panel-actions{display:flex;gap:8px;margin-top:15px}.btn{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;padding:10px 15px;min-height:37px;font-size:11.5px;font-weight:750;text-decoration:none;white-space:nowrap;cursor:pointer;transition:.15s}.btn-primary{background:#0d9c94;border-color:#0d9c94;color:#fff}.btn-primary:hover{background:#087e7a}.btn-subtle{background:#f2f6fb;color:#536781;border-color:#e7edf5}.btn-subtle:hover{background:#e9eff7}.btn-danger{background:#d64c60;color:#fff}.button-group{display:flex;gap:8px;flex-wrap:wrap}.text-link{font-size:11px;font-weight:750;color:#089992}.timeline{padding-top:2px}.timeline-item{display:flex;align-items:center;gap:16px;min-height:55px;border-bottom:1px solid #f2f3f7}.timeline-item:last-child{border-bottom:0}.timeline-time{font-size:10px;font-weight:750;color:#119d9a;min-width:100px}.timeline-item b{font-size:12px;font-weight:700}.timeline-item small{display:block;font-size:10px;color:#98a3b0}.task-list{display:flex;flex-direction:column}.task-row{min-height:50px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f2f3f7;font-size:12px}.task-row:last-child{border-bottom:0}.task-row>span:nth-child(2){flex:1}.task-tick{height:15px;width:15px;border:1.5px solid #b1bfd0;border-radius:5px}.chip{border-radius:7px;padding:4px 8px;background:#eff4f9;font-size:10px;color:#63788f;white-space:nowrap}.chip-red{background:#fff0ef;color:#c55e61}.chip-orange{background:#fff4e4;color:#c68c25}.chip-green{background:#eaf7f1;color:#1a9877}.empty{padding:52px 20px;text-align:center;color:#8192a7}.empty span{font-size:44px;color:#53bfb5}.empty h3{font-size:16px;color:#243855;margin:7px 0}.empty p{font-size:12px}.empty-compact{text-align:center;color:#9ba8b8;padding:20px}.notice{border:1px solid;padding:13px 17px;border-radius:9px;font-size:12px;margin-bottom:17px}.notice.info{background:#edf8ff;border-color:#d3edf9;color:#377294}.notice.success{background:#eaf8f2;border-color:#c8ead7;color:#117b51}.notice.danger{background:#fff1f0;border-color:#f6d1d0;color:#bc4754}.page-footer{border-top:1px solid #e5eaf1;padding:16px 35px;color:#9aa5b5;display:flex;justify-content:space-between;font-size:10px}.table-wrap{overflow:auto;scrollbar-width:thin}table{border-collapse:collapse;width:100%;text-align:left;min-width:620px}th{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:#788aa0;background:#f7f9fc;font-weight:800;padding:12px 14px;white-space:nowrap}td{font-size:12px;padding:12px 14px;border-bottom:1px solid #f0f2f6;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfd}.muted{color:#a0acbd}.row-actions{display:flex;gap:12px;align-items:center}.row-actions form{margin:0}.link-action{background:none;border:0;padding:0;font-size:11px;color:#0c9b93;font-weight:800}.link-action:hover{text-decoration:underline}.danger-text{color:#d65865}.form-panel{max-width:1060px}.data-form{display:flex;flex-direction:column;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field.full{grid-column:1/-1}.form-field span{font-size:11px;font-weight:750;color:#52667d}.form-field span b{color:#d55b6b}.form-field input,.form-field select,.form-field textarea,.filter-form input,.form-inline input{width:100%;border:1px solid #dfe5ee;background:#fff;color:#263a53;border-radius:9px;padding:10px 12px;outline:none;min-height:41px;font-size:12px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#17b8ab;box-shadow:0 0 0 3px #07a79b16}.form-field textarea{min-height:90px;resize:vertical}.form-actions{border-top:1px solid #f1f3f7;margin-top:13px;padding-top:17px;display:flex;gap:10px}.filter-form,.form-inline{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.filter-form label{font-size:11px;font-weight:750;display:flex;flex-direction:column;gap:6px;color:#657790}.filter-form input{width:175px}.form-inline input{width:260px}.help{font-size:11px;color:#8290a4;margin:17px 0 0}.secret-box{padding:13px;border:1px solid #bde6e2;border-radius:10px;background:#f1fbf9;margin:14px 0;word-break:break-all}.secret-box code{display:block;font-size:12px;background:#e7f5f2;padding:10px;border-radius:8px;word-break:break-all}.login-body{background:#091830}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;max-width:1200px;margin:auto;padding:45px;gap:80px}.login-intro{color:#fff}.login-logo{height:67px;width:67px;font-size:39px;margin-bottom:48px}.login-intro .eyebrow{color:#58d7cc}.login-intro h1{font-size:clamp(34px,4vw,54px);letter-spacing:-1.9px;line-height:1.15;margin:17px 0}.login-intro h1 em{font-style:normal;color:#61ded1}.login-intro>p{max-width:420px;color:#aabbd4;line-height:1.8}.login-facts{display:flex;gap:17px;flex-wrap:wrap;margin-top:65px;color:#9bacc8;font-size:10px}.login-card{max-width:455px;width:100%;background:#fff;padding:43px;border-radius:21px;box-shadow:0 22px 80px #01061756}.login-heading{text-align:center;margin-bottom:28px}.login-heading .brand-symbol{margin-bottom:14px}.login-heading h2{margin:5px;font-size:21px}.login-heading p{font-size:12px;color:#8492a5}.login-card .form-field{margin-bottom:3px}.login-card .btn-full{width:100%;padding:13px;margin-top:8px}.login-caption{text-align:center;font-size:10px;color:#9daabd;margin-top:25px}.overlay{display:none}
@media(max-width:1250px){.sidebar{width:222px;flex-basis:222px}.page{padding:25px}.kpi-grid{gap:11px}.stat-card{padding:16px}.stat-value{font-size:22px}}
@media(max-width:980px){.sidebar{position:fixed;left:0;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.overlay.show{display:block;position:fixed;inset:0;background:#091c3288;z-index:20}.menu-btn{display:block}.topbar{padding:0 19px}.two-columns{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.page{padding:19px 13px}.topbar-date{display:none}.topbar{height:60px}.page-head h1{font-size:23px}.page-head{margin-bottom:18px}.date-pill{font-size:9px}.stat-card{padding:13px}.stat-value{font-size:19px}.stat-top{font-size:10px}.kpi-grid{gap:9px}.panel{padding:15px}.panel-head{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.page-footer{padding:15px;display:block}.page-footer span{display:block}.login-layout{padding:25px 15px;display:flex;flex-direction:column;gap:22px}.login-intro{width:100%;text-align:center}.login-intro .login-logo{display:none}.login-intro h1{font-size:25px}.login-intro>p,.login-facts{display:none}.login-card{padding:25px}.bar-chart{gap:10px}.topbar-breadcrumb{font-size:10px}.timeline-time{min-width:85px}}

.height-1{height:1%}.height-2{height:2%}.height-3{height:3%}.height-4{height:4%}.height-5{height:5%}.height-6{height:6%}.height-7{height:7%}.height-8{height:8%}.height-9{height:9%}.height-10{height:10%}.height-11{height:11%}.height-12{height:12%}.height-13{height:13%}.height-14{height:14%}.height-15{height:15%}.height-16{height:16%}.height-17{height:17%}.height-18{height:18%}.height-19{height:19%}.height-20{height:20%}.height-21{height:21%}.height-22{height:22%}.height-23{height:23%}.height-24{height:24%}.height-25{height:25%}.height-26{height:26%}.height-27{height:27%}.height-28{height:28%}.height-29{height:29%}.height-30{height:30%}.height-31{height:31%}.height-32{height:32%}.height-33{height:33%}.height-34{height:34%}.height-35{height:35%}.height-36{height:36%}.height-37{height:37%}.height-38{height:38%}.height-39{height:39%}.height-40{height:40%}.height-41{height:41%}.height-42{height:42%}.height-43{height:43%}.height-44{height:44%}.height-45{height:45%}.height-46{height:46%}.height-47{height:47%}.height-48{height:48%}.height-49{height:49%}.height-50{height:50%}.height-51{height:51%}.height-52{height:52%}.height-53{height:53%}.height-54{height:54%}.height-55{height:55%}.height-56{height:56%}.height-57{height:57%}.height-58{height:58%}.height-59{height:59%}.height-60{height:60%}.height-61{height:61%}.height-62{height:62%}.height-63{height:63%}.height-64{height:64%}.height-65{height:65%}.height-66{height:66%}.height-67{height:67%}.height-68{height:68%}.height-69{height:69%}.height-70{height:70%}.height-71{height:71%}.height-72{height:72%}.height-73{height:73%}.height-74{height:74%}.height-75{height:75%}.height-76{height:76%}.height-77{height:77%}.height-78{height:78%}.height-79{height:79%}.height-80{height:80%}.height-81{height:81%}.height-82{height:82%}.height-83{height:83%}.height-84{height:84%}.height-85{height:85%}.height-86{height:86%}.height-87{height:87%}.height-88{height:88%}.height-89{height:89%}.height-90{height:90%}.height-91{height:91%}.height-92{height:92%}.height-93{height:93%}.height-94{height:94%}.height-95{height:95%}.height-96{height:96%}.height-97{height:97%}.height-98{height:98%}.height-99{height:99%}.height-100{height:100%}
.installer-wrap{max-width:760px;margin:38px auto;padding:15px}.installer-card{max-width:none}