:root{--ink: #0f1b3d;--muted: #647095;--line: #e7ebf5;--soft: #f6f8fc;--panel: #ffffff;--nav: #07152c;--purple: #5b21f3;--purple-2: #7c3cff;--green: #0f9f5f;--orange: #f97316;--red: #ef4444;--blue: #2563eb;--cyan: #0891b2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f8faff;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 0%,#f3eaff 0,transparent 34%),radial-gradient(circle at 90% 10%,#eaf3ff 0,transparent 30%),#f8faff}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 24px 60px #141f461f}.login-brand{border-bottom:0;padding-bottom:14px;color:var(--ink)}.login-brand span{color:var(--muted)}.login-card h1{margin:8px 0 4px;font-size:30px}.login-card p{margin:0 0 18px;color:var(--muted);font-weight:700}.login-form{display:grid;gap:14px}.login-form .btn{width:100%;margin-top:4px}.shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#061329,#07162e 60%,#081225);color:#eef4ff;padding:22px 18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 2px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.mark{width:38px;height:38px;border-radius:50%;background:conic-gradient(from 30deg,#ff6b1a,#7c3cff,#fff,#2563eb,#ff6b1a);box-shadow:inset 0 0 0 10px #07152c59}.brand b{display:block;font-size:30px;letter-spacing:0;line-height:1}.brand span{color:#b7c2da;font-size:12px}.nav-section{margin-top:18px}.nav-title{color:#94a3bd;text-transform:uppercase;font-size:11px;font-weight:800;margin:18px 8px 8px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;color:#e9eefb;background:transparent;padding:11px 12px;border-radius:8px;text-align:left;font-weight:750}.nav-item:hover{background:#ffffff14}.nav-item.active{background:linear-gradient(135deg,var(--purple),var(--purple-2));box-shadow:0 10px 24px #5b21f352}.nav-icon{width:18px;text-align:center;color:#fff}.collapse{margin-top:34px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#d8e1f4}.main{min-width:0}.topbar{min-height:86px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,580px) auto;gap:20px;align-items:center;padding:18px 28px;position:sticky;top:0;z-index:20}.title h1{margin:0;font-size:28px;letter-spacing:0}.title p{margin:4px 0 0;color:#40507d;font-weight:650}.global-search{position:relative}.global-search input{width:100%;height:48px;border:1px solid var(--line);border-radius:8px;padding:0 48px;color:var(--ink);background:#fff}.global-search span{position:absolute;left:17px;top:14px;color:#647095}.top-actions{display:flex;align-items:center;gap:12px}.user{display:flex;align-items:center;gap:10px;font-weight:800}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7c3cff,#ff6b1a);color:#fff;display:grid;place-items:center;font-weight:900}.content{padding:24px 28px 34px}.cards{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;margin-bottom:18px}.metric,.panel,.drawer,.form-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #1622440a}.metric{padding:18px;display:flex;gap:14px;align-items:center;min-height:104px}.bubble{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:900}.b-purple{color:var(--purple);background:#f0eaff}.b-green{color:var(--green);background:#eaf8f0}.b-orange{color:var(--orange);background:#fff2e8}.b-red{color:var(--red);background:#feecef}.b-blue{color:var(--blue);background:#eaf1ff}.metric small{color:var(--muted);font-weight:800}.metric strong{display:block;font-size:26px;margin:3px 0}.metric em{color:var(--green);font-style:normal;font-size:12px;font-weight:800}.toolbar{padding:16px;display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(5,minmax(135px,1fr)) auto;gap:12px;align-items:end}.field label{display:block;font-size:12px;font-weight:850;color:#40507d;margin-bottom:6px}.input,.select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;min-height:42px;padding:10px 12px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}.btn{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 14px;background:#fff;color:var(--ink);font-weight:850;display:inline-flex;align-items:center;gap:8px;justify-content:center;text-decoration:none}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--purple),#4c12df);border-color:transparent;box-shadow:0 10px 20px #5b21f338}.btn.danger{color:var(--red);border-color:#ffd5d8;background:#fff6f7}.btn.green{color:var(--green);border-color:#cbeedd;background:#f1fbf6}.btn.icon{width:40px;padding:0}.table-wrap{overflow:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:1160px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:#34436c;font-size:12px;text-transform:uppercase;letter-spacing:0;background:#fbfcff}td{font-weight:650}.muted{color:var(--muted);font-weight:600}.link{color:var(--purple);font-weight:900;text-decoration:none}.status{display:inline-flex;align-items:center;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:900}.active{color:var(--green);background:#e9f8f1}.suspended,.pending_installation{color:var(--orange);background:#fff3e8}.delinquent,.cancelled{color:var(--red);background:#ffeeef}.missing_network_data{color:var(--blue);background:#eaf1ff}.row-actions{display:flex;gap:8px}.pager{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:var(--muted);font-weight:750}.pager-controls{display:flex;gap:8px;align-items:center}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050e223d;display:none;z-index:50}.drawer-backdrop.open{display:block}.drawer{position:fixed;right:0;top:0;width:min(460px,94vw);height:100vh;padding:24px;overflow:auto;transform:translate(105%);transition:transform .2s ease;z-index:60;border-radius:0}.drawer.open{transform:translate(0)}.drawer-head{display:flex;justify-content:space-between;align-items:start;gap:14px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:16px;margin-bottom:18px}.profile{padding:20px;display:flex;gap:16px;align-items:flex-start}.profile .avatar{width:64px;height:64px;font-size:22px}.tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);background:#fff;padding:0 14px}.tab{border:0;background:transparent;padding:15px 12px;font-weight:850;color:#40507d;border-bottom:3px solid transparent;white-space:nowrap}.tab.active-tab{color:var(--purple);border-bottom-color:var(--purple)}.detail-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;margin-top:16px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kv{border-bottom:1px solid var(--line);padding:11px 0;display:flex;justify-content:space-between;gap:12px}.kv span{color:var(--muted)}.kv b{text-align:right}.quick{display:grid;gap:10px;align-content:start}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.module-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfcff;min-width:0}.form-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.form-card{padding:20px;margin-bottom:16px}.form-card h2{margin:0 0 14px;font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-footer{position:sticky;bottom:0;background:#f8fafff0;border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:flex-end;gap:10px}.notice{border:1px solid #cfe8ff;background:#f1f8ff;color:#164a8a;padding:12px;border-radius:8px;font-weight:700}.error{border:1px solid #ffd4d6;background:#fff3f4;color:#bb1e2d;padding:12px;border-radius:8px;font-weight:750}.empty{padding:34px;text-align:center;color:var(--muted);font-weight:750}.loading{opacity:.65;pointer-events:none}.footer{display:flex;gap:28px;color:#40507d;font-weight:750;padding:16px 28px 24px}.dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--green);margin-right:8px}@media (max-width: 1180px){.shell{grid-template-columns:84px minmax(0,1fr)}.brand b,.brand span,.nav-item span:not(.nav-icon),.nav-title,.collapse span{display:none}.brand{justify-content:center}.sidebar{padding:18px 12px}.nav-item{justify-content:center}.topbar{grid-template-columns:1fr;position:static}.cards,.detail-grid,.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-content,.form-shell,.module-grid{grid-template-columns:1fr}}@media (max-width: 720px){.shell{display:block}.sidebar{position:static;height:auto;display:flex;gap:10px;overflow:auto;padding:12px}.brand,.nav-title,.collapse{display:none}.nav-section{display:flex;margin:0;gap:8px}.nav-item{width:auto;min-width:44px}.content,.topbar{padding:16px}.cards,.detail-grid,.toolbar,.form-grid,.form-grid.two,.info-grid{grid-template-columns:1fr}}