@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";.portal-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#174d7c,#091d32 65%);padding:24px}.portal-login-card{background:#fff;border-radius:18px;padding:35px;width:min(420px,100%);box-shadow:0 20px 70px #06121f70}.portal-login-card .brand{color:#12365a;margin-bottom:30px}.portal-login-card h1{font-size:30px;line-height:1.1;margin:12px 0}.portal-login-card p{font-size:13px;color:#7c8da0;line-height:1.5;margin-bottom:24px}.portal-login-card label,.portal-ticket-form label{font-size:12px;color:#4e6075;font-weight:700;display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.portal-login-card input,.portal-ticket-form input,.portal-ticket-form textarea{border:1px solid #dce4ec;border-radius:8px;padding:11px;width:100%}.portal-login-card .full{width:100%;margin-top:8px}.portal-login-card>a{display:block;text-align:center;font-size:12px;color:#2678c7;margin-top:20px;text-decoration:none}.portal-shell{min-height:100vh;background:#f2f6fa}.portal-header{height:72px;background:#0b2037;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));color:#fff}.portal-header>div:last-child{display:flex;align-items:center;gap:20px;font-size:12px}.portal-header button{border:1px solid #436382;background:transparent;border-radius:7px;color:#e7f3ff;padding:8px 12px;font-size:11px}.portal-content{max-width:1100px;margin:auto;padding:34px 24px}.portal-hero h1{font-size:30px;margin:8px 0}.portal-hero p{font-size:13px;color:#8292a3}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.portal-stats>div,.portal-section{background:#fff;border:1px solid #e4eaf1;border-radius:13px;padding:23px}.portal-stats span{font-size:12px;color:#8c9aa9;display:block}.portal-stats strong{font-family:Plus Jakarta Sans,sans-serif;font-size:23px;color:#164c83;display:block;margin-top:7px}.portal-section{margin-bottom:16px}.portal-section h2{font-size:17px}.portal-section p{font-size:12px;color:#92a0ae}.portal-list{display:grid;gap:8px}.portal-list>div{border:1px solid #edf1f5;border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.portal-list strong{color:#2d425a}.portal-list span{color:#7d8c9d}.portal-ticket-form{max-width:530px;margin-bottom:20px}@media(max-width:750px){.portal-header{padding:0 18px}.portal-header>div:last-child span{display:none}.portal-content{padding:24px 16px}.portal-stats{grid-template-columns:1fr}.portal-list>div{flex-direction:column}}.portal-demo-banner{background:#fff7e6;border:1px solid #f4d698;color:#80591e;border-radius:9px;padding:12px 15px;font-size:12px;margin:16px 0}.portal-usage-list{display:grid;gap:5px}.portal-usage-list>div{display:grid;grid-template-columns:120px repeat(3,1fr);gap:8px;border-bottom:1px solid #eef2f6;padding:8px 0;font-size:11px;color:#70879b}.portal-usage-list strong{color:#315477}@media(max-width:750px){.portal-usage-list>div{grid-template-columns:1fr 1fr}}.fiber-map-card{background:#fff;border:1px solid #e4eaf1;border-radius:15px;overflow:hidden;margin-bottom:20px}.fiber-map-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 21px;border-bottom:1px solid #e9eff5}.fiber-map-heading>div:first-child{display:flex;flex-direction:column;gap:3px}.fiber-map-heading strong{font-size:13px;color:#183453}.fiber-map-heading span{font-size:11px;color:#8b9dad}.fiber-count{font-size:11px;color:#397ab3;background:#edf6ff;border-radius:20px;padding:7px 10px;font-weight:700}.fiber-map{display:block;width:100%;height:auto;max-height:450px}.fiber-map-empty{display:grid;place-items:center;min-height:230px;color:#8ea3b7;font-size:12px;background:#f9fcff}.fiber-legend{display:flex;gap:14px;flex-wrap:wrap;padding:12px 21px;border-top:1px solid #e9eff5}.fiber-legend span{font-size:10px;color:#6f8296;display:flex;align-items:center;gap:6px}.fiber-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}@media(max-width:750px){.fiber-map-heading{align-items:flex-start;flex-direction:column}.fiber-map{min-height:260px}}.billing-control{display:flex;align-items:end;gap:12px;flex-wrap:wrap;min-height:auto;margin-bottom:20px}.billing-control label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#486078}.billing-control input{border:1px solid #dce5ee;border-radius:9px;padding:9px 11px}.billing-control small{flex-basis:100%;color:#8395a6}.row-action{border:1px solid #dce8f4;background:#f0f7ff;color:#256cae;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700}.audit-page{max-width:1700px}.audit-demo-banner{display:flex;gap:16px;align-items:center;padding:13px 17px;margin:-9px 0 22px;border:1px solid #f4d698;border-radius:10px;background:#fff7e6;color:#80591e;font-size:12px}.audit-demo-banner strong{font-size:11px;letter-spacing:1px;white-space:nowrap}.audit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.audit-metrics>div,.audit-card{background:#fff;border:1px solid #e4eaf1;border-radius:14px;padding:20px;box-shadow:0 6px 22px #153a6108}.audit-metrics>div{display:flex;flex-direction:column;gap:8px}.audit-metrics small,.audit-facts small,.audit-equipment small{color:#71879f;font-size:11px;font-weight:700}.audit-metrics strong{font-size:22px;color:#173656;font-family:Plus Jakarta Sans,sans-serif}.audit-metrics span,.audit-facts span,.audit-equipment span{font-size:11px;color:#7890a6}.audit-two-column{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin-bottom:18px}.audit-card h2{font-size:17px;color:#1a3858;margin:0 0 8px}.audit-card h3{font-size:13px;color:#315371;margin:18px 0 8px}.audit-card p{font-size:11px;color:#8495a6;margin:0 0 8px}.audit-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.audit-card-head select,.audit-clients input{border:1px solid #dce5ee;border-radius:8px;padding:8px 10px;background:#fff;color:#355372;font-size:12px}.audit-legend{display:flex;gap:13px;color:#768ba1;font-size:10px}.audit-legend span{display:flex;gap:5px;align-items:center}.audit-legend i{display:block;width:8px;height:8px;border-radius:2px}.audit-legend .billed,.audit-bar.billed{background:#4d92d8}.audit-legend .collected,.audit-bar.collected{background:#3dc298}.audit-monthly-chart{height:155px;display:flex;align-items:end;justify-content:space-around;gap:10px;border-bottom:1px solid #dce5ee;margin:15px 0 9px;padding:0 12px}.audit-month{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:40px}.audit-pair{height:130px;display:flex;align-items:end;gap:4px}.audit-bar{display:block;width:14px;min-height:2px;border-radius:3px 3px 0 0}.audit-month small{font-size:10px;color:#72869a;height:20px;padding-top:5px}.audit-totals{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#748ba0;margin-top:13px}.audit-totals strong{color:#315a7c}.audit-status-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.audit-status-list>div{background:#f4f8fc;border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:8px}.audit-status-list span{font-size:10px;color:#7a8ca2}.audit-status-list strong{font-size:24px;color:#264f76}.audit-card .audit-note{line-height:1.6}.audit-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:17px;align-items:start}.audit-clients{position:sticky;top:86px}.audit-clients input{width:100%;margin:12px 0}.audit-customer-list{max-height:680px;overflow:auto;display:flex;flex-direction:column;gap:5px}.audit-customer-list button{border:1px solid transparent;background:#fff;border-radius:8px;padding:10px;text-align:left;display:flex;justify-content:space-between;gap:8px;color:#46617c;font-size:11px}.audit-customer-list button:hover,.audit-customer-list button.active{background:#eef6ff;border-color:#cde3f8}.audit-customer-list button span:first-child{min-width:0}.audit-customer-list strong{font-size:11px;color:#2c6396}.audit-customer-list small{display:block;color:#90a2b2;margin-top:3px}.audit-balance{white-space:nowrap;color:#7992a9}.audit-detail{display:flex;flex-direction:column;gap:17px;min-width:0}.audit-facts,.audit-equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.audit-facts>div,.audit-equipment>div{background:#f5f9fd;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:6px}.audit-facts strong,.audit-equipment strong{font-size:14px;color:#1a4771}.audit-equipment{grid-template-columns:repeat(4,1fr)}.audit-usage-chart{height:150px;display:flex;align-items:end;gap:2px;border-bottom:1px solid #dce5ee;margin-top:18px;overflow:hidden}.audit-day{height:130px;flex:1;min-width:2px;display:flex;flex-direction:column;justify-content:end;gap:1px}.audit-day-up,.audit-day-down{display:block;width:100%;min-height:1px}.audit-day-up{background:#3dc298}.audit-day-down{background:#4d92d8}.audit-table-wrap{overflow:auto;max-width:100%}.audit-table-wrap table{font-size:11px}.audit-table-wrap th,.audit-table-wrap td{padding:10px 12px}.audit-event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}.audit-event-grid h3{margin-top:8px}.audit-event-grid p{line-height:1.5;border-bottom:1px solid #eef2f6;padding-bottom:6px}@media(max-width:1200px){.audit-metrics{grid-template-columns:repeat(2,1fr)}.audit-layout{grid-template-columns:250px minmax(0,1fr)}.audit-equipment{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.audit-two-column,.audit-layout{grid-template-columns:1fr}.audit-clients{position:static}.audit-customer-list{max-height:260px}.audit-metrics{grid-template-columns:repeat(2,1fr)}.audit-demo-banner{flex-direction:column;align-items:flex-start;gap:4px}.audit-facts{grid-template-columns:1fr 1fr}}@media(max-width:520px){.audit-metrics,.audit-facts,.audit-equipment,.audit-status-list,.audit-event-grid{grid-template-columns:1fr}.audit-card{padding:16px}.audit-legend{flex-wrap:wrap}}.audit-ledger{margin-bottom:18px}.audit-ledger-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-height:180px;overflow:auto}.audit-ledger-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f6;padding:7px 0;font-size:10px;min-width:0}.audit-ledger-list time{color:#8197aa;white-space:nowrap}.audit-ledger-list strong{color:#2d669b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-ledger-list span{margin-left:auto;white-space:nowrap}@media(max-width:800px){.audit-ledger-list{grid-template-columns:1fr}}.operations-page{max-width:1700px}.operations-notice{background:#eaf4ff;border:1px solid #cde5fa;border-radius:11px;color:#345e82;padding:13px 16px;font-size:12px;margin-bottom:20px}.operations-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.operations-stats>div{background:#fff;border:1px solid #e3ebf3;border-radius:12px;padding:17px}.operations-stats span{display:block;color:#778ca0;font-size:11px}.operations-stats strong{display:block;color:#183a5b;font-size:24px;margin-top:7px}.operations-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(420px,1.18fr);gap:18px;align-items:start}.operations-list,.operations-detail{background:#fff;border:1px solid #e3ebf3;border-radius:13px;box-shadow:0 6px 22px #153a6108;overflow:hidden}.operations-list-head{padding:20px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.operations-list-head h2,.operations-detail h2{font-size:17px;margin:0 0 3px}.operations-list-head p,.operations-detail-head p{font-size:11px;color:#8799aa;margin:0}.operations-list-head input{border:1px solid #dce5ee;border-radius:8px;padding:9px 11px;min-width:155px;width:38%;font-size:11px}.operations-row{width:100%;background:#fff;border:0;border-bottom:1px solid #edf1f5;text-align:left;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.operations-row:hover,.operations-row.selected{background:#edf7ff}.operations-row.selected{box-shadow:inset 3px 0 #2683d0}.operations-row-main strong{display:block;font-size:12px;color:#1e3e5c}.operations-row-main small{display:block;margin-top:4px;color:#8295a7;font-size:10px}.operations-row-meta{text-align:right;flex:0 0 auto}.operations-row-meta em{display:block;margin-top:4px;font-size:10px;color:#b27a2e;font-style:normal}.operations-status{display:inline-block;background:#eff3f7;color:#587087;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800}.operations-status.active{background:#e4f7ed;color:#248555}.operations-status.suspended{background:#ffe8e8;color:#c04f4f}.operations-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px}.operations-pagination span{font-size:11px;color:#8192a2}.operations-pagination button:disabled{opacity:.45;cursor:default}.operations-placeholder,.operations-empty{padding:36px 22px;color:#8295a7;font-size:12px}.operations-empty h3{color:#355575;margin-bottom:6px}.operations-empty .secondary{margin:9px 6px 0 0}.operations-detail{padding:24px}.operations-detail-head{padding-bottom:18px;border-bottom:1px solid #edf1f5}.operations-detail-head h2{font-size:21px;margin:7px 0 4px}.operations-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.operations-facts>div{background:#f5f9fc;border:1px solid #e7edf3;border-radius:9px;padding:11px}.operations-facts small{display:block;color:#8a9aab;font-size:10px}.operations-facts strong{display:block;color:#244a6e;font-size:12px;margin-top:5px}.operations-checks{border:1px solid #f3d9a9;background:#fff8eb;border-radius:9px;padding:12px 15px;font-size:11px;color:#8d632a}.operations-checks ul{margin:6px 0 0;padding-left:19px}.operations-section{border-top:1px solid #edf1f5;padding-top:17px;margin-top:18px}.operations-section h3{font-size:13px;color:#25425f;margin:0 0 9px}.operations-section p{font-size:11px;line-height:1.6;color:#667e93;margin:5px 0}.operations-section-head,.operations-order{display:flex;justify-content:space-between;align-items:center;gap:12px}.operations-section-head .secondary,.operations-order .secondary{font-size:10px;padding:7px 10px}.operations-order{padding:11px 0;border-top:1px solid #f0f3f6}.operations-order:first-of-type{border-top:0}.operations-order strong{display:block;color:#365674;font-size:11px}.operations-order small{display:block;color:#8295a7;font-size:10px;margin-top:4px}@media(max-width:1100px){.operations-layout{grid-template-columns:1fr}.operations-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.operations-stats{grid-template-columns:1fr 1fr}.operations-list-head{flex-direction:column;align-items:stretch}.operations-list-head input{width:100%}.operations-facts{grid-template-columns:1fr 1fr}}.operations-references{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.operations-references li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f5f9fc;border:1px solid #e5edf4;border-radius:8px;padding:9px 11px;font-size:11px}.operations-references strong{color:#244a6e}.operations-references span{overflow-wrap:anywhere}.operations-references small{margin-left:auto;color:#8a9aab}.operations-reference-form{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.operations-reference-form select,.operations-reference-form input{border:1px solid #dce5ee;border-radius:8px;padding:9px 10px;font-size:11px;min-width:130px}.operations-reference-form input{flex:1}.operations-reference-form button{font-size:11px}.business-page .business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.business-card{background:#fff;border:1px solid #e6edf4;border-radius:18px;padding:22px;margin-bottom:20px}.business-card h2{margin:0 0 5px;font-size:20px;color:#122b43}.business-card p{margin:0 0 16px;color:#6e8297}.business-list{display:grid;gap:9px;margin:16px 0}.business-list-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f5}.business-list-row span{color:#375e80;white-space:nowrap}.business-form{display:grid;gap:12px;margin-top:18px}.business-form-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.business-form label,.business-period label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#36506a}.business-form input,.business-form select,.business-form textarea,.business-period input{width:100%;min-width:0;border:1px solid #d9e3ed;border-radius:9px;padding:10px 12px;font:inherit;background:#fff;color:#16314b}.business-form .primary{justify-self:start}.business-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.business-table{margin-top:22px}.business-subline{display:block;color:#7f90a2;margin-top:3px;font-size:11px}.business-actions{white-space:nowrap}.business-actions button{padding:6px 9px;margin:2px;font-size:12px}.business-period{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.business-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.business-metrics>div{display:grid;gap:8px;padding:20px;border:1px solid #e6edf4;border-radius:16px;background:#fff}.business-metrics span,.business-metrics small{color:#71859a}.business-metrics strong{font-size:23px;color:#143352}.business-months{display:flex;flex-wrap:wrap;gap:12px}.business-months>div{display:grid;gap:6px;min-width:145px;padding:12px;border-radius:10px;background:#f2f7fb;color:#3c5872;font-size:13px}.business-months strong{color:#173653}.crm-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:18px;align-items:start}.crm-list{display:grid;gap:8px}.crm-row{width:100%;text-align:left;display:grid;gap:4px;border:1px solid #e4ebf1;border-radius:10px;background:#fff;color:#244159;padding:12px;cursor:pointer}.crm-row.selected{border-color:#4c9ce4;background:#f0f8ff}.crm-row span,.crm-row small{color:#6d8295}.crm-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.crm-entries{display:grid;gap:10px;margin:18px 0;max-height:470px;overflow:auto}.crm-entry{border:1px solid #e4ebf1;border-radius:12px;padding:14px;background:#f9fbfd}.crm-entry>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.crm-entry p{color:#263e55;white-space:pre-wrap;margin:10px 0 0}.crm-entry small{color:#7a8e9f}@media(max-width:950px){.business-page .business-grid,.business-metrics,.crm-layout{grid-template-columns:1fr}.business-form-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.business-form-wide,.business-form-pair{grid-template-columns:1fr}}:root{font-family:DM Sans,sans-serif;color:#1b2b42;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif}.loading{min-height:100vh;display:grid;place-items:center;color:#3778cf;font-weight:700}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#7eb5ff}.eyebrow.blue{color:#3e82d5}.brand{display:flex;align-items:center;gap:12px;color:#f9fcff;font-family:Plus Jakarta Sans,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(140deg,#428fff,#27c4de);color:#fff;box-shadow:0 8px 18px #0f89d545}.brand-accent{color:#5cbaff}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;flex:0 0 258px;background:#0b1b30;display:flex;flex-direction:column;color:#99aac0;min-height:100vh;position:sticky;top:0;height:100vh;z-index:20}.sidebar>.brand{margin:28px 22px 24px}.workspace{background:#142942;margin:0 14px 16px;border:1px solid #223c59;border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:2px}.workspace span{font-size:10px;letter-spacing:1.4px;color:#6fa3db;font-weight:800}.workspace strong{font-size:14px;color:#f6fbff}.workspace small{font-size:11px;color:#91a5bc}.sidebar nav{overflow:auto;padding:0 12px 22px;scrollbar-width:thin;scrollbar-color:#34506b transparent}.nav-section{margin-top:17px}.nav-label{color:#627b99;font-size:10px;font-weight:800;letter-spacing:1.7px;margin:0 12px 6px}.nav-item{width:100%;border:0;background:none;color:#9cacc1;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 12px;border-radius:9px;font-size:12.5px;font-weight:600;transition:.15s}.nav-item:hover{background:#142d49;color:#fff}.nav-item.selected{background:#1b4771;color:#f6fbff;box-shadow:inset 3px 0 #52aff8}.nav-icon{font-size:17px;width:19px;text-align:center;color:#62a8db}.sidebar-foot{margin-top:auto;border-top:1px solid #203751;padding:16px;display:flex;align-items:center;gap:10px}.avatar{background:#266aa3;color:#fff;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.avatar.small{width:30px;height:30px;font-size:12px}.sidebar-foot div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-foot strong{font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot span{font-size:10px;color:#86a2be}.sidebar-foot button{border:0;background:none;color:#a6c5e0;font-size:22px}.main-area{flex:1;min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;border-bottom:1px solid #e5ebf2}.breadcrumb{font-size:13px;color:#8e9aab}.breadcrumb span{padding:0 9px;color:#b6c1ce}.breadcrumb strong{color:#263850}.topbar-right{display:flex;align-items:center;gap:20px}.environment{background:#eef5ff;color:#347ac4;border:1px solid #d8e9fb;border-radius:20px;font-size:11px;font-weight:700;padding:6px 10px}.menu-button{display:none;border:0;background:none;font-size:20px;color:#315c81}.page-content{padding:34px;max-width:1600px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:29px;letter-spacing:-1px;margin:5px 0;color:#12243a}.page-heading p{font-size:13px;color:#8090a2;margin:0}.today-pill{font-size:11px;font-weight:700;background:#e9f8f0;color:#218e5b;border-radius:20px;padding:8px 12px;white-space:nowrap}.primary,.secondary{border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:800;white-space:nowrap}.primary{background:#2878cb;color:#fff;box-shadow:0 5px 14px #2676c52b}.primary:hover{background:#1966b5}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:#eef2f7;color:#50647b}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card{background:#fff;border:1px solid #e5ebf2;border-radius:15px;padding:23px;box-shadow:0 7px 24px #163b6208}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:21px;margin-bottom:18px}.stat-icon.blue{background:#e4f1ff;color:#2779cd}.stat-icon.green{background:#e2f8ef;color:#21a16d}.stat-icon.orange{background:#fff1de;color:#dc9136}.stat-icon.purple{background:#f0e9ff;color:#8868d9}.stat-value{font-size:28px;font-weight:800;font-family:Plus Jakarta Sans,sans-serif;color:#13243b;line-height:1}.stat-name{font-size:12px;font-weight:600;color:#8290a0;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.feature-card{background:#fff;border:1px solid #e5ebf2;border-radius:15px;padding:27px;min-height:210px}.feature-card h2{font-size:18px;margin:14px 0}.feature-card p{font-size:12px;color:#8998a7;margin-bottom:0;line-height:1.6}.feature-card .money{font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:800;color:#1b5ca2}.feature-card-dark{background:linear-gradient(130deg,#12375a,#0b2038);color:#fff;border:0}.feature-card-dark p{color:#b0c9df}.status-badge{display:inline-block;margin-top:15px;background:#1c5b80;color:#b5e5fa;border-radius:20px;padding:6px 11px;font-size:10px;font-weight:800}.info-strip{margin-top:20px;background:#eaf4ff;border:1px solid #d7eafa;border-radius:14px;padding:17px 20px;display:flex;align-items:center;gap:15px}.info-strip>span{font-size:25px;color:#4e9fdc}.info-strip strong{font-size:12px;color:#20588f}.info-strip p{font-size:11px;color:#6688a7;margin:3px 0 0}.table-card{background:#fff;border:1px solid #e4eaf1;border-radius:15px;overflow:hidden;box-shadow:0 6px 22px #153a6108}.table-toolbar{padding:18px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eef1f5}.table-toolbar div{display:flex;flex-direction:column;gap:2px}.table-toolbar strong{font-size:13px;color:#1b2e45}.table-toolbar span{font-size:11px;color:#8b98a6}.search{width:230px;border:1px solid #e1e7ef;border-radius:8px;padding:9px 11px;font-size:11px;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:#57a0eb;box-shadow:0 0 0 3px #5da6ef1f;outline:none}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{background:#fafbfd;color:#718196;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;padding:14px 20px;white-space:nowrap}td{padding:15px 20px;border-top:1px solid #f0f3f6;color:#39506a;white-space:nowrap}tbody tr:hover{background:#f8fbff}.pill{padding:5px 9px;border-radius:20px;background:#eaf1f8;color:#446481;font-size:10px;font-weight:800}.pill.active,.pill.paid,.pill.open{background:#e4f7ed;color:#248555}.pill.pending,.pill.partial,.pill.issued{background:#fff1dc;color:#b57c24}.pill.suspended,.pill.failed,.pill.urgent{background:#ffe8e8;color:#c04f4f}.empty-state{padding:74px 20px;text-align:center}.empty-state span{font-size:37px;color:#a9c7e4}.empty-state h3{font-size:15px;margin:12px 0 4px;color:#415b76}.empty-state p{color:#9aa9b7;font-size:12px}.form-error{background:#fff0f0;color:#ad3737;border:1px solid #ffd5d5;padding:11px 14px;border-radius:9px;font-size:12px;margin-bottom:15px}.modal-backdrop{position:fixed;inset:0;background:#0816279c;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 25px 70px #0516284d}.modal-header{padding:24px 28px;border-bottom:1px solid #ecf0f5;display:flex;justify-content:space-between;align-items:flex-start}.modal-header h2{margin:5px 0 0;font-size:21px}.close{border:0;background:none;font-size:25px;color:#93a4b4}.form-grid{padding:22px 28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:800;color:#526780;display:flex;flex-direction:column;gap:7px}.form-grid em{color:#d14b4b;font-style:normal}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #dce4ec;border-radius:8px;padding:10px 11px;color:#263c52;background:#fff;font-size:12px;width:100%}.form-grid label:has(textarea){grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid #ecf0f5}.login-page{min-height:100vh;display:grid;grid-template-columns:1.03fr 1fr}.login-art{background:radial-gradient(circle at 70% 53%,#13568b 0,#09263e 40%,#081b2f 70%);color:#fff;padding:42px 55px;position:relative;overflow:hidden}.brand-large{font-size:22px;position:relative;z-index:1}.brand-large .brand-mark{width:42px;height:42px;font-size:24px}.login-pitch{position:absolute;top:35%;left:12%;max-width:490px;z-index:1}.login-pitch h1{font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-2.5px;margin:14px 0 20px}.login-pitch p{color:#b4cbe0;line-height:1.7;font-size:15px;max-width:410px}.login-orbit{position:absolute;border:1px solid #59a6de2e;border-radius:50%}.orbit-one{width:600px;height:600px;right:-270px;top:11%}.orbit-two{width:400px;height:400px;right:-170px;top:27%}.login-panel{display:grid;place-items:center;background:#f7f9fc;padding:35px}.login-card{width:min(390px,100%);background:#fff;padding:38px;box-shadow:0 18px 60px #1b3b5e12;border:1px solid #e7edf3;border-radius:17px}.login-card h2{font-size:26px;letter-spacing:-1px;margin:9px 0 8px}.login-card p{font-size:13px;color:#8a98a7;margin-bottom:30px}.login-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#486078;margin-bottom:18px}.login-card input{border:1px solid #dce5ee;border-radius:9px;padding:12px 13px;outline:none}.login-card .full{width:100%;display:flex;justify-content:space-between;margin-top:10px;font-size:13px}.login-card small{display:block;text-align:center;color:#9aa8b5;line-height:1.5;font-size:10px;margin-top:20px}.mobile-shade{display:none}@media(max-width:1100px){.sidebar{width:220px;flex-basis:220px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.sidebar{position:fixed;left:-270px;transition:left .2s;width:258px}.sidebar.open{left:0}.mobile-shade{display:block;position:fixed;inset:0;background:#00112180;z-index:10}.menu-button{display:block}.topbar{padding:0 18px;justify-content:flex-start;gap:14px}.topbar-right{margin-left:auto}.environment{display:none}.page-content{padding:24px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.stat-grid{gap:10px}.stat-card{padding:17px}.dashboard-grid,.login-page{grid-template-columns:1fr}.login-art{min-height:270px;padding:24px}.login-pitch{position:relative;top:auto;left:auto;margin-top:35px}.login-pitch h1{font-size:33px;margin-bottom:8px}.login-pitch p{font-size:12px}.login-panel{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid label:has(textarea){grid-column:span 1}.table-toolbar{flex-direction:column;align-items:stretch}.search{width:100%}}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#9aa8b5;font-size:11px;font-weight:700;text-align:center}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e5ebf2}.demo-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #8bc4f0;border-radius:9px;background:#eaf5ff;color:#17639e;font-size:13px;font-weight:800;transition:background .15s,border-color .15s}.demo-button:hover{background:#d9edff;border-color:#5aa8df}.demo-button:disabled{opacity:.6;cursor:wait}.login-card .demo-caption{text-align:center;color:#6c849b;font-size:11px;line-height:1.4;margin:9px 0 0}