@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap";:root{color:#17211d;font-synthesis:none;background:#f1f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1,h2,strong{font-family:Space Grotesk,sans-serif}.eyebrow{color:#6d786f;letter-spacing:.14em;margin-bottom:9px;font-size:11px;font-weight:700}.login{color:#fff;background:radial-gradient(circle at 82% 15%,#c9f35d 0 8%,#0000 31%),#111a16;max-width:none;min-height:100vh;padding:9vh max(8vw,30px);position:relative;overflow:hidden}.login:after{content:"";border:1px solid #496156;border-radius:50%;width:55vw;height:55vw;position:absolute;bottom:-24vw;right:-8vw;box-shadow:0 0 0 8vw #111a16,0 0 0 calc(8vw + 1px) #33473e,0 0 0 16vw #111a16,0 0 0 calc(16vw + 1px) #26382f}.login h1{z-index:1;max-width:760px;font-size:clamp(43px,6vw,82px);line-height:.98;position:relative}.login>p:not(.eyebrow){color:#9eb0a7;font-size:18px}.brandmark,.logo>span{color:#17211d;background:#c9f35d;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:38px;font-family:Space Grotesk;font-weight:700;display:grid}.login form{z-index:2;gap:15px;width:min(390px,100%);margin-top:44px;display:grid;position:relative}label{color:#a9b8b1;gap:7px;font-size:12px;display:grid}input{color:#fff;background:#18231e;border:1px solid #42524a;border-radius:6px;outline:none;padding:13px}input:focus{border-color:#c9f35d}.login button,.actions button{color:#17211d;background:#c9f35d;border:0;border-radius:6px;padding:14px 18px;font-weight:700}small{color:#7d8982;margin-top:3px;font-size:12px;display:block}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#111a16;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:11px;margin-bottom:45px;display:flex}.logo>span{width:36px;height:36px;margin:0;font-size:13px}.logo small{color:#73827b}nav{gap:6px;display:grid}nav button,.logout{color:#8d9b94;text-align:left;background:0 0;border:0;border-radius:6px;padding:11px 13px}nav button.active{color:#d9ff74;background:#26352e}.logout{margin-top:auto}.content{min-width:0;padding:43px clamp(25px,4vw,65px)}header{justify-content:space-between;align-items:end;margin-bottom:31px;display:flex}header h1{margin-bottom:0;font-size:37px}.search{color:#17211d;background:#fff;border-color:#d6dcd2;width:280px}.notice{cursor:pointer;background:#dff4a8;border:1px solid #b9dd5b;border-radius:7px;margin-bottom:20px;padding:12px 16px}.primary{color:#fff;background:#17211d;border:0;border-radius:6px;padding:12px 18px;font-weight:700}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{text-align:left;background:#fff;border:1px solid #dfe3da;border-radius:10px;padding:22px}.metric p{color:#748078;margin-bottom:18px}.metric strong{font-size:30px}.metric.alert strong{color:#d3533c}.metric.clickable{cursor:pointer}.metric.clickable:hover{border-color:#8cae37;transform:translateY(-1px)}.metric:disabled{color:inherit}.split,.network{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.panel{background:#fff;border:1px solid #dfe3da;border-radius:10px;padding:27px}.panel h2{font-size:24px}.panel>p:not(.eyebrow){color:#68736c;line-height:1.6}.panel.dark{color:#fff;background:#1a2721;border-color:#1a2721}.actions{gap:10px;margin-top:25px;display:flex}button.secondary{color:inherit;background:0 0;border:1px solid #aeb8b1;border-radius:6px;padding:12px 16px}.invoice-filters{gap:8px;margin-bottom:14px;display:flex}.invoice-filters button{background:#fff;border:1px solid #cdd5cc;border-radius:999px;padding:8px 13px;font-size:13px}.invoice-filters button.selected{color:#fff;background:#17211d;border-color:#17211d}.payment-report{background:#fff;border:1px solid #dfe3da;border-radius:10px;margin-bottom:14px;padding:16px}.payment-report>div:first-child{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.payment-report label{color:#647068;gap:5px;font-size:12px;font-weight:700;display:grid}.payment-report input,.payment-report select{color:#17211d;background:#fff;border:1px solid #cbd3c9;border-radius:6px;min-height:40px;padding:9px}.payment-totals{border-top:1px solid #e4e8e1;flex-wrap:wrap;gap:14px;margin-top:15px;padding-top:13px;font-size:13px;display:flex}.payment-totals span{color:#58655d}.payment-results{margin-top:14px}.zone-filter{display:none}.zone-checkboxes{border:1px solid #cbd3c9;border-radius:7px;flex-wrap:wrap;gap:10px;min-width:220px;padding:9px 12px;display:flex}.zone-checkboxes legend{color:#647068;padding:0 4px;font-size:12px;font-weight:700}.zone-checkboxes label{color:#17211d;white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex}.zone-checkboxes input{accent-color:#006fc9;width:auto;min-height:auto}.table{background:#fff;border:1px solid #dfe3da;border-radius:10px;overflow:hidden}.thead,.tr{grid-template-columns:1.2fr 1.5fr 1fr .7fr;align-items:center;gap:14px;padding:15px 20px;display:grid}.customers .thead,.customers .tr{grid-template-columns:1fr 1.1fr 1fr .5fr 1.9fr}.invoices .thead,.invoices .tr{grid-template-columns:1fr 1.3fr .8fr .8fr .7fr 1.1fr}.thead{color:#667169;letter-spacing:.08em;text-transform:uppercase;background:#e7eae3;font-size:11px;font-weight:700}.tr{border-top:1px solid #eaede7;font-size:14px}.badge{color:#5d6861;text-transform:uppercase;background:#e8ece7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.active,.badge.paid,.badge.completed,.badge.enabled{color:#46600b;background:#ddf3a9}.badge.suspended,.badge.overdue,.badge.failed{color:#9d351f;background:#ffe0d7}.badge.pending,.badge.partial{color:#765800;background:#fff0ba}button.mini{background:#fff;border:1px solid #aab5ad;border-radius:5px;padding:7px 9px;font-size:11px;font-weight:700}button.mini.danger{color:#a33824;border-color:#efb9ae}button.mini.success{color:#46600b;border-color:#b8d875}button.mini.recharge{color:#405b00;background:#edfacd;border-color:#a8ca4c}.row-actions{flex-wrap:wrap;gap:5px;display:flex}.device{border-top:1px solid #e4e8e1;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.device-actions{align-items:center;gap:8px;display:flex}.modal-backdrop{z-index:20;background:#080e0bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f7f8f4;border-radius:12px;width:min(720px,100%);max-height:85vh;padding:30px;position:relative;overflow:auto}.modal-close{background:0 0;border:0;font-size:28px;position:absolute;top:15px;right:18px}.payment{border-top:1px solid #dfe3da;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.payment>div:first-child{min-width:0}.users .thead,.users .tr{grid-template-columns:1.4fr 1fr .8fr .7fr .7fr}.suspended-page{background:radial-gradient(circle at 80% 15%,#c9f35d 0 7%,#0000 28%),#111a16;place-items:center;min-height:100vh;padding:30px;display:grid}.suspended-card{background:#f4f5ef;border-radius:16px;width:min(680px,100%);padding:clamp(30px,6vw,70px);box-shadow:0 25px 80px #00000059}.suspended-card h1{margin-bottom:25px;font-size:clamp(38px,7vw,65px);line-height:1}.suspended-card>p:not(.eyebrow){color:#59655e;font-size:18px;line-height:1.65}.suspended-actions{margin:30px 0}.suspended-actions button{color:#fff;background:#17211d;border:0;border-radius:6px;padding:14px 20px;font-weight:700}.form-modal{gap:14px;display:grid}.form-modal label{color:#4f5c54;font-weight:600}.form-modal input,.form-modal select,.form-modal textarea{color:#17211d;background:#fff;border:1px solid #cbd3c9;border-radius:7px;width:100%;margin-top:6px;padding:12px}.form-modal select{appearance:auto}.form-modal textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.check-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.check-grid label{align-items:center;gap:7px;font-size:13px;display:flex}.check-grid input{width:auto;margin:0}@media (width<=560px){.content{padding:22px 14px 40px}.login{padding:55px 24px}.login h1{font-size:44px}.metrics{gap:9px}.metric{padding:16px}.metric p{margin-bottom:10px;font-size:12px}.metric strong{font-size:23px}.panel{padding:20px}.actions{flex-direction:column}.actions button,button.secondary{width:100%;min-height:46px}.content header h1{font-size:29px}header{flex-wrap:wrap}.search{order:3;width:100%}.primary{min-height:44px}.table{-webkit-overflow-scrolling:touch;overflow-x:auto}.thead,.tr{min-width:690px;padding:13px 14px}.customers .thead,.customers .tr{min-width:940px}.invoices .thead,.invoices .tr{min-width:780px}.users .thead,.users .tr{min-width:700px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:94vh;padding:28px 20px calc(28px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.modal h2{padding-right:30px}.payment{flex-direction:column;align-items:flex-start}.row-actions{width:100%}button.mini{flex:1 0 auto;min-height:38px}.form-modal input,.form-modal select{min-height:48px;font-size:16px}.suspended-page{padding:18px}.suspended-card{padding:30px 24px}.form-grid,.check-grid{grid-template-columns:1fr}}@media (width<=900px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;height:auto;padding:14px 18px;position:static;overflow:auto}.logo{margin:0 20px 0 0}.logo div{display:none}nav{display:flex}.logout{white-space:nowrap;margin:0 0 0 auto}.content{padding:25px 16px}.metrics{grid-template-columns:1fr 1fr}.split,.network{grid-template-columns:1fr}.table{overflow-x:auto}.thead,.tr{min-width:760px}header{align-items:flex-start;gap:15px}.search{width:42%}}:root{--ip-navy:#03142f;--ip-blue:#006fc9;--ip-cyan:#00b8f0;--ip-ice:#eaf7ff}aside,.login,.suspended-page{background-color:var(--ip-navy)}.login{background:radial-gradient(circle at 82% 15%, var(--ip-cyan) 0 8%, transparent 31%), var(--ip-navy)}nav button.active{color:#e9fbff;border-left:3px solid var(--ip-cyan);background:#073b73}.primary,.login button,.actions button{background:linear-gradient(135deg, var(--ip-blue), var(--ip-cyan));color:#fff}.metric.clickable:hover{border-color:var(--ip-cyan);box-shadow:0 8px 20px #00b8f029}.eyebrow{color:#007cc5}.notice{background:var(--ip-ice);color:var(--ip-navy);border-color:#92d8f4}.panel.dark{background:linear-gradient(140deg,#03142f,#07518c)}.login-logo,.suspended-logo{object-fit:contain;z-index:1;width:min(330px,80vw);height:auto;margin:0 0 28px;display:block;position:relative}.sidebar-logo{object-fit:cover;object-position:center;background:#000;border-radius:10px;width:52px;height:52px}.logo{align-items:center}@media (width<=900px){.sidebar-logo{width:40px;height:40px}}.login:before,.suspended-card:before,.logo:before{content:none}