@font-face{font-family:Poppins;src:url('fonts/Poppins-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/Montserrat-SemiBold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
:root{--bg:#f7f7f7;--surface:#fff;--navy:#082e55;--blue:#0076be;--blue-dark:#005e9c;--orange:#f38a18;--text:#20334a;--muted:#788596;--line:#e9edf1;--green:#188b6a;--radius:16px;--sidebar:248px;--shadow:0 5px 22px #17324e04}
*{box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Poppins,Arial,sans-serif;font-weight:700;line-height:1.35;margin:0;color:var(--navy)}h1{font-size:28px;letter-spacing:-.8px}h2{font-size:16px;letter-spacing:-.25px}h3{font-size:15px}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}input,select,textarea{min-width:0;max-width:100%}input[type=number]{font-variant-numeric:tabular-nums}input:focus,textarea:focus,select:focus{outline:3px solid #009be226;border-color:var(--blue)!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #16a8e6;outline-offset:4px}button{color:inherit}img{max-width:100%}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.btn{min-height:44px;padding:11px 17px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11.5px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 6px #0076be10}.btn-primary:hover{background:var(--blue-dark)}.btn-outline{background:white;border-color:#dce4eb;color:var(--navy)}.btn-outline:hover{background:#f1f7fc;border-color:#a6c8df}.btn-quiet{background:#f2f5f8;color:#617184}.btn-small{min-height:34px;padding:7px 10px;font-size:10px;border-radius:7px}.btn-small .icon{width:14px;height:14px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:8px;color:#738399;flex-shrink:0}.icon-btn:hover{color:var(--blue);background:#edf5fc}.icon-btn .icon{width:18px;height:18px}.text-link{font-size:10.5px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.text-link .icon{width:14px;height:14px}.full-width{width:100%}.text-orange{color:#bf640b!important}.text-green{color:var(--green)!important}.text-blue{color:var(--blue)!important}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 18px 0;z-index:40;overflow-y:auto}.brand{display:block;padding:0 10px 22px;text-align:center}.brand img{width:176px;height:87px;object-fit:contain}.brand>span{display:block;font-size:9px;color:#7f8b99;letter-spacing:.3px;margin-top:1px}.workspace-label{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 10px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#516179}.network-dot{width:7px;height:7px;background:#19a77b;border-radius:100%;box-shadow:0 0 0 3px #e6f7f0;display:inline-block;flex-shrink:0}.mini-label{background:#edf5fc;border:1px solid #deedf8;border-radius:4px;color:#3276a1;font-size:9px;margin-left:auto;padding:0 5px}.nav-section{text-transform:uppercase;letter-spacing:1.4px;font-size:8px;font-weight:600;color:#98a2af;margin:26px 12px 10px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:3px 0;font-size:11px;font-weight:600;border-radius:8px;color:#69778a;min-height:43px}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#f6f9fc;color:var(--blue)}.nav-item.active{background:#eaf4fc;color:var(--blue)}.nav-active-dot{width:5px;height:5px;background:var(--blue);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:36px}.secure-note{margin:0 2px 22px;padding:15px 10px;background:#f6f9fc;border:1px solid #edf1f6;border-radius:10px;display:flex;align-items:center;gap:10px}.secure-note>.icon{color:#6a98b7;width:24px;height:24px}.secure-note strong,.secure-note span{display:block}.secure-note strong{font-size:9px;font-weight:600;color:#637b91}.secure-note span{font-size:7.5px;color:#8c9bab;margin-top:2px}.sidebar-user{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);margin:0 -18px;padding:18px}.sidebar-user>div{min-width:0}.sidebar-user strong{font-size:10.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:122px}.sidebar-user span:not(.avatar){font-size:8px;color:#8893a2;display:block}.sidebar-user form{margin-left:auto}.sidebar-user .icon-btn{width:28px}.avatar{width:36px;height:36px;border-radius:10px;background:#ecf3f9;color:#42718f;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.dark{background:var(--navy);color:white}.avatar.small{width:31px;height:31px;font-size:10px;border-radius:9px}.avatar.pale{background:#f0f4f7;color:#7790a1}.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:77px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:20px}.breadcrumb{font-size:10px;font-weight:600;color:#97a2b1}.breadcrumb>span{padding:0 12px;color:#c3cbd3}.breadcrumb>strong{color:#627489;font-weight:400}.topbar-actions .avatar{border:3px solid #fff;outline:1px solid #e8edf3;width:34px;height:34px}.today-date{display:flex;align-items:center;gap:8px;font-size:10px;color:#768599}.today-date .icon{width:15px;height:15px}.notification{position:relative;border-left:1px solid var(--line);border-radius:0;padding-left:17px;width:35px}.notification>span{position:absolute;right:4px;top:6px;background:var(--orange);border:2px solid #fff;width:7px;height:7px;border-radius:100%}.main-content{padding:30px 36px 34px;flex:1;width:100%;max-width:1680px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{color:#778b9f;font-size:9px;font-weight:600;letter-spacing:.25px;margin-bottom:7px;display:flex;align-items:center;gap:7px}.sun-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--orange)}.greeting-dot{color:var(--orange)}.page-heading h1+p{font-size:10.5px;color:#82909e;margin-top:7px}.heading-actions{display:flex;gap:10px;align-items:center}.heading-count{display:inline-flex;vertical-align:middle;margin-left:10px;background:#e9f1f8;color:#5b83a4;font:600 12px Montserrat,sans-serif;min-width:33px;height:28px;align-items:center;justify-content:center;border-radius:8px}.overview-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:17px;margin-bottom:24px}.collection-card{background:linear-gradient(115deg,#082f57,#075788);color:white;border-radius:var(--radius);padding:21px 23px;position:relative;overflow:hidden;min-height:210px;box-shadow:0 6px 14px #08365412}.collection-card>*:not(.hero-orbit){position:relative;z-index:1}.collection-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.soft-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#ffffff17;color:#ccedff}.soft-icon .icon{width:18px;height:18px}.period-chip{font-size:8px;font-weight:600;padding:3px 8px;border:1px solid #ffffff28;border-radius:20px;color:#d4e9fb;background:#ffffff06}.collection-card>p{font-size:10px;color:#c6d9e9;margin-top:6px}.collection-value{font:700 28px Poppins,sans-serif;letter-spacing:-.4px;margin:3px 0 13px}.collection-progress{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#b8d1e5}.collection-progress strong{color:#e5f4ff;font-size:9px}.progress-track{height:4px;background:#ffffff1f;border-radius:8px;margin-top:7px;overflow:hidden}.progress-track>span{height:100%;display:block;background:#ff9b26;border-radius:8px}.collection-card>a{display:flex;align-items:center;justify-content:space-between;font-size:8.5px;color:#cde5f6;margin-top:17px}.collection-card>a .icon{width:15px;height:15px}.hero-orbit{position:absolute;width:230px;height:230px;right:-170px;top:25px;border:1px solid #ffffff0b;border-radius:100%}.hero-orbit.two{right:-143px;top:52px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.stat-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon .icon{width:20px;height:20px}.orange{background:#fff3e6;color:#e38a26}.blue{background:#eaf5fe;color:#1786c8}.purple{background:#f1effb;color:#8c7bc5}.green{background:#e7f6ef;color:#249575}.stat-label{font-size:7px;color:#91a0b0;line-height:1.4;text-align:right}.stat-card>p{color:#7c8b9a;font-size:10px;margin-bottom:4px}.stat-card h2{font-size:25px;letter-spacing:-.7px;white-space:nowrap}.stat-card h2 small{display:block;font:400 8px Montserrat,sans-serif;letter-spacing:0;color:#97a2ae;margin-top:5px}.stat-card>a{border-top:1px solid var(--line);padding-top:14px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;color:#8a98a8}.stat-card>a .icon{width:13px;height:13px;color:#7ca4bf}.dashboard-columns{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:22px;margin-bottom:23px;align-items:start}.dashboard-columns.lower{margin-bottom:0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 23px 18px}.panel-heading>.icon{color:#92a8ba;width:17px;height:17px}.panel-title{display:flex;gap:9px;align-items:center}.panel-title>.icon{width:17px;height:17px;color:#6f8faa}.panel-title h2{display:flex;align-items:center;gap:9px}.count-pill{background:#fff1e1;color:#d3892d;padding:2px 7px;border-radius:5px;font:600 9px Montserrat,sans-serif}.panel-subtitle{margin:-10px 23px 18px;font-size:9px;color:#929dab}.panel-bottom{padding:14px 23px;background:#fffbf5;border-top:1px solid #f4eddf;display:flex;align-items:center;gap:8px;font-size:8.5px;color:#9b815f}.panel-bottom strong{font-weight:600;color:#a8773d}.panel-bottom>a{margin-left:auto;color:#b27d36;font-weight:600;display:flex;gap:2px;align-items:center;font-size:8px}.panel-bottom>a .icon{width:12px;height:12px}.orange-dot{width:5px;height:5px;display:inline-block;border-radius:100%;background:#f3a241;flex-shrink:0}.quick-actions{padding-bottom:17px}.quick-actions .panel-heading{padding-bottom:11px}.quick-action{display:flex;align-items:center;gap:12px;padding:14px 20px;background:white;border:0;text-align:left;width:100%;transition:background .15s}.quick-action:hover{background:#f8fbfd}.quick-icon{width:39px;height:39px;border:1px solid #ffffff60;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-icon .icon{width:19px;height:19px}.quick-action strong{display:block;font-size:10px;font-weight:600;color:#41566d}.quick-action small{display:block;font-size:8px;color:#99a4b0;margin-top:3px}.quick-action>.icon{width:14px;height:14px;color:#b0bcc8;margin-left:auto}.service-summary{background:#f6faf9;border:1px solid #e8f1ed;border-radius:7px;margin:14px 20px 0;padding:11px 12px;display:flex;align-items:center;gap:6px;font-size:8px;color:#86a295}.service-summary .network-dot{width:5px;height:5px;box-shadow:none;margin-right:3px}.service-summary strong{color:#4d8b75;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:11px 22px;background:#fafbfc;border-top:1px solid #f1f3f6;border-bottom:1px solid #f0f2f5;font-size:8px;color:#91a0b0;font-weight:600;letter-spacing:.05px}td{padding:15px 22px;border-bottom:1px solid #f0f2f5;font-size:10px;color:#6f7f90}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.person-cell{display:flex;gap:10px;align-items:center}.person-cell strong{display:block;color:#40536a;font-size:10px;font-weight:600}.person-cell small{display:block;font-size:8px;color:#98a4b1;margin-top:3px;max-width:230px;overflow:hidden;text-overflow:ellipsis}.amount{font-weight:600;color:#3e536a;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.cell-title{font-size:10px;font-weight:600;color:#455971;display:block}.cell-subtitle{display:block;color:#93a1af;font-size:8px;margin-top:3px;font-weight:400}.badge{display:inline-flex;gap:5px;align-items:center;padding:4px 7px;border-radius:5px;font-size:8px;line-height:1.5;font-weight:600;white-space:nowrap}.badge>span{width:4px;height:4px;background:currentColor;border-radius:100%;display:inline-block}.badge.success{background:#eaf7f1;color:#329576}.badge.warning{background:#fff4e5;color:#c58b35}.badge.danger{background:#ffefed;color:#c57569}.badge.neutral{background:#eef2f6;color:#8696a8}.village-panel{padding-bottom:0}.village-row{padding:10px 23px}.village-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#72849a;margin-bottom:7px}.village-row strong{font-size:10px;color:#45637e;font-weight:600}.village-row strong small{font-size:7px;color:#a0acb8;font-weight:400}.village-track{height:5px;border-radius:20px;background:#f1f4f7;overflow:hidden}.village-track>span{height:100%;background:#3a8fbd;border-radius:20px;display:block}.village-row:nth-child(3) .village-track>span{background:#78b5d9}.village-row:nth-child(4) .village-track>span{background:#aecfe3}.village-foot{margin-top:20px;padding:15px;border-top:1px solid #edf1f5;background:#fbfcfe;font-size:8px;color:#93a5b5;display:flex;align-items:center;justify-content:center;gap:7px}.village-foot .icon{width:14px;height:14px}.site-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e9edf1;padding:21px 36px;font-size:8px;color:#9aa6b2;flex-wrap:wrap}.site-footer a{color:#657c90}.site-footer a:hover{color:var(--blue);text-decoration:underline}.footer-divider{padding:0 8px;color:#c3ccd4}.bottom-nav,.mobile-menu,.sidebar-scrim{display:none}
.filter-bar{display:flex;align-items:center;gap:13px;padding:18px 22px}.search-field{position:relative;display:flex;align-items:center;gap:9px;min-width:200px;flex:1;background:#f9fafc;border:1px solid #e7edf3;border-radius:8px;padding:0 13px}.search-field .icon{width:17px;height:17px;color:#9caab8}.search-field input{height:42px;width:100%;background:transparent;border:0;font-size:10px;color:var(--text);outline:none}.search-field input::placeholder{color:#a2adba}.search-field:focus-within{border-color:var(--blue)}.search-field input:focus{outline:none}.filter-select{display:flex;align-items:center;gap:8px;font-size:9px;color:#8c9bab;white-space:nowrap}.filter-select>select{height:42px;padding:8px 28px 8px 12px;border:1px solid #e4eaf1;border-radius:8px;background:#fff;color:#576d84;font-size:10px}.table-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:15px 22px;font-size:8px;color:#9aa6b3}.table-footer>span{display:flex;align-items:center;gap:5px}.table-footer .icon{width:12px;height:12px}.package-pill{color:#4480a6;font-size:9px;display:inline-flex;align-items:center;gap:5px}.package-pill .icon{width:14px;height:14px}.empty-state{padding:48px 25px;text-align:center;color:#99a7b5}.empty-state>.icon{width:35px;height:35px;padding:8px;box-sizing:content-box;background:#f0f6fa;border-radius:15px;color:#8caec4;margin-bottom:14px}.empty-state h3,.empty-state h2{font-size:14px;margin-bottom:8px;color:#5c778d}.empty-state p{font-size:10px;max-width:350px;margin:auto;line-height:1.9}.empty-state .btn{margin-top:16px}.filter-empty{padding:30px;text-align:center;font-size:11px;color:#8999a8}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.mini-stats>div{background:white;border:1px solid var(--line);border-radius:12px;padding:21px;display:flex;align-items:center;gap:15px}.mini-stats p{font-size:10px;color:#8e9ba9}.mini-stats strong{display:block;font-family:Poppins,sans-serif;color:#2a4964;font-size:23px;letter-spacing:-.5px;margin-top:2px}.row-actions{display:flex;align-items:center;gap:6px}.row-actions form{display:flex}.tabs{display:flex;align-items:center;gap:8px;margin-bottom:19px}.tabs>a{font-size:11px;font-weight:600;color:#7d8fa2;padding:10px 16px;border-radius:8px;border:1px solid transparent;display:flex;align-items:center;gap:7px}.tabs>a.active{background:#fff;border-color:#e4ebf1;color:var(--blue);box-shadow:var(--shadow)}.tabs>a>span{background:#eaf2f8;border-radius:4px;font-size:8px;padding:1px 5px}.complaint-description{display:block;white-space:normal;max-width:320px;font-size:9px;color:#9ca8b3;margin-top:5px;line-height:1.8}.back-link{font-size:10px;color:#8395a7;display:inline-block;margin-bottom:20px}.back-link:hover{color:var(--blue)}.customer-heading{display:flex;align-items:center;gap:16px}.customer-heading>.avatar{width:58px;height:58px;border-radius:16px;font-size:19px;background:#e5f0f9;color:var(--blue)}.customer-heading .eyebrow{margin-bottom:3px}.customer-heading p{font-size:10px;color:#93a0ae;display:flex;align-items:center;gap:3px;margin-top:5px}.customer-heading p .icon{width:13px;height:13px}.customer-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.customer-details .panel-heading{flex-direction:column;align-items:flex-start;gap:13px;padding-bottom:5px}.customer-details dl{padding:0 23px 15px}.customer-details dt{font-size:9px;color:#93a0ae;margin-top:19px}.customer-details dd{margin:5px 0 0;font-size:11px;font-weight:600;color:#4e6980;line-height:1.9}.customer-details dd .icon{width:13px;height:13px;margin-left:8px;color:var(--blue)}.customer-details>.btn{margin:0 22px 23px;width:calc(100% - 44px);font-size:10px}.customer-main{display:flex;flex-direction:column;gap:22px;min-width:0}.customer-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:14px;background:white;padding:25px}.customer-summary>div>span{font-size:10px;color:#8293a3}.customer-summary h2{font-size:24px;margin:5px 0}.customer-summary small{font-size:9px;color:#a0adb9}.activity-list{padding:0 23px 12px}.activity-list>div{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:15px 0}.activity-list>div:last-child{border:0}.activity-dot{width:7px;height:7px;border-radius:100%;background:#80aed0;box-shadow:0 0 0 4px #f0f6fc;margin-top:5px;flex-shrink:0}.activity-list strong{font-size:10px;font-weight:600;color:#58718a}.activity-list p{font-size:9px;color:#9ba7b4;margin-top:4px}.activity-list .badge{margin-left:auto}.detail-note{padding:16px;background:#f6f9fc;border-radius:9px;font-size:11px;color:#6e8499;white-space:pre-wrap;margin-bottom:20px}
.modal{border:1px solid #e3eaf1;border-radius:18px;padding:27px;width:min(620px,calc(100% - 30px));max-height:90dvh;overflow-y:auto;color:var(--text);box-shadow:0 20px 100px #042b4840;background:white}.modal::backdrop{background:#08243e75;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}.modal-heading h2{font-size:20px}.modal-heading p{font-size:10px;color:#93a2b0;margin-top:6px}.modal-heading .icon-btn{margin-top:-4px;margin-right:-7px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 17px}.field{display:flex;flex-direction:column;gap:7px;color:#567086;font-size:10px;font-weight:600}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe7ee;border-radius:8px;background:#fff;min-height:44px;padding:11px 12px;color:#294760;font-size:12px;font-weight:400;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#aeb9c3;font-size:10px}.field small{font-size:9px;font-weight:400;color:#9aa7b3;line-height:1.7}.field textarea{resize:vertical;min-height:75px}.modal-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);padding-top:21px;margin-top:25px}.more-fields{margin-top:20px;border:1px solid var(--line);border-radius:9px;padding:14px}.more-fields summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6f8ca4;cursor:pointer;font-weight:600}.more-fields summary .icon{width:15px;height:15px}.more-fields[open] summary{margin-bottom:20px}.info-note{display:flex;align-items:flex-start;gap:7px;padding:12px;background:#f3f8fc;border:1px solid #e8f1f8;border-radius:8px;font-size:9px;color:#6f90a7;line-height:1.8;margin-top:18px}.info-note .icon{width:15px;height:15px;margin-top:1px}.alert{display:flex;align-items:center;gap:10px;border-radius:10px;padding:12px 16px;font-size:11px;background:#eef5fc;border:1px solid #dceaf7;color:#4386b0;margin-bottom:20px}.alert.success{background:#edf8f2;border-color:#d7eee2;color:#298b67}.alert.error{background:#fff1ee;border-color:#f8ddd7;color:#b76351}.alert>.icon{width:18px;height:18px}.alert .icon-btn{margin-left:auto;width:24px;height:24px;color:inherit}.demo-banner{display:flex;align-items:center;gap:7px;color:#a27b42;border:1px dashed #e4d4b3;background:#fffcf3;border-radius:7px;padding:8px 12px;font-size:8.5px;margin-bottom:22px}.demo-banner .icon{width:13px;height:13px}.toast{display:none;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:14px 24px;border-radius:10px;z-index:110;box-shadow:0 8px 25px #0b2f5433;font-size:12px;max-width:90%;text-align:center}.toast.visible{display:block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-grid>.panel{padding-bottom:23px}.settings-grid .panel>form,.settings-grid .panel>.panel-content{padding:0 23px}.settings-grid .panel p.description{font-size:10px;color:#8d9baa;padding:0 23px 22px}.settings-grid .btn{margin-top:19px}.settings-grid .field input[type=file]{font-size:10px}.settings-grid .catalog-list{margin-bottom:20px}.catalog-list>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6b8096}.catalog-list small{color:#9cabb8;font-size:9px}.section-title{font-size:12px;margin:20px 0 14px}.audit-list{max-height:320px;overflow-y:auto}.audit-entry{padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;color:#6b8195}.audit-entry small{display:block;font-size:8px;color:#9cabb7;margin-top:4px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.account-card{padding:23px}.account-card>.icon{color:#75a6c5;margin-bottom:12px}.account-card h3{font-size:13px}.account-card>p{font-size:9px;color:#98a5b2;margin-top:4px}.account-card>strong{font:700 23px Poppins,sans-serif;display:block;color:#3f627e;margin-top:12px}.report-bars{padding:0 23px 23px}.report-bars>div{margin:17px 0}.report-bars .row{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.team-card{padding:23px}.team-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.team-card>.avatar{width:45px;height:45px}.team-card h3{font-size:15px;margin-bottom:4px}.team-card>p{font-size:10px;color:#8f9fae;margin-bottom:13px}.team-card .team-meta{border-top:1px solid var(--line);padding-top:14px;margin-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8b9eaf}.technician-overview{grid-template-columns:1fr 2fr}.welcome-maintenance{padding:30px;background:#eaf3fa;border-radius:16px}.welcome-maintenance h2{font-size:23px;max-width:500px}.welcome-maintenance p{font-size:12px;color:#718ba1;max-width:490px;margin:14px 0 20px}.password-strength{font-size:10px;color:#8b99a6;margin-top:6px;font-weight:400}.password-strength .strength-track{display:block;background:#eef2f5;border-radius:5px;height:4px;overflow:hidden;margin-bottom:5px}.password-strength .strength-track span{display:block;height:100%;transition:width .2s}.password-wrap{position:relative}.password-wrap>input{padding-right:45px}.password-wrap>.icon-btn{position:absolute;right:4px;top:4px}.auth-page{background:#f7f7f7;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 18px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px 38px;max-width:460px;width:100%;box-shadow:0 12px 40px #193b5e06}.auth-card .auth-logo,.auth-card>.brand-logo,.auth-card>img{display:block;width:195px;max-height:105px;object-fit:contain;margin:0 auto 24px}.auth-card h1{font-size:25px;text-align:center}.auth-card p{font-size:11px;color:#8b9bab;text-align:center;margin-top:9px;margin-bottom:23px}.auth-card form{display:flex;flex-direction:column;gap:19px}.auth-card .field{font-size:11px}.auth-card .btn{width:100%;margin-top:5px}.auth-page>.site-footer,.auth-page>footer{font-size:9px;color:#8295a6;margin-top:25px;text-align:center;border:0;padding:15px}.auth-page footer a{color:#5c7a91}.install-card{max-width:760px}.install-card form{display:block}.install-card .form-grid{margin-bottom:20px}.install-card .step-label{font-size:10px;color:var(--blue);margin:20px 0 12px;font-weight:600}.install-checks{padding:14px 18px;background:#f4f8fb;border-radius:10px;font-size:10px;color:#65829a;list-style:none}.install-checks li{padding:4px 0}.install-checks .ok{color:#248b67}.install-checks .fail{color:#b85e4c}.install-step-title{font-size:14px;margin:22px 0 15px}.auth-footer{font-size:9px;color:#8ea0ae;text-align:center;padding:23px}.install-card pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f6fa;padding:14px;border-radius:8px;font-size:10px}.auth-error{padding:12px;background:#fff0ed;border:1px solid #f8d9d1;color:#a85542;border-radius:9px;font-size:11px;margin-bottom:20px}
@media(min-width:1600px){html{font-size:15px}.main-content{padding:36px 45px}.overview-grid{gap:22px}.collection-card,.stat-card{min-height:225px}.collection-value{font-size:31px}.stat-card h2{font-size:29px}.person-cell strong,.cell-title{font-size:11px}td{font-size:11px;padding-top:18px;padding-bottom:18px}.panel-heading{padding-top:24px;padding-bottom:21px}.quick-action{padding-top:17px;padding-bottom:17px}}
@media(max-width:1240px){:root{--sidebar:218px}.sidebar{padding-left:13px;padding-right:13px}.sidebar-user{margin-left:-13px;margin-right:-13px;padding:16px 12px}.main-content{padding:25px}.topbar{padding:0 25px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.overview-grid{grid-template-columns:1.2fr 1fr 1fr;gap:13px}.overview-grid>.stat-card:last-child{display:none}.dashboard-columns{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:17px}.panel-heading{padding:20px 17px 16px}th,td{padding-left:17px;padding-right:17px}.panel-heading h2{font-size:14px}.quick-action{padding:13px 16px;gap:9px}.quick-action strong{font-size:9px}.quick-action small{font-size:7px}.quick-icon{width:32px;height:32px}.service-summary{margin-left:15px;margin-right:15px;font-size:7px}.customer-layout{grid-template-columns:255px minmax(0,1fr);gap:18px}.customer-summary{flex-wrap:wrap}.team-grid{grid-template-columns:repeat(2,1fr)}.stat-card>p{font-size:10px}.stat-card h2{font-size:24px}.site-footer{padding-left:25px;padding-right:25px}}
@media(max-width:1020px){:root{--sidebar:205px}.main-content{padding:22px}.topbar{padding:0 22px}.page-heading{flex-direction:column;gap:16px}.heading-actions{justify-content:flex-start}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid>.stat-card:last-child{display:flex}.dashboard-columns{grid-template-columns:minmax(0,1fr)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:0 0 15px}.quick-actions .panel-heading{grid-column:1/-1}.quick-action{border-right:1px solid var(--line)}.quick-action>.icon{display:none}.service-summary{grid-column:1/-1;justify-content:center;margin-top:15px}.village-panel{padding-bottom:0}.village-row{padding-top:12px;padding-bottom:12px}.customer-layout{grid-template-columns:minmax(0,1fr)}.customer-details dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.customer-details dt{margin-top:14px;grid-column:1}.customer-details dd{grid-column:2;align-self:center;margin-top:14px}.customer-details .panel-heading{flex-direction:row;align-items:center}.settings-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.search-field{min-width:100%;flex-basis:100%}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stats{gap:10px}.mini-stats>div{padding:16px;gap:10px}.mini-stats strong{font-size:20px}.mini-stats p{font-size:8px}}
@media(max-width:760px){:root{--sidebar:250px}html{font-size:14px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding:22px 18px 0}.sidebar .brand img{height:75px}.sidebar .nav-section{margin-top:18px}.sidebar-bottom{padding-top:20px}.sidebar-user{margin-left:-18px;margin-right:-18px;padding:16px 18px}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;z-index:35;background:#08243e70;backdrop-filter:blur(2px)}.app-shell{margin-left:0}.topbar{height:65px;padding:0 18px;position:sticky;top:0;z-index:25;background:#ffffffee;backdrop-filter:blur(10px)}.mobile-menu{display:inline-flex}.topbar-left{gap:8px}.breadcrumb{font-size:9px}.breadcrumb>span{padding:0 6px}.topbar-actions{gap:13px}.today-date{display:none}.topbar-actions .avatar{width:30px;height:30px}.main-content{padding:23px 17px 28px}.page-heading{margin-bottom:22px;gap:17px}.page-heading h1{font-size:25px;letter-spacing:-.65px}.eyebrow{font-size:8px}.page-heading h1+p{font-size:10px;line-height:1.9}.heading-actions{width:100%;gap:9px}.heading-actions .btn{flex:1}.btn{font-size:11px;min-height:44px;padding:11px 14px}.overview-grid{gap:12px;margin-bottom:20px}.collection-card{grid-column:1/-1;min-height:220px;padding:24px 25px}.collection-top{margin-bottom:8px}.collection-card>p{font-size:12px}.collection-value{font-size:35px;margin-bottom:15px}.collection-progress{font-size:10px}.collection-card>a{font-size:10px}.collection-card>a .icon{width:17px;height:17px}.period-chip{font-size:9px;padding:4px 10px}.hero-orbit{width:330px;height:330px;right:-150px;top:-35px;border-color:#ffffff0c}.hero-orbit.two{right:-115px;top:0}.stat-card{padding:18px 17px;min-height:185px}.stat-top{margin-bottom:16px}.stat-card h2{font-size:23px}.stat-card>p{font-size:10px}.stat-card>a{font-size:8px;margin-top:18px}.stat-label{font-size:7px}.overview-grid>.stat-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:100px;gap:3px 15px;align-items:center;padding:17px}.overview-grid>.stat-card:last-child .stat-top{grid-row:1/3;margin:0;justify-content:flex-start;gap:12px}.overview-grid>.stat-card:last-child .stat-label{font-size:8px;text-align:left;max-width:75px}.overview-grid>.stat-card:last-child>p{grid-column:2;font-size:9px;margin:0}.overview-grid>.stat-card:last-child h2{grid-column:2;font-size:21px}.overview-grid>.stat-card:last-child>a{grid-column:1/-1;margin-top:10px;padding-top:10px}.dashboard-columns{gap:20px;margin-bottom:20px}.panel{border-radius:13px}.panel-heading{padding:20px 17px 17px}.panel-heading h2{font-size:14px}.panel-subtitle{margin-left:17px;margin-right:17px;font-size:8px}.promise-panel th,.promise-panel td{padding-left:15px;padding-right:15px}.table-wrap{position:relative}th{font-size:9px;padding:12px 16px}td{font-size:11px;padding:16px}.person-cell strong{font-size:11px}.person-cell small{font-size:9px}.amount{font-size:12px}.cell-title{font-size:11px}.cell-subtitle{font-size:9px}.badge{font-size:9px;padding:5px 7px}.icon-btn{width:40px;height:40px}.btn-small{font-size:10px;min-height:38px;padding:8px 11px}.table-footer{font-size:8px;padding:14px 16px}.table-footer>span:last-child{display:none}.quick-actions{display:block;padding-bottom:17px}.quick-action{padding:14px 19px;border:0}.quick-action strong{font-size:12px}.quick-action small{font-size:9px}.quick-icon{width:43px;height:43px;margin-right:5px}.quick-action>.icon{display:block}.service-summary{font-size:9px;padding:13px}.village-row>div:first-child{font-size:11px}.village-foot{font-size:9px}.panel-bottom{padding:14px 16px;font-size:8px;gap:7px}.site-footer{padding:20px 17px 90px;justify-content:center;text-align:center;font-size:8px;gap:6px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:67px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fffffffa;border-top:1px solid #e7edf3;box-shadow:0 -5px 15px #21436205;z-index:30}.bottom-nav>a,.bottom-nav>button{background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9aa8b6;font-size:8px;font-weight:600}.bottom-nav .icon{width:20px;height:20px}.bottom-nav .active{color:var(--blue)}.bottom-nav .active .icon{stroke-width:2}.bottom-nav .active::before{content:'';width:25px;height:3px;position:absolute;top:0;background:var(--blue);border-radius:0 0 5px 5px}.mini-stats{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.mini-stats>div{padding:15px 18px;gap:14px}.mini-stats>div>div{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-stats p{font-size:10px}.mini-stats strong{font-size:23px;margin:0}.mini-stats .stat-icon{width:35px;height:35px}.filter-bar{padding:15px;gap:12px}.filter-select{flex:1}.filter-select>span{display:none}.filter-select select{width:100%;font-size:11px;padding:9px 11px}.search-field input{font-size:11px;height:44px}.tabs{gap:4px;overflow-x:auto}.tabs>a{font-size:9px;padding:9px 11px;white-space:nowrap}.customer-heading>.avatar{width:51px;height:51px;font-size:17px}.customer-heading h1{font-size:24px}.customer-summary{padding:20px;gap:20px}.customer-summary h2{font-size:24px}.customer-summary>.btn{width:100%}.customer-details dl{padding:0 20px 16px}.customer-details dd{font-size:11px}.customer-details dt{font-size:9px}.customer-details .panel-heading{padding-top:21px}.activity-list{padding:0 17px 10px}.activity-list strong{font-size:10px}.activity-list .badge{font-size:8px}.modal{padding:23px 20px;border-radius:15px;max-height:88dvh}.modal-heading h2{font-size:20px}.modal-heading p{font-size:10px;line-height:1.8}.form-grid{gap:17px 13px}.field{font-size:10px}.field input,.field select,.field textarea{font-size:16px;min-height:46px}.field input::placeholder{font-size:11px}.modal-actions{justify-content:stretch;gap:10px}.modal-actions .btn{flex:1;font-size:10px}.toast{bottom:85px;min-width:290px;font-size:11px;padding:14px 19px}.settings-grid{gap:20px}.account-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.team-card{padding:22px}.technician-overview{grid-template-columns:1fr}.welcome-maintenance{padding:25px}.welcome-maintenance h2{font-size:23px}.auth-card{padding:30px 24px}.auth-card h1{font-size:24px}.auth-page .field input{font-size:16px}.auth-page .site-footer{padding-bottom:20px}.auth-card.install-card{padding:25px 20px}.demo-banner{font-size:8px;line-height:1.8}.alert{font-size:10px;align-items:flex-start}}
@media(max-width:380px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stat-card h2{font-size:20px}.heading-actions{flex-wrap:wrap}.heading-actions .btn{font-size:10px}.breadcrumb strong{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,.bottom-nav,.heading-actions,.btn,.filter-bar,.site-footer,.demo-banner,.icon-btn{display:none!important}.app-shell{margin:0}.main-content{padding:0}.panel,.stat-card{break-inside:avoid;box-shadow:none}body{background:#f7f7f7}.table-wrap{overflow:visible}th,td{font-size:9px;padding:9px}a{color:inherit}}
.report-filter{display:flex;align-items:flex-end;gap:12px;margin-bottom:22px}.report-filter .field{min-width:200px}.command-line{display:block;overflow-wrap:anywhere;background:#eef4f8;font-size:10px;padding:12px;border-radius:6px;margin:12px 0}.auth-brand{display:block;text-align:center;margin:0 auto 25px}.auth-brand img{width:205px;height:103px;object-fit:contain}.auth-card>.eyebrow{justify-content:center;margin:12px 0}.auth-card .auth-footer{padding:23px 0 0}.install-card form section{padding:20px 0;border-top:1px solid var(--line)}.install-card form section h2{margin-bottom:16px}.install-checks{margin:20px 0}.install-checks .alert{margin:5px 0;padding:8px 12px;font-size:10px}.install-card .muted{text-align:left}.install-card .small{font-size:10px}.install-card form section>p{margin-bottom:17px}
/* Readable Operational UI: Primary Controls Remain Comfortable On Phones. */
.nav-item{font-size:12px}.nav-section{font-size:9px}.sidebar-user strong{font-size:11px}.breadcrumb{font-size:11px}.page-heading h1+p{font-size:12px}.eyebrow{font-size:10px}.btn{font-size:12px}.btn-small{font-size:11px}.stat-card>p{font-size:11px}.stat-label{font-size:8px}.stat-card>a{font-size:10px}.collection-card>p{font-size:12px}.collection-progress{font-size:10px}.collection-card>a{font-size:10px}.panel-subtitle{font-size:11px;color:#7e8fa1}.text-link{font-size:11px}th{font-size:10px;color:#71869b}td{font-size:12px;color:#5d748b}.person-cell strong,.cell-title{font-size:12px}.person-cell small,.cell-subtitle{font-size:10px;color:#7d90a1}.amount{font-size:13px}.badge{font-size:10px}.panel-bottom{font-size:10px}.panel-bottom>a{font-size:10px}.quick-action strong{font-size:12px}.quick-action small{font-size:10px;color:#8395a6}.service-summary{font-size:9px}.village-row>div:first-child{font-size:12px}.village-row strong{font-size:12px}.village-row strong small{font-size:9px}.village-foot{font-size:10px}.search-field input{font-size:12px}.filter-select{font-size:10px}.filter-select>select{font-size:11px}.table-footer{font-size:10px}.package-pill{font-size:11px}.empty-state p{font-size:12px}.empty-state h3{font-size:16px}.field{font-size:12px}.field small{font-size:10px}.modal-heading p{font-size:12px}.info-note{font-size:11px}.customer-details dt{font-size:11px}.customer-details dd{font-size:12px}.customer-summary>div>span{font-size:12px}.customer-summary small{font-size:11px}.activity-list strong{font-size:12px}.activity-list p{font-size:11px}.complaint-description{font-size:11px}.catalog-list>div{font-size:12px}.catalog-list small{font-size:10px}.settings-grid .panel p.description{font-size:11px}.audit-entry{font-size:11px}.audit-entry small{font-size:10px}.site-footer{font-size:10px}.auth-card .field{font-size:12px}.auth-card p{font-size:12px}.auth-footer{font-size:11px}.auth-card form{gap:19px}.auth-card .small{font-size:10px}.mini-stats p{font-size:11px}.team-card>p{font-size:12px}.team-card .team-meta{font-size:10px}.table-wrap .btn-small .icon{width:16px;height:16px}
@media(min-width:761px) and (max-width:1240px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid>.stat-card:last-child{display:flex}.dashboard-columns{grid-template-columns:1fr}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr)}.quick-actions .panel-heading,.quick-actions .service-summary{grid-column:1/-1}}
@media(max-width:760px){.topbar-actions{gap:8px}.breadcrumb{font-size:10px}.page-heading h1+p{font-size:12px}.eyebrow{font-size:10px}.heading-actions .btn{font-size:11px}.panel-subtitle{font-size:11px;line-height:1.8}.overview-grid>.stat-card:last-child .stat-label{font-size:10px}.stat-card>p{font-size:11px}.stat-card>a{font-size:9px}.stat-label{font-size:8px}.overview-grid>.stat-card:last-child>p{font-size:11px}.panel-bottom{font-size:10px;flex-wrap:wrap;line-height:1.8}.service-summary{font-size:10px}.bottom-nav>a,.bottom-nav>button{font-size:10px}.table-wrap{overflow:visible}table,tbody,tr,td{display:block;width:100%;white-space:normal}thead{display:none}tbody tr{border:1px solid #e7edf3;border-radius:10px;width:calc(100% - 28px);margin:0 14px 14px;background:white;overflow:hidden}tbody tr:first-child{margin-top:4px}td,.promise-panel td{padding:8px 14px;border:0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;text-align:right;font-size:12px}td:first-child,.promise-panel td:first-child{padding:15px 14px 12px;background:#f8fafc;border-bottom:1px solid #eef2f6;margin-bottom:5px;display:block;text-align:left}td:last-child{padding-bottom:14px}td::before{content:attr(data-label);font-size:11px;color:#8296a8;font-weight:400;text-align:left;margin-right:auto}td:first-child::before{display:none}.person-cell strong,.cell-title{font-size:13px}.person-cell small,.cell-subtitle{font-size:11px;line-height:1.7}.person-cell small{max-width:238px}.avatar{width:38px;height:38px}.amount{font-size:14px}.badge{font-size:10px}.row-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.row-actions .btn-small{font-size:11px}.btn-small{min-height:40px}.customer-main .table-wrap .cell-subtitle{font-size:10px}.customer-layout{gap:20px}.table-wrap td>.cell-subtitle{flex-basis:100%;padding-left:90px;margin-top:-5px}.table-wrap td>.cell-title{font-size:12px}.table-wrap td:first-child>.cell-subtitle{padding:0;margin-top:4px}.table-wrap td:first-child>.cell-title{font-size:13px}.customer-details dl{grid-template-columns:.8fr 1.2fr;gap:0 12px}.customer-details dt{font-size:11px}.customer-details dd{font-size:12px}.mini-stats p{font-size:11px}.settings-grid .panel p.description{line-height:1.9}.modal-heading p{font-size:11px}.info-note{font-size:11px}.catalog-list>div{flex-wrap:wrap}.site-footer{font-size:9px;line-height:1.9}.demo-banner{font-size:9px}.table-footer{font-size:10px}.tabs>a{font-size:10px}.customer-summary>div>span{font-size:11px}.activity-list>div{flex-wrap:wrap}.activity-list .badge{margin-left:19px}.auth-card .field{font-size:12px}.auth-card .btn{font-size:12px}.report-filter{flex-wrap:wrap}.report-filter .field{flex:1}.quick-action strong{font-size:13px}.quick-action small{font-size:11px}}