*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#175263;--surface:#fff;--border:#e5e9f0;--text:#1e293b;--dim:#64748b;--primary:#4f46e5;--primary-dark:#4338ca;--danger:#dc2626;--success:#16a34a;--radius:10px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:var(--primary);text-decoration:none}.cust-user-link{color:#4f46e5;cursor:pointer;font-weight:700;text-decoration:none;transition:color .12s,background-color .12s}.cust-user-link:hover{color:#3730a3;text-decoration:underline}table.tbl a[href]:hover{text-decoration:underline}table.tbl a[href]{cursor:pointer}.cust-user-link:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #4f46e5}.layout{height:100dvh;display:flex;overflow:hidden}.sidebar{color:#cbd5e1;scrollbar-width:thin;scrollbar-color:#94a3b84d transparent;background:linear-gradient(#0f172a 0%,#1e293b 55%,#0b0f19 100%);flex-direction:column;flex-shrink:0;justify-content:space-between;width:256px;min-width:256px;height:100dvh;padding:16px 14px;display:flex;position:relative;overflow:hidden auto;box-shadow:0 10px 30px #02061759}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.brand{align-items:center;gap:10px;padding:2px 8px 18px;display:flex}.brand .mark{color:#fff;background:#4f46e5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:800;display:flex}.brand .name{color:#fff;letter-spacing:.08em;font-size:.82rem;font-weight:700}.nav-label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;padding:10px 10px 6px;font-size:.66rem;font-weight:700}.nav-link{color:#94a3b8;border-left:3px solid #0000;border-radius:8px;margin-bottom:2px;padding:9px 12px;font-size:.87rem;font-weight:500;display:block}.nav-link:hover{color:#fff;background:#94a3b81a}.nav-link.active{color:#5eead4;background:#2dd4bf1f;border-left-color:#2dd4bf;font-weight:700;box-shadow:0 0 18px #2dd4bf26}.nav-icon-box{background:#ffffff0f;border:1px solid #ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.nav-icon-box svg{color:#94a3b8;stroke-width:1.9px;width:18px;height:18px;transition:color .18s}.nav-link{align-items:center;gap:10px;display:flex}.nav-link .nav-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-link:hover .nav-icon-box{background:#ffffff1a;border-color:#ffffff14}.nav-link:hover .nav-icon-box svg{color:#e2e8f0}.nav-link.active .nav-icon-box{background:#2dd4bf29;border-color:#2dd4bf38}.nav-link.active .nav-icon-box svg{color:#5eead4}.nav-group-header{align-items:center;gap:10px;display:flex}.nav-group-header .nav-icon-box{width:32px;min-width:32px;height:32px;min-height:32px}.nav-tree .nav-link{border-left:none;gap:10px;margin-left:6px;padding:7px 10px 7px 12px;font-size:.84rem}.nav-tree .nav-icon-box{background:#ffffff0d;border-radius:7px;width:28px;min-width:28px;height:28px;min-height:28px}.nav-tree .nav-icon-box svg{width:16px;height:16px}.nav-tree .nav-link:hover .nav-icon-box{background:#ffffff17}.nav-tree .nav-link.active .nav-icon-box{background:#2dd4bf24}.nav-arrow{color:#64748b;flex-shrink:0;margin-left:auto;font-size:.72rem;transition:transform .18s,color .15s}.nav-group-header:hover .nav-arrow{color:#94a3b8}.nav-arrow.open{color:#94a3b8;transform:rotate(90deg)}.side-profile{border-top:1px solid #94a3b833;align-items:center;gap:10px;padding-top:14px;display:flex}.side-profile img,.side-profile .ava{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.side-profile .ava{color:#fff;background:#334155;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.side-profile .who{color:#fff;font-size:.82rem;font-weight:600}.side-profile .sub{color:#64748b;font-size:.68rem}.dash-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}@media (width<=1024px){.dash-grid{grid-template-columns:1fr}}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:16px;display:grid}.metric .big{font-size:1.5rem;font-weight:800}.metric .pills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pill{color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 9px;font-size:.68rem;font-weight:700}.pill.g{color:#166534;background:#dcfce7}.pill.a{color:#92400e;background:#fef3c7}.pill.r{color:#991b1b;background:#fee2e2}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:0;display:flex}.tab{color:var(--dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:.84rem;font-weight:600}.tab.active{color:var(--primary-dark);border-bottom-color:var(--primary)}.profile-card{text-align:left}.profile-card .pname{margin-top:8px;font-size:1rem;font-weight:800}.profile-card .prow,.card-detail .prow{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:8px;padding:7px 0;font-size:.8rem;display:flex}.profile-card .prow:last-child,.card-detail .prow:last-child{border-bottom:none}.card-detail .prow .k{color:var(--dim);flex:none}.card-detail .prow .v{text-align:right;overflow-wrap:anywhere;font-weight:600}.profile-card .k{color:var(--dim)}.profile-card .v{text-align:right;word-break:break-all;font-weight:600}.notes{border:1px solid var(--border);resize:none;border-radius:8px;width:100%;min-height:70px;padding:8px 10px;font-family:inherit;font-size:.8rem}.main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-width:0;height:100dvh;padding-bottom:38px;display:flex;overflow:hidden auto}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;min-height:60px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .who{color:var(--dim);font-size:.85rem}.topbar .who b{color:var(--text)}.content{width:100%;max-width:none;margin:0 auto;padding:14px 16px}.app-footer{z-index:30;border-top:1px solid var(--border);min-height:34px;color:var(--dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 18px;font-size:.72rem;line-height:1.25;display:flex;position:fixed;bottom:0;left:230px;right:0;box-shadow:0 -6px 18px #0f172a0a}.app-footer-copy{white-space:nowrap}.app-footer-time{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.app-footer-time strong{color:#334155;font-weight:700}.app-footer-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #16a34a1f}.app-footer-warn{color:#b45309}h1.page-title{margin-bottom:4px;font-size:1.35rem;font-weight:700}p.page-sub{color:var(--dim);margin-bottom:18px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px;box-shadow:0 1px 2px #0f172a0a}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px;display:grid}.stat .num{font-size:1.6rem;font-weight:800}.stat .lbl{color:var(--dim);margin-top:2px;font-size:.78rem}table.tbl{border-collapse:collapse;width:100%;font-size:.8rem}table.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border-bottom:1px solid var(--border);padding:8px 10px;font-size:.7rem}table.tbl td{border-bottom:1px solid #f1f5f9;padding:7px 10px}table.tbl tr:last-child td{border-bottom:none}table.tbl tbody td{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:300px;line-height:1.4;overflow:hidden}table.tbl tbody td.cc-actions{max-width:none;overflow:visible}table.tbl tbody td.cc-actions>span{white-space:nowrap}table.tbl tbody td>div{flex-wrap:nowrap!important}.badge{border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.badge.ok{color:#166534;background:#dcfce7}.badge.off{color:#64748b;background:#f1f5f9}.badge.warn{color:#92400e;background:#fef3c7}.badge.info{color:#1d4ed8;background:#dbeafe}.badge.purple{color:#6d28d9;background:#ede9fe}.fin-head{border-radius:10px 10px 0 0;background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 100%)!important}.fin-head b{color:#1e3a8a}.fin-kpis .cd-kpi{padding:.35rem .45rem}.fin-kpis .cd-kpi .v{font-size:.78rem}.fin-kpis .cd-kpi .l{font-size:.58rem}@media (width>=769px){.dt-bar{gap:8px;padding:8px 10px}.dt-bar .in{padding:7px 10px;font-size:.82rem}}.customers-page .card{margin-bottom:.5rem}.customers-page .cust-toolbar{flex-wrap:nowrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.customers-page .cust-toolbar .btn{flex-shrink:0}.customers-page .cust-search{flex:220px;max-width:50%}.customers-page .cust-status{flex:0 150px}.customers-page table.tbl th,.customers-page table.tbl td{padding:7px 10px;font-size:.8rem}.customers-page table.tbl.cards{border-spacing:0 4px}.customers-page table.tbl.cards td{padding-top:6px;padding-bottom:6px}@media (width<=768px){.customers-page .page-head>div:last-child .btn{flex:100%;min-height:40px}.customers-page .cust-toolbar{flex-wrap:wrap;flex:auto}.customers-page .cust-search,.customers-page .cust-status{flex:100%;max-width:100%}.customers-page table.tbl th,.customers-page table.tbl td{font-size:.82rem}.customers-page .page-head{gap:6px;padding:8px 10px!important}.customers-page .page-title{font-size:.95rem!important}.customers-page .page-sub{margin-bottom:0!important;font-size:.7rem!important}.customers-page .dt-bar{gap:6px;padding:6px 8px}.customers-page .dt-btns .btn{min-height:36px}.customers-page .card{margin-bottom:8px!important}}.cust-detail .fin-summary{flex-wrap:nowrap;gap:8px;display:flex;overflow:visible}.cust-detail .fin-summary .fin-stat{flex:1 1 0;gap:6px;min-width:0;padding:8px}.cust-detail .fin-summary .fin-stat i{border-radius:7px;width:26px;height:26px;font-size:.8rem}.cust-detail .fin-summary .fin-stat>div{min-width:0}.cust-detail .fin-summary .fin-stat .l{font-size:.56rem}.cust-detail .fin-summary .fin-stat .v{overflow-wrap:anywhere;font-size:.78rem}.cust-detail .fin-summary .fin-stat .s{font-size:.6rem}.cust-detail .fin-summary.fin-slim{flex-wrap:wrap}.cust-detail .fin-summary.fin-slim .fin-stat{flex:180px;gap:6px;padding:5px 10px}.cust-detail .fin-summary.fin-slim .fin-stat i{border-radius:6px;width:22px;height:22px;font-size:.7rem}.cust-detail .fin-summary.fin-slim .fin-stat>div{display:contents}.cust-detail .fin-summary.fin-slim .fin-stat .s{margin-top:0}.cust-detail .fin-stat{background:#fff;border:1px solid #eef2f7;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 2px #0f172a0a}.cust-detail .fin-stat:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f172a14}.cust-detail .fin-stat i{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-style:normal;display:flex}.cust-detail .fin-stat.prim i{color:#3730a3;background:#e0e7ff}.cust-detail .fin-stat.good i{color:#16a34a;background:#dcfce7}.cust-detail .fin-stat.due i{color:#dc2626;background:#fef2f2}.cust-detail .fin-stat.wallet i{color:#7c3aed;background:#ede9fe}.cust-detail .fin-stat p{margin:0}.cust-detail .fin-stat .l{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.62rem;font-weight:600}.cust-detail .fin-stat .v{color:#0f172a;font-size:.92rem;font-weight:800}.cust-detail .fin-stat.due .v{color:#dc2626}.cust-detail .fin-stat.good .v{color:#16a34a}.cust-detail .fin-stat .s{color:#64748b;margin-top:2px;font-size:.64rem;font-weight:600}.cust-detail .fin-stat.up i{color:#dc2626;background:#fef2f2}.cust-detail .fin-stat.up .v{color:#dc2626}.cust-detail .fin-stat.down i{color:#2563eb;background:#eff6ff}.cust-detail .fin-stat.down .v{color:#2563eb}.cust-detail .fin-stat.total i{color:#16a34a;background:#dcfce7}.cust-detail .fin-stat.total .v{color:#16a34a}.cust-detail .fin-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cust-detail .fin-tabs .btn{border-radius:999px}.cust-detail .fin-count{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 12px;font-size:.74rem;font-weight:700}.cust-detail .fin-ledger-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}@media (width<=900px){.cust-detail .fin-ledger-grid{grid-template-columns:1fr}}label.f{color:var(--dim);margin:12px 0 5px;font-size:.75rem;font-weight:600;display:block}input.in,select.in{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:.88rem}input.in:focus,select.in:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.btn{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.86rem;font-weight:700;display:inline-block}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{color:var(--text);border:1px solid var(--border);background:#fff}.btn.ghost:hover{background:#f8fafc}.btn.small{padding:6px 12px;font-size:.78rem}.btn.danger{background:var(--danger)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search{max-width:300px}.pager{color:var(--dim);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:.82rem;display:flex}.dt-bar{border-bottom:1px solid var(--border);z-index:20;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative;overflow:visible}input.in.dt-search{flex-grow:0;flex-shrink:0;width:20%;min-width:100px;max-width:260px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h1{margin-bottom:2px}.page-head p{margin-bottom:0}.sel-radio{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}tr.selected td{background:#eef2ff}.dt-btns{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.btn.on{border-color:var(--primary);color:var(--primary-dark)}.btn.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.btn.blue:hover{background:#dbeafe}.btn.blue.on{color:#fff;background:#2563eb;border-color:#2563eb}.btn.purple{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.btn.purple:hover{background:#ede9fe}.btn.green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.btn.green:hover{background:#dcfce7}.dt-cols{z-index:50;border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;width:max-content;min-width:340px;max-width:440px;max-height:320px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 10px 30px #0f172a1f}.dt-cols label{cursor:pointer;white-space:normal;word-break:break-word;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;line-height:1.3;display:flex}@media (width<=560px){.dt-cols{grid-template-columns:1fr;min-width:240px}}.dt-cols label:hover{background:#f8fafc}.dt-foot{color:var(--dim);border-top:1px solid var(--border);padding:10px 14px;font-size:.78rem}tr.filter-row th{background:#f8fafc;padding:6px 12px}input.dt-filter{max-width:130px;padding:5px 8px;font-size:.7rem}.dt-daterange{flex-direction:column;gap:4px;display:flex}.dt-daterange input.dt-filter{width:100%;min-width:120px;max-width:none}.ver-tag{color:var(--dim);border:1px solid var(--border);vertical-align:middle;background:#f1f5f9;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.62rem;font-weight:700}th .th-in{text-overflow:ellipsis;white-space:nowrap;padding-right:10px;display:block;position:relative;overflow:hidden}.resize-handle{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:10px;position:absolute;top:-4px;bottom:-4px;right:0}@media (pointer:coarse){.resize-handle{width:20px;right:-5px}.resize-handle:after{right:8px}}.resize-handle:after{content:"";background:0 0;border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;right:3px}th:hover .resize-handle:after,.resize-handle:hover:after{background:#a5b4fc}.resize-handle:hover{background:#4f46e51f}table.tbl{table-layout:auto}.overlay{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:420px;max-width:94vw;padding:22px;box-shadow:0 20px 60px #0f172a40}.modal.wide{width:640px}.modal.tall{flex-direction:column;width:880px;max-width:96vw;max-height:94vh;padding:0;display:flex;overflow:hidden}.modal.tall .mhead{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px 12px}.modal.tall .mhead h2{margin-bottom:3px}.modal.tall .mbody{flex:auto;min-height:0;padding:14px 20px 4px;overflow-y:auto}.modal.tall label.f{white-space:nowrap;margin-right:12px;width:auto!important;min-width:0!important;max-width:none!important}.modal.tall .in{width:100%;min-width:0}.modal.tall input[type=time].in,.modal.tall input[type=number].in{min-height:34px}.modal.tall .mfoot{border-top:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.modal.tall .mfoot .mfoot-note{color:var(--dim);align-self:center;margin-right:auto;font-size:.72rem}.daygrid{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.8rem}.daygrid th,.daygrid td{border-bottom:1px solid var(--border);text-align:left;padding:7px 8px}.daygrid th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid var(--border);background:#f8fafc;font-size:.66rem}.daygrid td.dayname{width:96px;font-weight:700}.daygrid td.daytype,.daygrid td.daymins{width:132px}.daygrid tr.off td{color:#991b1b;background:#fef2f2}.daygrid tr.off td.dayname{color:#b91c1c}.daygrid input{width:100%;min-width:0;min-height:32px}.daygrid input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.daytag{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.daytag.off{color:#b91c1c;background:#fee2e2}.daytag.work{color:#15803d;background:#dcfce7}.daytag.half{color:#b45309;background:#fef3c7}.daytag.soon{color:#64748b;background:#f1f5f9}.daygrid tr.soon td{color:#94a3b8;background:#f8fafc;font-style:italic}@media (width<=700px){.modal.tall{width:96vw;height:92vh}}.modal h2{margin-bottom:4px;font-size:1.05rem}.modal .sub{color:var(--dim);margin-bottom:8px;font-size:.8rem}.modal h3.sec{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-dark);border-top:1px solid var(--border);margin:16px 0 2px;padding-top:12px;font-size:.72rem;font-weight:800}.modal h3.sec:first-of-type{border-top:none;margin-top:6px;padding-top:0}.grid2 .full{grid-column:1/-1}@media (width<=560px){.grid2{grid-template-columns:1fr}}.modal .row{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-box{width:380px;max-width:94vw}.login-box h1{margin-bottom:2px;font-size:1.4rem}.login-box h1 span{color:var(--primary)}table.tbl.cards{border-collapse:separate;border-spacing:0 4px}table.tbl.cards thead th{border-bottom:none}table.tbl.cards thead th.ch0{color:#3730a3;background:#e0e7ff}table.tbl.cards thead th.ch1{color:#166534;background:#bbf7d0}table.tbl.cards thead th.ch2{color:#92400e;background:#fde68a}table.tbl.cards thead th.ch3{color:#9f1239;background:#fecdd3}table.tbl.cards thead th.ch4{color:#0c4a6e;background:#bae6fd}table.tbl.cards thead th.ch5{color:#6b21a8;background:#ddd6fe}table.tbl.cards thead th.ch6{color:#115e59;background:#99f6e4}table.tbl.cards thead th.ch7{color:#9a3412;background:#fed7aa}table.tbl.cards tbody td.cc0{background:#eef2ff}table.tbl.cards tbody td.cc1{background:#f0fdf4}table.tbl.cards tbody td.cc2{background:#fffbeb}table.tbl.cards tbody td.cc3{background:#fff1f2}table.tbl.cards tbody td.cc4{background:#f0f9ff}table.tbl.cards tbody td.cc5{background:#faf5ff}table.tbl.cards tbody td.cc6{background:#f0fdfa}table.tbl.cards tbody td.cc7{background:#fff7ed}table.tbl.cards th.sno,table.tbl.cards td.sno{text-align:center;color:var(--dim);font-weight:700}table.tbl.cards tbody tr{filter:drop-shadow(0 1px 2px #0f172a0f)}table.tbl.cards tbody tr td{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}table.tbl.cards tbody tr td:first-child{border-left:1px solid var(--border);border-radius:10px 0 0 10px}table.tbl.cards tbody tr td:last-child{border-right:1px solid var(--border);border-radius:0 10px 10px 0}table.tbl.cards tbody tr:hover td{box-shadow:inset 0 0 0 999px #4f46e512}table.tbl.cards tbody tr.selected td{box-shadow:inset 0 0 0 999px #4f46e521}table.tbl.cards th.selcol,table.tbl.cards td.selcol{width:30px;padding-left:6px;padding-right:2px}table.tbl.cards th.sno,table.tbl.cards td.sno{padding-left:4px;padding-right:4px}.cd-details-view{--cd-border:#e2e8f0;--cd-muted:#334155;--cd-label:#1e293b;--cd-value:#0f172a}.cd-details-view>.row{margin-left:-8px;margin-right:-8px}@media (width>=992px){.cd-details-view>.row{align-items:flex-start}}.cd-details-view>.row>[class*=col-]{padding-left:8px;padding-right:8px}.cd-details-view .cd-col-stack{flex-direction:column;gap:.65rem;display:flex}.cd-details-view .cd-col-stack>.row{flex-direction:column;gap:.65rem;margin:0;display:flex}.cd-details-view .cd-col-stack>.row>[class*=col-]{flex:0 0 100%;max-width:100%;padding:0}.cd-details-view .cd-col-stack .user-card-details,.cd-details-view .cd-col-stack>.card.cd-nested-flat{margin-bottom:0}.cd-details-view .user-card-details{border:1px solid var(--cd-border);background:#fff;border-radius:10px;margin-bottom:.65rem;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.cd-details-view .user-card-details>.card-title{color:#0f172a;letter-spacing:.02em;background:#f8fafc;border-bottom:1px solid #eef2f7;align-items:center;gap:.35rem;margin:0;padding:.55rem .75rem;font-size:.8rem;font-weight:700;display:flex}.cd-details-view .user-card-details>.card-title b{font-weight:700}.cd-details-view .user-card-details>.card-title i{font-size:.9rem;color:#2563eb!important}.cd-details-view .user-card-details>.card-body{color:#0f172a;font-weight:600;text-align:left!important;padding:.45rem .75rem .55rem!important}.cd-details-view .clearfix{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(6.75rem,38%) minmax(0,1fr);align-items:start;gap:.12rem .65rem;margin:0;padding:.35rem 0;display:grid}.cd-details-view .clearfix:last-child{border-bottom:0}.cd-details-view .clearfix>.float-left,.cd-details-view .clearfix>.float-right{width:auto;max-width:none;float:none!important}.cd-details-view .clearfix>.float-left{color:var(--cd-label);text-align:left;grid-area:1/1;font-size:.7rem;font-weight:700;line-height:1.35}.cd-details-view .clearfix>.float-right{color:var(--cd-value);text-align:right;word-break:break-word;overflow-wrap:anywhere;grid-area:1/2;justify-self:end;min-width:0;font-size:.72rem;font-weight:600;line-height:1.35}.cd-details-view .clearfix.cd-detail-row--stack>.float-right{margin-top:.08rem;text-align:left!important;float:none!important;grid-area:2/1/auto/-1!important;justify-self:stretch!important;width:100%!important;max-width:none!important}.cd-details-view .clearfix>.text-muted{color:var(--cd-muted)!important;font-weight:600!important}.cd-details-view .badge{vertical-align:middle;border-radius:6px;padding:.2rem .45rem;font-size:.68rem;font-weight:700}.cd-details-view .user-card-details.card-mc-0{background:#eef2ff;border-color:#c7d2fe}.cd-details-view .user-card-details.card-mc-1{background:#f0fdf4;border-color:#bbf7d0}.cd-details-view .user-card-details.card-mc-2{background:#fffbeb;border-color:#fde68a}.cd-details-view .user-card-details.card-mc-3{background:#fff1f2;border-color:#fecdd3}.cd-details-view .user-card-details.card-mc-4{background:#f0f9ff;border-color:#bae6fd}.cd-details-view .user-card-details.card-mc-5{background:#faf5ff;border-color:#ddd6fe}.cd-details-view .user-card-details.card-mc-6{background:#f5f3ff;border-color:#ddd6fe}.cd-details-view .user-card-details.card-mc-6>.card-title{background:#ede9fe}.cb-toggle{cursor:pointer;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.cb-toggle-label{letter-spacing:.05em;color:#64748b;font-size:.6rem;font-weight:800}.cb-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.cb-grid>label{color:#475569;flex-direction:column;gap:3px;font-size:.66rem;font-weight:700;display:flex}.cb-grid .in{width:100%}.cb-note{color:#64748b;margin-top:6px;font-size:.64rem}.cb-msg{margin-top:6px;font-size:.66rem;font-weight:700}.cb-msg.err{color:#dc2626}.cb-msg.ok{color:#16a34a}.cb-hist{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:6px}.cb-hist-title{text-transform:uppercase;color:#64748b;margin-bottom:3px;font-size:.62rem;font-weight:700}.cb-hist-row{color:#475569;flex-wrap:wrap;gap:6px;padding:2px 0;font-size:.64rem;display:flex}.cb-hist-note{color:#94a3b8;font-style:italic}@media (width<=767px){.cb-grid{grid-template-columns:1fr}}.cd-details-view .user-card-details.card-mc-0>.card-title{background:#e0e7ff}.cd-details-view .user-card-details.card-mc-1>.card-title{background:#dcfce7}.cd-details-view .user-card-details.card-mc-2>.card-title{background:#fef3c7}.cd-details-view .user-card-details.card-mc-3>.card-title{background:#fecdd3}.cd-details-view .user-card-details.card-mc-4>.card-title{background:#bae6fd}.cd-details-view .user-card-details.card-mc-5>.card-title{background:#ddd6fe}@media (width>=768px){.cd-details-view>.row{flex-wrap:wrap;display:flex}}.grid3 .full{grid-column:1/-1}@media (width<=900px){.grid3{grid-template-columns:1fr 1fr}}@media (width<=560px){.grid3{grid-template-columns:1fr}}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;display:grid}.grid4 .full{grid-column:1/-1}@media (width<=1100px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.grid4{grid-template-columns:1fr}}.switch{width:38px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .lever{cursor:pointer;background-color:#cbd5e1;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch .lever:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch input:checked+.lever{background-color:#7c3aed}.switch input:checked+.lever:before{transform:translate(18px)}.nav-group{margin-bottom:2px}.nav-submenu{opacity:0;max-height:0;transition:max-height .32s,opacity .22s,transform .22s;overflow:hidden;transform:translateY(-4px)}.nav-submenu.open{opacity:1;scrollbar-width:thin;max-height:1100px;overflow-y:auto;transform:translateY(0)}.nav-tree{border-left:1px dashed #94a3b847;margin:4px 0 6px 18px;padding-left:14px;position:relative}.nav-tree .nav-link{border-left:none;margin-left:0;padding:7px 10px 7px 14px;font-size:.82rem;position:relative}.nav-tree .nav-link:before{content:"";background:#94a3b852;width:10px;height:1px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.nav-tree .nav-link:after{content:"";opacity:0;background:#5eead4e6;border-radius:50%;width:6px;height:6px;transition:opacity .2s;position:absolute;top:50%;left:-14px;transform:translate(-2.5px,-50%)}.nav-tree .nav-link.active:after{opacity:1}.nav-tree .nav-link:hover:before{background:#5eead499}.nav-arrow{transition:transform .2s;display:inline-block}.nav-arrow.open{transform:rotate(0)}@media (width<=768px){.layout{flex-direction:column}.sidebar{z-index:100;width:280px;min-width:280px;height:100dvh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 10px 30px #02061780}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:90;opacity:0;background:#0f172a80;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;display:block}.main{width:100%;min-width:0;padding-bottom:56px}.app-footer{padding:6px 10px;font-size:.66rem;left:0}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;padding:10px 12px}.topbar .hamburger{display:flex!important}.content{padding:12px 10px}h1.page-title{font-size:1.1rem}.card{margin-bottom:12px;padding:12px}.page-head{flex-direction:column;gap:10px;padding:12px!important}.page-head h1.page-title{margin-bottom:2px;font-size:1.05rem}.page-head p.page-sub{margin-bottom:0;font-size:.78rem}.page-head .btn,.page-head .btn.ghost{white-space:nowrap;flex:none;justify-content:center;width:auto;min-height:32px;padding:6px 12px;font-size:.78rem}.page-head>div:last-child{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;display:flex}.page-head>div:last-child .btn{flex:none;min-width:0}.card[style*=overflowX]{-webkit-overflow-scrolling:touch;overflow-x:auto}.tbl-scroll table.tbl{min-width:600px}table.tbl{font-size:.78rem}table.tbl th,table.tbl td{white-space:nowrap;padding:6px}table.tbl.cards{border-spacing:0 4px}.dt-bar{flex-direction:column;gap:10px}.dt-bar .dt-search{width:100%!important;min-width:0!important;max-width:none!important}.dt-btns{flex-wrap:wrap;gap:8px;width:100%;display:flex}.dt-btns .btn{flex:auto;min-width:0;padding:6px 8px;font-size:.75rem}.dt-foot{flex-direction:column;align-items:stretch;gap:10px}.dt-foot .pager{flex-wrap:wrap;justify-content:center}.grid2,.grid3{gap:10px}.modal{width:96vw;max-width:96vw;max-height:90vh;padding:16px;overflow-y:auto}.modal.wide{width:96vw}.in,.notes,select.in{font-size:16px!important}.btn{min-height:40px}.btn.small{min-height:32px}.cd-details-view>.row>[class*=col-]{flex:0 0 100%;max-width:100%}.hamburger{display:flex}}.hamburger{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;font-weight:700;display:none;box-shadow:0 2px 8px #4f46e54d}.hamburger:hover{background:#4338ca}.hamburger:active{background:#3730a3}@media (width<=768px){.tbl-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}}html,body{overflow-x:hidden}*{-webkit-tap-highlight-color:#4f46e526}@media (width<=480px){h1.page-title{font-size:1rem}p.page-sub,.topbar .who{font-size:.78rem}}.cust-detail .cd-top{align-items:flex-start;gap:10px;margin-bottom:.6rem;display:flex}.cust-detail .cd-side{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-self:flex-start;width:196px;max-height:calc(100vh - 200px);padding:.3rem;overflow-y:auto;box-shadow:0 1px 2px #0f172a0a}.cust-detail .cd-side .mi{color:#334155;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;width:100%;margin:0 0 .1rem;padding:.32rem .5rem;font-size:.72rem;font-weight:600;display:flex}.cust-detail .cd-side .mi i{text-align:center;color:#2563eb;width:14px;font-size:.76rem}.cust-detail .cd-side .mi:hover:not(:disabled){background:#f8fafc}.cust-detail .cd-side .mi.on{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe;font-weight:700}.cust-detail .cd-side .mi:disabled{opacity:.55;cursor:not-allowed}.cust-detail .cd-profile{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:flex-start;width:110px;padding:.6rem 0;display:flex}.cust-detail .cd-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:700;display:flex}.cust-detail .cd-main{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:0;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.cust-detail .cd-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;padding:.55rem .65rem .5rem;display:grid}.cust-detail .cd-kpi{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;align-items:center;gap:.45rem;min-width:0;padding:.45rem .5rem;display:flex}.cust-detail .cd-kpi i{color:#2563eb;background:#eff6ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;font-style:normal;display:flex}.cust-detail .cd-kpi.due i{color:#dc2626;background:#fef2f2}.cust-detail .cd-kpi.exp i{color:#ea580c;background:#fff7ed}.cust-detail .cd-kpi.off i{color:#64748b;background:#f1f5f9}.cust-detail .cd-kpi p{margin:0}.cust-detail .cd-kpi>div{flex:1;min-width:0}.cust-detail .cd-kpi .v{overflow-wrap:anywhere;word-break:break-word}.cust-detail .cd-kpi .l{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.62rem;font-weight:600}.cust-detail .cd-kpi .v{color:#0f172a;font-size:.84rem;font-weight:700}.cust-detail .cd-kpi.due .v{color:#dc2626}.cust-detail .cd-meta{background:#fafbfc;border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;padding:.45rem .65rem .55rem;display:flex}.cust-detail .cd-mi{align-items:center;gap:.45rem;display:inline-flex}.cust-detail .cd-mi+.cd-mi{border-left:1px solid #e2e8f0;padding-left:1rem}.cust-detail .cd-ml{color:#64748b;text-transform:uppercase;font-size:.68rem;font-weight:600}.cust-detail .cd-mv{color:#1e293b;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;display:inline-flex}.cust-detail .cd-mv .copy{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:.8rem}.cust-detail .cd-mv .copy:hover{color:#2563eb}.cust-detail .cd-meta .cd-mi{border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:6px 12px;display:inline-flex}.cust-detail .cd-meta .cd-mi+.cd-mi{border-left:none;padding-left:12px}.cust-detail .cd-meta .cd-mi.user{background:#dbeafe;border-color:#93c5fd}.cust-detail .cd-meta .cd-mi.user .cd-ml{color:#1e40af}.cust-detail .cd-meta .cd-mi.user .cd-mv,.cust-detail .cd-meta .cd-mi.user .cd-mv b{color:#1e3a8a}.cust-detail .cd-meta .cd-mi.status{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#15803d;box-shadow:0 1px 3px #16a34a40}.cust-detail .cd-meta .cd-mi.status .cd-ml{color:#d1fae5}.cust-detail .cd-meta .cd-mi.status .cd-mv{color:#fff}.cust-detail .cd-meta .cd-mi.status .badge{background:#fff;font-weight:800;box-shadow:0 1px 2px #0f172a33}.cust-detail .cd-meta .cd-mi.status .badge.ok{color:#16a34a}.cust-detail .cd-meta .cd-mi.status .badge.off{color:#64748b}.cust-detail .cd-meta .cd-mi.status .badge.warn{color:#d97706}.cust-detail .cd-meta .cd-mi.mobile{background:#fecaca;border-color:#f87171}.cust-detail .cd-meta .cd-mi.mobile .cd-ml,.cust-detail .cd-meta .cd-mi.mobile .cd-mv{color:#7f1d1d}.cust-detail .cd-meta .cd-mi.presence{background:#dbeafe;border-color:#60a5fa}.cust-detail .cd-meta .cd-mi.presence .cd-ml{color:#1e40af}.cust-detail .cd-meta .cd-mi.presence .cd-mv{color:#1e3a8a}.cust-detail .cd-meta .cd-mi.logout{background:#fecaca;border-color:#f87171;min-height:0;padding:4px 10px}.cust-detail .cd-meta .cd-mi.live{background:#bae6fd;border-color:#38bdf8;min-height:0;padding:4px 10px}.cust-detail .pill{border-radius:6px;align-items:center;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.cust-detail .pill.ok{color:#fff;background:#16a34a}.cust-detail .pill.off{color:#fff;background:#dc2626}.cust-detail .pill.warn{color:#fff;background:#ca8a04}.cust-detail .pill.info{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.cust-detail .cd-actions{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.3rem .4rem;margin-bottom:.6rem;padding:.45rem .55rem;display:flex}.cust-detail .cd-tags{border-right:1px solid #eef2f7;gap:.25rem;margin-right:.1rem;padding-right:.4rem;display:flex}.cust-detail .cd-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:.1rem .38rem;font-size:.65rem;font-weight:700;display:inline-flex}.cust-detail .abtn{cursor:pointer;white-space:nowrap;color:#fff;border:1px solid #0000;border-radius:6px;align-items:center;height:26px;padding:0 .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.cust-detail .abtn.bl{background:#2563eb;border-color:#1d4ed8}.cust-detail .abtn.gr{background:#16a34a;border-color:#15803d}.cust-detail .abtn.rd{background:#dc2626;border-color:#b91c1c}.cust-detail .abtn.yl{background:#ca8a04;border-color:#a16207}.cust-detail .abtn.cy{background:#0ea5e9;border-color:#0284c7}.cust-detail .abtn.gh{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.cust-detail .abtn:disabled{opacity:.55;cursor:not-allowed}.cust-detail .dd{display:inline-flex;position:relative}.cust-detail .dd-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:190px;padding:.3rem;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 18px #0f172a1a}.cust-detail .dd-menu button{text-align:left;cursor:pointer;color:#1e293b;background:0 0;border:none;border-radius:6px;width:100%;padding:.4rem .55rem;font-size:.8rem;font-weight:500;display:block}.cust-detail .dd-menu button:hover{background:#eff6ff}.cust-detail .dd-menu button[class*=mi-]{margin-bottom:3px;font-weight:700}.cust-detail .dd-menu button[class*=mi-]:last-child{margin-bottom:0}.cust-detail .dd-menu button.mi-0{color:#3730a3;background:#eef2ff}.cust-detail .dd-menu button.mi-1{color:#15803d;background:#f0fdf4}.cust-detail .dd-menu button.mi-2{color:#92400e;background:#fffbeb}.cust-detail .dd-menu button.mi-3{color:#0369a1;background:#f0f9ff}.cust-detail .dd-menu button.mi-4{color:#6d28d9;background:#faf5ff}.cust-detail .dd-menu button.mi-del{color:#991b1b;background:#fee2e2}.cust-detail .cd-contact{border-left:1px solid #eef2f7;gap:.3rem;margin-left:auto;padding-left:.5rem;display:flex}.cust-detail .cd-bodyrow{align-items:flex-start;gap:10px;display:flex}.cust-detail .cd-cols{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.65rem;display:grid}.kv{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(110px,42%) minmax(0,58%);align-items:start;column-gap:12px;padding:4px 0;font-size:.76rem;display:grid}.kv:last-child{border-bottom:0}.kv .k{color:#1e293b;text-align:left;font-weight:700}.kv .val{color:#0f172a;text-align:right;overflow-wrap:anywhere;word-break:break-word;min-width:0;padding-right:8px;font-weight:600}.cust-detail .kv{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(110px,42%) minmax(0,58%);align-items:start;column-gap:12px;padding:6px 0;font-size:.76rem;display:grid}.cust-detail .kv:last-child{border-bottom:0}.cust-detail .kv .k{color:#1e293b;text-align:left;font-weight:700}.cust-detail .kv .val{color:#0f172a;text-align:right;overflow-wrap:anywhere;word-break:break-word;min-width:0;padding-right:8px;font-weight:600}.cust-detail .kv .val.mut{color:#64748b}.cust-detail .kv .val.good{color:#16a34a;font-weight:700}.cust-detail .kv .val.bad{color:#dc2626;font-weight:700}.cust-detail .fup{background:#fafbfc;border:1px solid #eef2f7;border-radius:8px;margin-bottom:.5rem;padding:.65rem}.cust-detail .fup h4{color:#334155;margin:0 0 .5rem;font-size:.76rem;font-weight:700}.cust-detail .fup-stats{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.cust-detail .fup-stat{color:#fff;border-radius:8px;align-items:center;gap:.55rem;padding:.5rem .65rem;display:flex}.cust-detail .fup-stat.t{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.cust-detail .fup-stat.b{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.cust-detail .fup-stat .fv{font-size:1rem;font-weight:700}.cust-detail .fup-stat .fl{text-transform:uppercase;opacity:.9;font-size:.68rem;font-weight:700}.cust-detail .bar{background:#eef2f7;border-radius:999px;height:8px;margin-top:.5rem;position:relative;overflow:hidden}.cust-detail .bar>div{background:#16a34a;border-radius:999px;height:100%;transition:width .3s}.cust-detail .bar>.fup-mark{opacity:.75;background:#94a3b8;border-radius:1px;width:2px;height:10px;position:absolute;top:-1px}.cust-detail .fup-legend{color:#64748b;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.45rem;font-size:.62rem;display:flex}.cust-detail .fup-chip{border-radius:2px;width:8px;height:8px;margin-left:.35rem;display:inline-block}.cust-detail .fup-meter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:.6rem;padding:.65rem .7rem}.cust-detail .fup-meter-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.cust-detail .fup-meter-label{text-transform:uppercase;letter-spacing:.04em;color:#334155;font-size:.68rem;font-weight:700}.cust-detail .fup-meter-state{color:#fff;white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.62rem;font-weight:700}.cust-detail .fup-meter-track{background:#e2e8f0;border-radius:999px;height:12px;position:relative;overflow:hidden}.cust-detail .fup-meter-fill{border-radius:999px;height:100%;transition:width .3s}.cust-detail .fup-meter-track>.fup-mark{opacity:.9;background:#fff;border-radius:1px;width:2px;height:14px;position:absolute;top:-1px}.cust-detail .fup-meter-foot{color:#475569;margin-top:.4rem;font-size:.66rem}.cust-detail .tools{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.cust-detail .tool{color:#1e293b;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;justify-content:space-between;align-items:center;padding:.4rem .55rem;font-size:.74rem;font-weight:700;display:flex}@media (width<=1100px){.cust-detail .cd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cust-detail .cd-cols{grid-template-columns:1fr 1fr}}@media (width<=767px){.cust-detail .cd-top{flex-direction:column}.cust-detail .cd-side{width:100%;max-height:180px}.cust-detail .cd-profile{width:100%;padding:.6rem}.cust-detail .cd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cust-detail .cd-cols{grid-template-columns:1fr}.cust-detail .cd-bodyrow{flex-direction:column;align-items:stretch}.cust-detail .cd-bodyrow .cd-details-view{width:100%;max-width:100%}.cust-detail .cd-bodyrow .cd-side{width:100%;max-height:180px}.cust-detail .cd-leftcol{width:100%}.cust-detail .cd-mi+.cd-mi{border-left:0;padding-left:0}.cust-detail .cd-contact{border-left:0;margin-left:0;padding-left:0}}.cust-detail .cd-leftcol{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:10px;width:210px;display:flex}.cust-detail .cd-bodyrow .cd-side{width:100%}.cust-detail .cd-leftcol .tools{grid-template-columns:1fr}.tbl-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#7c3aed #eef2f7;padding-bottom:4px;overflow-x:auto}@keyframes skelShimmer{to{background-position:-200% 0}}.skel{vertical-align:middle;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;min-width:40px;min-height:12px;animation:1.2s linear infinite skelShimmer;display:inline-block}.skel.light{background:linear-gradient(90deg,#ffffff8c 25%,#ffffffd9 50%,#ffffff8c 75%) 0 0/200% 100%}.skel-t{width:180px;height:18px}.skel-l{width:120px;height:12px}.skel-v{width:140px;max-width:100%;height:12px}.inline-loader{padding:4px 0}tr.tbl-loading{filter:none!important}tr.tbl-loading td{box-shadow:none!important;background:#fff!important;border-top:1px solid #f1f5f9!important;border-bottom:1px solid #f1f5f9!important}.tbl-scroll::-webkit-scrollbar{height:10px}.tbl-scroll::-webkit-scrollbar-track{background:#eef2f7;border-radius:999px}.tbl-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#7c3aed,#ec4899);border:2px solid #eef2f7;border-radius:999px}.tbl-scroll::-webkit-scrollbar-thumb:hover{background:#7c3aed}.detail-page-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:.65rem;display:grid}@media (width<=1024px){.detail-page-grid{grid-template-columns:1fr}}.detail-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}@media (width<=768px){.detail-fields{grid-template-columns:1fr}}.detail-related-grid{grid-template-columns:1fr;gap:.65rem;display:grid}.cust-detail .net-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.cust-detail .net-head{background:#f8fafc;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.cust-detail .net-head h4{color:#0f172a;margin:0;font-size:.82rem;font-weight:700}.cust-detail .net-head p{color:#64748b;margin:.1rem 0 0;font-size:.68rem;font-weight:600}.cust-detail .net-count{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.cust-detail .net-count.sm{font-size:.66rem}.cust-detail .net-body{padding:.65rem}.cust-detail .net-sec-head{justify-content:space-between;align-items:center;gap:.5rem;margin:.65rem 0 .45rem;display:flex}.cust-detail .net-sec-head:first-child{margin-top:0}.cust-detail .net-sec-head h5{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.74rem;font-weight:700}.cust-detail .net-empty{color:#64748b;background:#f8fafc;border:1px dashed #dbe3ef;border-radius:8px;padding:.65rem .75rem;font-size:.72rem;font-weight:600}.cust-detail .net-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:.65rem 0 .5rem;padding:.5rem .65rem;display:flex}.cust-detail .net-toggle{color:#334155;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;display:flex}.cust-detail .net-table thead th{white-space:nowrap;color:#fff!important;background:linear-gradient(#1a4f8f 0%,#177abf 100%)!important;font-size:.68rem!important}.cust-detail .net-table tbody td{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem!important}.top-nav{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:10px 12px;display:flex;box-shadow:0 1px 3px #0000000d}.top-nav-item{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.top-nav-item:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.top-nav-item.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);border-color:#0000;box-shadow:0 2px 6px #7c3aed4d}.top-nav-item.active:hover{background:linear-gradient(135deg,#6d28d9 0%,#db2777 100%)}.top-nav-item i{font-size:.95rem}@media (width<=768px){.top-nav{gap:4px;padding:8px}.top-nav-item{padding:6px 10px;font-size:.75rem}}.cust-detail .customer-content{grid-template-columns:minmax(0,25fr) minmax(0,75fr);align-items:start;gap:12px;display:grid}.cust-detail .customer-left-column,.cust-detail .customer-right-column{flex-direction:column;align-self:start;gap:12px;min-width:0;display:flex}@media (width<=1100px){.cust-detail .customer-content{grid-template-columns:1fr}}.cust-detail .account-connection-card>.card-body{padding:12px}.cust-detail .account-connection-card .card-title{color:#334155;background:#f1f5f9}.cust-detail .account-connection-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.cust-detail .internal-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;box-shadow:0 1px 2px #0f172a0a}.cust-detail .account-details-card{background:#eef2ff;border-color:#c7d2fe}.cust-detail .connection-location-card{background:#fff1f2;border-color:#fecdd3}.cust-detail .account-details-section .cd-split-cap,.cust-detail .connection-location-section .cd-split-cap{border-radius:8px;margin:0 0 .75rem;padding:.55rem .75rem;font-size:.8rem;font-weight:700}.cust-detail .account-details-section .cd-split-cap{color:#3730a3;background:#e0e7ff}.cust-detail .connection-location-section .cd-split-cap{color:#9f1239;background:#fecdd3}.cust-detail .connection-location-section .location-info-header{margin-top:12px}@media (width<=900px){.cust-detail .account-connection-grid{grid-template-columns:1fr}}textarea{resize:none}textarea.in{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:10px 12px;font-family:inherit;font-size:.88rem}textarea.in:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.cd-form-page .cd-form-body{flex-direction:column;gap:16px;display:flex}.cd-form-page .cd-form-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.logo-upload-area{flex-direction:column;align-items:center;gap:8px;display:flex}.logo-preview-wrapper{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;transition:border-color .2s,background-color .2s;display:flex;position:relative}.logo-preview-wrapper:hover{background:#eff6ff;border-color:#3b82f6}.logo-preview-wrapper img{object-fit:cover;border-radius:8px;width:100%;height:100%}.logo-placeholder{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.logo-placeholder i{font-size:2rem}.file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-name{color:#64748b;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.75rem;overflow:hidden}.form-group{margin-bottom:16px}.form-group label.f{color:#334155;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.form-group label.f .required{color:#ef4444;margin-left:4px}.form-group .in{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.form-group .in:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.form-group textarea.in{resize:vertical;min-height:80px;font-family:inherit}.grid2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.grid2,.grid3{grid-template-columns:1fr}}.checkbox-group{margin-top:8px}.checkbox-group label.f{cursor:pointer;color:#334155;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{accent-color:#3b82f6;width:18px;height:18px}.required-fields{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.field-checkbox{cursor:pointer;color:#334155;align-items:center;gap:6px;font-size:.82rem;display:flex}.field-checkbox input[type=checkbox]{accent-color:#3b82f6;width:16px;height:16px}.kv-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.kv-row:last-child{border-bottom:none}.kv-row .k{color:#475569;font-weight:600}.kv-row .v{color:#0f172a;text-align:right;font-weight:500}.cd-form-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.cd-form-footer .btn{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.86rem;font-weight:600;transition:all .2s}.cd-form-footer .btn.ghost{color:#475569;background:0 0;border:1px solid #e2e8f0}.cd-form-footer .btn.ghost:hover{color:#334155;background:#f1f5f9}.cd-form-footer .btn.primary{color:#fff;background:#3b82f6;border:none}.cd-form-footer .btn.primary:hover{background:#2563eb}.cd-form-footer .btn:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.85rem}.alert.err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.cd-page .card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.cd-page .card-title{color:#0f172a;letter-spacing:.02em;background:#f8fafc;border-bottom:1px solid #eef2f7;align-items:center;gap:8px;margin:0;padding:14px 18px;font-size:.85rem;font-weight:700;display:flex}.cd-page .card-title i{color:#2563eb;font-size:1rem}.cd-page .card-body{padding:18px}.cd-page .card-mc-0{background:#eef2ff;border-color:#c7d2fe}.cd-page .card-mc-0>.card-title{background:#e0e7ff}.cd-page .card-mc-1{background:#f0fdf4;border-color:#bbf7d0}.cd-page .card-mc-1>.card-title{background:#dcfce7}.cd-page .card-mc-2{background:#fffbeb;border-color:#fde68a}.cd-page .card-mc-2>.card-title{background:#fef3c7}.cd-page .card-mc-3{background:#fff1f2;border-color:#fecdd3}.cd-page .card-mc-3>.card-title{background:#fecdd3}@media (width<=768px){.cust-detail .cd-actions{gap:.3rem;padding:.4rem}.cust-detail .cd-actions .abtn{text-overflow:ellipsis;flex:21%;justify-content:center;height:30px;min-height:30px;padding:0 .4rem;font-size:.66rem;overflow:hidden}.cust-detail .dd-menu{max-width:calc(100vw - 24px)}.cust-detail .cd-kpi .v{font-size:.8rem}.cust-detail .cd-meta{gap:.4rem .75rem}.cust-detail .net-head{flex-direction:column;align-items:flex-start}.modal .row,.modal form .row{flex-wrap:wrap}}@media (width<=480px){.cust-detail .cd-actions .abtn{text-overflow:ellipsis;flex:21%;height:30px;min-height:30px;padding:0 .4rem;font-size:.66rem;overflow:hidden}.cust-detail .cd-kpis{gap:.4rem}.kv{grid-template-columns:1fr;row-gap:0}.content{padding:10px 8px}}.skel-avatar{border-radius:50%;width:110px;height:110px;margin:0 auto 10px;display:block}.cust-detail .cd-kpi i.sk-ico,.card-title b i.sk-ico{color:#0000;background:linear-gradient(90deg,#e8edf7 25%,#dbe3f0 50%,#e8edf7 75%) 0 0/200% 100%;animation:1.2s linear infinite skelShimmer}.cust-detail .abtn.skel-btn{pointer-events:none;background:linear-gradient(90deg,#e8edf7 25%,#dbe3f0 50%,#e8edf7 75%) 0 0/200% 100%;border-color:#e8edf7;width:88px;height:26px;animation:1.2s linear infinite skelShimmer}.card.page-head.loader-head{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;position:relative;overflow:hidden}.loader-head:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff40 50%,#0000 80%);animation:1.6s infinite loaderSheen;position:absolute;inset:0}@keyframes loaderSheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cust-detail .abtn.pu{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-color:#6d28d9}.kpi-strip{flex-wrap:wrap;gap:8px;display:flex}.kpi-strip>*{flex:150px;min-width:0;max-width:240px}.cust-detail .cd-comp-card table.tbl.cards{border-spacing:0 4px}.cust-detail .cd-comp-card table.tbl.cards td{padding-top:6px;padding-bottom:6px}.cust-detail .cd-fin-card table.tbl.cards{border-spacing:0 4px}.cust-detail .cd-fin-card table.tbl.cards td{padding-top:6px;padding-bottom:6px}.cust-detail .cd-sess-card table.tbl.cards{border-spacing:0 4px}.cust-detail .cd-sess-card table.tbl.cards td{padding-top:6px;padding-bottom:6px}.cust-detail .cd-net-card table.tbl.cards{border-spacing:0 4px}.cust-detail .cd-net-card table.tbl.cards td{padding-top:6px;padding-bottom:6px}.cust-detail .cd-net-card table.tbl.cards tbody td{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.cust-detail .cd-doc-card table.tbl.cards{border-spacing:0 4px}.cust-detail .cd-doc-card table.tbl.cards td{padding-top:6px;padding-bottom:6px}.cust-detail .doc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.cust-detail .doc-photo{background:#fff;border:1px solid #fecdd3;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.cust-detail .doc-photo img{object-fit:cover;cursor:zoom-in;background:#f1f5f9;width:100%;height:130px;display:block}.cust-detail .doc-photo-ph{color:#94a3b8;background:#f8fafc;justify-content:center;align-items:center;height:130px;font-size:.75rem;display:flex}.cust-detail .doc-photo-meta{padding:6px 8px 2px}.cust-detail .doc-photo-meta b{color:#9f1239;font-size:.74rem;display:block}.cust-detail .doc-photo-meta span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;display:block;overflow:hidden}.cust-detail .doc-photo-actions{gap:6px;padding:6px 8px 8px;display:flex}.cust-detail .doc-photo-actions .btn{flex:auto;min-height:32px}.cust-detail .renew-grid{grid-template-columns:1fr 1fr;align-items:start;gap:10px;margin-bottom:10px;display:grid}@media (width<=900px){.cust-detail .renew-grid{grid-template-columns:1fr}}.cust-detail .renew-cols{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.cust-detail .renew-cols>div:first-child{flex:1.25;min-width:0}.cust-detail .renew-cols>div:last-child{flex:1;min-width:0}.cust-detail .cd-renew-card .kv{justify-content:space-between;gap:12px;display:flex}@media (width<=768px){.cust-detail .cd-comp-card,.cust-detail .cd-fin-card,.cust-detail .cd-sess-card,.cust-detail .cd-net-card,.cust-detail .cd-renew-card,.cust-detail .cd-doc-card,.cust-detail .cd-log-card{padding:10px}.cust-detail .cd-fin-card .fin-count{white-space:normal;width:100%;margin-left:0}.cust-detail .fin-summary:not(.fin-slim){grid-template-columns:1fr 1fr;display:grid}.cust-detail .cd-comp-card .page-title{overflow-wrap:anywhere}.cust-detail .cd-comp-card .tbl-scroll table.tbl{table-layout:auto!important;min-width:600px!important}.cust-detail .cd-comp-card .tbl-scroll table.tbl th,.cust-detail .cd-comp-card .tbl-scroll table.tbl td{width:auto!important;min-width:0!important}.cust-detail .cd-comp-card .tbl-scroll table.tbl th.sno,.cust-detail .cd-comp-card .tbl-scroll table.tbl td.sno{min-width:34px!important}}@media (width<=560px){.cust-detail .cd-comp-card,.cust-detail .cd-fin-card,.cust-detail .cd-sess-card,.cust-detail .cd-net-card,.cust-detail .cd-renew-card,.cust-detail .cd-doc-card,.cust-detail .cd-log-card{padding:8px}.cust-detail .cd-comp-card .kpi-strip{grid-template-columns:1fr 1fr;display:grid;overflow:visible}.cust-detail .cd-comp-card .kpi-strip>*{min-width:0}}.cust-detail .cd-actions .abtn{white-space:nowrap;border:1px solid #0000;border-radius:10px;height:auto;padding:6px 12px;font-size:.72rem;box-shadow:0 1px 2px #0f172a0f}.cust-detail .cd-actions .abtn:hover{filter:brightness(.97)}.cust-detail .cd-actions .abtn:disabled{opacity:.55}.cust-detail .cd-actions .abtn.bl{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.cust-detail .cd-actions .abtn.gr{color:#14532d;background:#bbf7d0;border-color:#4ade80}.cust-detail .cd-actions .abtn.rd{color:#7f1d1d;background:#fecaca;border-color:#f87171}.cust-detail .cd-actions .abtn.yl{color:#78350f;background:#fde68a;border-color:#fbbf24}.cust-detail .cd-actions .abtn.cy{color:#0c4a6e;background:#bae6fd;border-color:#38bdf8}.cust-detail .cd-actions .abtn.gh{color:#1e293b;background:#e2e8f0;border-color:#94a3b8}.cust-detail .cd-actions .abtn.tl{color:#134e4a;background:#99f6e4;border-color:#2dd4bf}.cust-detail .cd-actions .abtn.vi{color:#4c1d95;background:#ddd6fe;border-color:#a78bfa}.cust-detail .cd-actions .abtn.ro{color:#881337;background:#fecdd3;border-color:#fb7185}.pf-group{text-transform:uppercase;letter-spacing:.06em;color:#7c3aed;border-bottom:1px solid #ede9fe;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 8px;padding-bottom:6px;font-size:.72rem;font-weight:800;display:flex}.pf-group:first-child{margin-top:0}.pf-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.pf-field label.f{margin-bottom:3px;font-size:.72rem}.pf-field .in{padding:7px 9px;font-size:.82rem}.pf-wide{grid-column:span 2}.pf-switches{flex-wrap:wrap;gap:2px 20px;display:flex}.pf-switches label{padding:4px 0!important}@media (width<=640px){.pf-wide{grid-column:span 1}.pf-grid{grid-template-columns:1fr 1fr;gap:8px}}.pf-kvgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 18px;display:grid}.pf-kv{border-bottom:1px dashed #eef2f7;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;font-size:.8rem;display:flex}.pf-kv .k{color:#64748b;flex-shrink:0;font-weight:600}.pf-kv .v{color:#0f172a;text-align:right;word-break:break-word;min-width:0;font-weight:700}@media (width<=640px){.pf-kvgrid{grid-template-columns:1fr 1fr}}.dash-stats>a{min-width:0}.dash-stats .card{min-width:0;overflow:hidden}.dash-stats .card>div{overflow-wrap:anywhere}.dash-panels .card,.dash-charts .card{min-width:0;overflow:hidden}.dash-charts canvas{max-width:100%}.kpi-strip>*{overflow:hidden}.kpi-strip span{overflow-wrap:anywhere}@media (width<=640px){.content{padding:10px}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.dash-stats .card{padding:10px!important}.dash-stats .card>div:first-child{font-size:1.1rem!important}.dash-panels table.tbl tbody td{white-space:normal}.profile-dropdown .profile-name-show{display:none!important}.profile-menu-pop{overflow-y:auto;z-index:1200!important;background:#fff!important;border-radius:10px!important;width:calc(100% - 16px)!important;max-height:60vh!important;margin-top:0!important;position:fixed!important;top:8px!important;left:8px!important;right:8px!important;box-shadow:0 4px 12px #0f172a20!important}.profile-menu-pop button{min-height:32px!important;padding:8px 10px!important;font-size:.85rem!important}.profile-menu-pop .divider{background:#e2e8f0!important;height:1px!important;margin:4px 0!important}.profile-dropdown .ava{width:28px!important;height:28px!important;font-size:.68rem!important}.topbar{flex-wrap:nowrap!important;gap:6px!important}.topbar>div:first-child{flex:0 auto;min-width:0;overflow:hidden;gap:6px!important}.topbar .who{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden;font-size:.72rem!important}.topbar .who .ver-tag{display:none!important}.topbar>div:last-child{min-width:0;flex-wrap:nowrap!important;flex:auto!important;gap:6px!important}.topbar>div:last-child>div:first-child{flex:auto!important;min-width:0!important;display:flex!important}.topbar input.in{flex:60px!important;width:auto!important;min-width:0!important;padding:5px 8px!important;font-size:.75rem!important}.topbar select.in{max-width:104px!important;padding:5px 6px!important;font-size:.75rem!important}.profile-dropdown>button{gap:4px!important;padding:2px 6px!important}.profile-dropdown{flex-shrink:0!important}.topbar .who>span:first-child{display:none!important}.topbar .who .btn{padding:3px 8px!important;font-size:.7rem!important}.topbar .who .sw-label{display:none!important}.cust-detail .cd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.45rem .5rem .4rem}.cust-detail .cd-kpi{gap:.35rem;padding:.35rem .4rem}.cust-detail .cd-kpi i{border-radius:6px;width:22px;height:22px;font-size:.75rem}.cust-detail .cd-kpi .l{font-size:.54rem}.cust-detail .cd-kpi .v{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;font-size:.7rem;line-height:1.25;overflow:visible}.cust-detail .cd-kpi>div:last-child{flex:1;min-width:0}.cust-detail .cd-meta{gap:.3rem .6rem;padding:.35rem .5rem .45rem;font-size:.75rem}}.cust-detail .cd-meta{gap:.3rem .6rem;padding:.35rem .55rem .45rem}.cust-detail .cd-meta .cd-mi{border-radius:8px;gap:6px;min-height:28px;padding:3px 10px}.cust-detail .cd-meta .cd-ml{font-size:.6rem}.cust-detail .cd-meta .cd-mv{gap:.25rem;font-size:.75rem}.cust-detail .cd-meta .cd-mv .copy{font-size:.72rem}@media (width<=640px){.cust-detail .cd-meta{gap:.25rem .5rem;padding:.3rem .45rem .4rem}.cust-detail .cd-meta .cd-mi{border-radius:7px;min-height:26px;padding:2px 8px}.cust-detail .cd-meta .cd-ml{font-size:.56rem}.cust-detail .cd-meta .cd-mv{font-size:.7rem}}.btn.busy{pointer-events:none;position:relative;color:#0000!important}.btn.busy>*{visibility:hidden}.btn.busy:after{content:"";color:#fff;border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;animation:.7s linear infinite btnBusySpin;position:absolute;top:50%;left:50%}.cust-detail .btn.ghost.busy:after,.btn.busy.ghost:after{color:currentColor}.btn.busy:before{content:"";color:#fff;opacity:.9;background:currentColor;border-radius:2px;width:40%;height:2px;animation:1.1s ease-in-out infinite btnBusyBar;position:absolute;bottom:0;left:0}.cust-detail .btn.ghost.busy:before,.btn.busy.ghost:before{color:currentColor}@keyframes btnBusySpin{to{transform:rotate(360deg)}}@keyframes btnBusyBar{0%{transform:translate(-100%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.btn.busy:after{animation-duration:1.6s}.btn.busy:before{display:none}}.action-progress{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:7px 11px;font-size:.72rem;font-weight:600;display:flex}.action-progress .spin{border:2px solid #93c5fd;border-top-color:#1d4ed8;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite btnBusySpin}.proc-overlay{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a9e;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out procFade;display:flex;position:fixed;inset:0}.proc-card{text-align:center;background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:18px;width:100%;max-width:380px;padding:30px 26px 24px;animation:.24s cubic-bezier(.2,.8,.3,1) procCardIn;position:relative;box-shadow:0 24px 60px -12px #0f172a73}.proc-anim{width:120px;height:120px;margin:0 auto 16px;position:relative}.proc-ring{display:block;transform:rotate(-90deg)}.proc-ring-track{fill:none;stroke:#e2e8f0;stroke-width:6px}.proc-ring-bar{fill:none;stroke:#2563eb;stroke-width:6px;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327px;filter:drop-shadow(0 0 5px #2563eb73);animation:1.5s linear infinite procSpin,2.1s ease-in-out infinite procDash}.proc-core{background:radial-gradient(circle at 50% 45%,#fff 0%,#eff6ff 60%,#dbeafe 100%);border-radius:50%;justify-content:center;align-items:center;animation:2.1s ease-in-out infinite procPulse;display:flex;position:absolute;inset:22px}.proc-wifi{width:34px;height:26px;position:relative}.proc-wifi-arc{opacity:0;border:2.5px solid #0000;border-top-color:#2563eb;border-radius:50% 50% 0 0;animation:1.8s ease-in-out infinite procArc;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.proc-wifi-arc.a1{width:30px;height:24px;animation-delay:0s}.proc-wifi-arc.a2{width:20px;height:16px;animation-delay:.22s}.proc-wifi-arc.a3{width:10px;height:8px;animation-delay:.44s}.proc-wifi-dot{background:#2563eb;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;animation:1.8s ease-in-out infinite procBlip;position:absolute;bottom:3px;left:50%}.proc-title{color:#0f172a;margin:0 0 6px;font-size:1.02rem;font-weight:700}.proc-sub{color:#64748b;margin:0 0 14px;font-size:.8rem}.proc-dots{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.proc-dots span{background:#93c5fd;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite procDot}.proc-dots span:nth-child(2){animation-delay:.18s}.proc-dots span:nth-child(3){animation-delay:.36s}.proc-bar{background:#e2e8f0;border-radius:99px;height:4px;overflow:hidden}.proc-bar i{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:99px;width:38%;height:100%;animation:1.5s ease-in-out infinite procBar;display:block}@keyframes procFade{0%{opacity:0}to{opacity:1}}@keyframes procCardIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes procSpin{to{transform:rotate(360deg)}}@keyframes procDash{0%{stroke-dashoffset:300px}50%{stroke-dashoffset:110px}to{stroke-dashoffset:300px}}@keyframes procPulse{0%,to{transform:scale(1);box-shadow:0 0 #2563eb2e}50%{transform:scale(1.04);box-shadow:0 0 0 9px #2563eb00}}@keyframes procArc{0%{opacity:0;transform:translate(-50%)scale(.7)}35%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.08)}}@keyframes procBlip{0%,to{opacity:.25}50%{opacity:1}}@keyframes procDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes procBar{0%{transform:translate(-110%)}to{transform:translate(290%)}}@media (width<=420px){.proc-card{max-width:320px;padding:24px 20px 20px}.proc-anim{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){.proc-overlay,.proc-card{animation:none}.proc-ring-bar,.proc-core,.proc-wifi-arc,.proc-wifi-dot,.proc-dots span,.proc-bar i{animation-duration:3s}.proc-bar i{opacity:.5;width:100%;animation:none}}.succ-overlay{z-index:99998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out succFade;display:flex;position:fixed;inset:0}.succ-card{text-align:center;background:#fffffff7;border:1px solid #e2e8f0e6;border-radius:16px;width:100%;max-width:340px;padding:26px 24px 20px;animation:.26s cubic-bezier(.2,.8,.3,1) succCardIn;box-shadow:0 22px 54px -14px #0f172a6b}.succ-icon{width:72px;height:72px;margin:0 auto 12px;position:relative}.succ-icon svg{display:block;overflow:visible}.succ-circle{fill:#dcfce7;stroke:#16a34a;stroke-width:3px;transform-origin:36px 36px;filter:drop-shadow(0 0 6px #16a34a59);animation:.5s cubic-bezier(.2,.9,.3,1.4) both succPop}.succ-tick{fill:none;stroke:#16a34a;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:.42s ease-out .28s forwards succDraw,2.2s ease-in-out .9s infinite succGlow}.succ-title{color:#0f172a;margin:0 0 6px;font-size:1.02rem;font-weight:700}.succ-msg{color:#64748b;margin:0 0 18px;font-size:.8rem;line-height:1.45}.succ-ok{color:#fff;background:#16a34a;border-color:#16a34a;min-width:96px}.succ-ok:hover{background:#15803d;border-color:#15803d}.succ-ok:focus-visible{outline-offset:2px;outline:2px solid #16a34a}@keyframes succFade{0%{opacity:0}to{opacity:1}}@keyframes succCardIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes succPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes succDraw{to{stroke-dashoffset:0}}@keyframes succGlow{0%,to{filter:drop-shadow(0 0 3px #16a34a59)}50%{filter:drop-shadow(0 0 9px #16a34a99)}}@media (width<=420px){.succ-card{max-width:300px;padding:22px 18px 18px}.succ-icon{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.succ-overlay,.succ-card,.succ-circle{animation:none}.succ-tick{stroke-dashoffset:0;animation:none}}html{font-size:90%}@media (width>=769px){.sidebar{width:230px;min-width:230px;padding:14px 12px}.topbar{height:54px;min-height:54px}.card{margin-bottom:14px;padding:16px}.content{padding:12px 14px}}:root{--ease-brand:cubic-bezier(.22, .9, .3, 1);--dur-fast:.14s;--dur-ui:.2s;--dur-page:.32s}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-transition{animation:pageIn var(--dur-page) var(--ease-brand) backwards}.page-transition>*{animation:none}.page-transition .dash-root,.page-transition .dash-root .dash-kpi-card,.page-transition .dash-root .dash-trend-card,.page-transition .dash-root .dash-panel-card,.page-transition .dash-root .dash-chart-card{animation:none!important}.nav-link{transition:background-color var(--dur-ui) var(--ease-brand), color var(--dur-ui) var(--ease-brand), border-color var(--dur-ui) var(--ease-brand), box-shadow var(--dur-ui) var(--ease-brand)}.nav-link .nav-icon-box{transition:background-color var(--dur-ui) var(--ease-brand), border-color var(--dur-ui) var(--ease-brand)}.nav-link .nav-icon-box svg{transition:color var(--dur-ui) var(--ease-brand)}.btn{transition:background-color var(--dur-fast) linear, border-color var(--dur-fast) linear, color var(--dur-fast) linear, box-shadow var(--dur-fast) linear, transform var(--dur-fast) var(--ease-brand)}.btn:not(:disabled):active{transform:translateY(1px)scale(.995)}.profile-menu-pop{animation:menuDrop .16s var(--ease-brand) both;transform-origin:100% 0}.dt-cols{animation:menuDrop .15s var(--ease-brand) both;transform-origin:100% 0}@keyframes menuDrop{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:none}}.loader-head:after{animation-duration:1.2s}@media (prefers-reduced-motion:reduce){.page-transition,.page-transition>*,.skel,.loader-head:after,.profile-menu-pop,.dt-cols{animation:none!important}.skel{background:#e8edf7}.skel.light{background:#ffffffd9}.btn{transition:none}}@media print{#boot{display:none!important}.page-transition,.page-transition>*{animation:none!important}}.skel-page-head{align-items:center}.skel-page-head .page-title{margin-bottom:0}.skel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-skel{width:100%}.dash-skel-banner{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:12px;align-items:center;gap:10px;min-height:56px;margin-bottom:14px;padding:12px 14px;display:flex;box-shadow:0 4px 14px #ea580b0f}.dash-skel-kpis{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-bottom:12px;display:grid}.dash-skel-kpi{border-radius:14px;align-items:center;gap:12px;height:72px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a2e,inset 0 1px #ffffff2e}.dash-skel-kpi:after,.dash-skel-trend:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff1f 50%,#0000 70%);animation:2.4s ease-in-out infinite dashSkelSweep;position:absolute;inset:0;transform:translate(-100%)}.dash-skel-trends{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid}.dash-skel-trend{border-radius:14px;align-items:center;gap:9px;height:64px;padding:8px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a29,inset 0 1px #ffffff2e}.skel-on-color{background:linear-gradient(90deg,#ffffff29 25%,#ffffff5c 50%,#ffffff29 75%) 0 0/200% 100%!important}.dash-skel-panels{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px;display:grid}.dash-skel-panel{border:1px solid var(--border);background:#fff;border-radius:12px;min-height:216px;padding:12px;box-shadow:0 2px 8px #0f172a0a}.dash-skel-panel-title{border-bottom:1px solid #f1f5f9;margin-bottom:10px;padding-bottom:8px}.dash-skel-line{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.dash-skel-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.dash-skel-chart{border:1px solid var(--border);background:#fff;border-radius:14px;min-height:250px;padding:14px 14px 10px;box-shadow:0 4px 14px #0f172a0d}.dash-skel-chart-body{align-items:center;gap:10px;margin-top:14px;display:flex}.dash-skel-ring{aspect-ratio:1;background:conic-gradient(#e2e8f0 0 16%, #eef2f7 16% 32%, #dbeafe 32% 48%, #e0f2fe 48% 64%, #ede9fe 64% 80%, #f1f5f9 80% 100%);border-radius:50%;flex:none;width:clamp(120px,42%,170px);animation:2.4s ease-in-out infinite skelRingPulse;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 16px),#000 calc(100% - 15px));mask:radial-gradient(farthest-side,#0000 calc(100% - 16px),#000 calc(100% - 15px))}.dash-skel-legend{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.dash-skel-legend-row{align-items:center;gap:6px;display:flex}.dash-skel-chart-foot{border-top:1px dashed #e2e8f0;margin-top:12px;padding-top:8px}.dash-skel-bottom{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.dash-skel-nas-row{grid-template-columns:110px 1fr 40px;align-items:center;gap:8px;padding:9px 0;display:grid}.dash-skel-fin{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}@keyframes dashSkelSweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes skelRingPulse{0%,to{opacity:.72;transform:scale(.985)}50%{opacity:1;transform:scale(1)}}.skel-form-card{padding:14px}.skel-form-title{border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:8px}.skel-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.skel-field{flex-direction:column;gap:7px;display:flex}.skel-form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.skel-detail-card{padding:14px}.skel-detail-top{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding-bottom:14px;display:flex}.skel-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.skel-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:14px;display:grid}.skel-kpi{background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;align-items:center;gap:9px;padding:9px;display:flex}.skel-table-card{padding:0;overflow:hidden}.skel-table-bar{border-bottom:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.skel-table-actions{align-items:center;gap:8px;display:flex}.skel-table-head{background:#f8fafc;grid-template-columns:repeat(6,1fr);gap:16px;padding:10px 14px;display:grid}.skel-table-rows{padding:0 14px}.skel-table-row{border-bottom:1px solid #f1f5f9;padding:11px 0}.skel-table-row:last-child{border-bottom:0}.skel-kv-list{flex-direction:column;display:flex}.skel-kv-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.skel-kv-row:last-child{border-bottom:0}.skel-invoice-wrap{max-width:900px;margin:0 auto;padding:12px}.skel-invoice-card{min-height:520px;padding:18px}.skel-invoice-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.skel-invoice-grid{border-bottom:1px dashed #e2e8f0;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 0;display:grid}.skel-invoice-lines{padding:8px 0}.skel-invoice-line{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 90px 80px;align-items:center;gap:12px;padding:8px 0;display:grid}.skel-invoice-total{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:14px;margin-top:8px;padding-top:14px;display:flex}@media (width<=900px){.dash-skel-charts,.dash-skel-bottom,.skel-form-grid{grid-template-columns:1fr}.skel-invoice-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.dash-skel-kpis,.dash-skel-trends{grid-template-columns:1fr 1fr}.dash-skel-panels{grid-template-columns:1fr}.skel-kpis{grid-template-columns:1fr 1fr}.skel-page-head{flex-direction:column;align-items:flex-start}.skel-actions{width:100%}.skel-invoice-grid{grid-template-columns:1fr}.skel-invoice-line{grid-template-columns:1fr 70px}.skel-invoice-line>:last-child{display:none}}@media (prefers-reduced-motion:reduce){.dash-skel-kpi:after,.dash-skel-trend:after,.dash-skel-ring{animation:none!important}}.skel-scope .skel{background:#e8edf7;animation:none!important}.skel-scope .skel.light{background:#ffffffe0}.skel-scope .skel-on-color{background:linear-gradient(90deg,#ffffff2e 25%,#ffffff5c 50%,#ffffff2e 75%) 0 0/200% 100%!important}.skel-scope .card,.skel-scope .dash-skel-panel,.skel-scope .dash-skel-chart,.skel-scope .dash-skel-banner{position:relative;overflow:hidden}.skel-scope .card:after,.skel-scope .dash-skel-panel:after,.skel-scope .dash-skel-chart:after,.skel-scope .dash-skel-banner:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 32%,#94a3b829 50%,#0000 68%);animation:1.9s ease-in-out infinite skelSheen;position:absolute;inset:0;transform:translate(-120%)}.skel-scope .card:nth-child(2):after{animation-delay:.1s}.skel-scope .card:nth-child(3):after{animation-delay:.2s}.skel-scope .card:nth-child(4):after{animation-delay:.3s}@keyframes skelSheen{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.skel-scope .card:after,.skel-scope .dash-skel-panel:after,.skel-scope .dash-skel-chart:after,.skel-scope .dash-skel-banner:after,.dash-skel-kpi:after,.dash-skel-trend:after,.dash-skel-ring{animation:none!important}}@media (width<=480px){.app-footer{flex-direction:column;align-items:flex-start;gap:2px}.app-footer-copy,.app-footer-time{white-space:normal}.main{padding-bottom:70px}}.iptv-hero{color:#fff;background:linear-gradient(120deg,#4338ca 0%,#7c3aed 42%,#0891b2 100%);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px -20px #4338caa6}.iptv-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff47,#0000 62%);border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-60px}.iptv-hero-copy{z-index:1;position:relative}.iptv-hero-kicker{letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;font-size:.62rem;font-weight:800}.iptv-hero h1{letter-spacing:-.01em;color:#fff;margin:3px 0 0;font-size:1.24rem;font-weight:800}.iptv-hero p{color:#ffffffc7;margin:4px 0 0;font-size:.78rem}.iptv-hero-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.iptv-hero .btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff47}.iptv-hero .btn:hover{background:#ffffff3d}.iptv-hero .net-count{color:#fff;background:#ffffff29;border-color:#ffffff40}.iptv-hero .in{color:#0f172a;background:#fffffff2;border-color:#ffffff73}.iptv-hero-compact{border-radius:12px;margin-bottom:12px;padding:12px 14px}.iptv-hero-compact h1{font-size:1.02rem}.iptv-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px;margin-bottom:14px;display:grid}.iptv-kpi{color:#fff;background:linear-gradient(135deg, var(--iptv-a), var(--iptv-b));box-shadow:0 14px 30px -16px var(--iptv-shadow,#1e40afa6);border-radius:16px;padding:14px 16px;position:relative;overflow:hidden}.iptv-kpi:after{content:"";background:#ffffff29;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-30px}.iptv-kpi-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffffc7;font-size:.68rem;font-weight:700}.iptv-kpi-value{margin-top:6px;font-size:1.7rem;font-weight:800;line-height:1.1}.cust-detail.cd-3d{isolation:isolate;position:relative}.cust-detail.cd-3d .cd-3d-bg{z-index:0;pointer-events:none;border-radius:30px;position:absolute;inset:-12px -8px -20px;overflow:hidden}.cust-detail.cd-3d .cd-top{z-index:1;position:relative}.cust-detail.cd-3d .cd-3d-orb{filter:blur(58px);opacity:.5;border-radius:50%;animation:16s ease-in-out infinite alternate cdOrbFloat;position:absolute}.cust-detail.cd-3d .cd-3d-orb.orb1{background:radial-gradient(circle at 35% 35%,#818cf8,#818cf800);width:430px;height:430px;top:-150px;left:-90px}.cust-detail.cd-3d .cd-3d-orb.orb2{background:radial-gradient(circle at 60% 40%,#f0abfc,#f0abfc00);width:370px;height:370px;animation-delay:-5s;top:12%;right:-110px}.cust-detail.cd-3d .cd-3d-orb.orb3{background:radial-gradient(circle,#67e8f9,#67e8f900);width:320px;height:320px;animation-delay:-9s;bottom:-150px;left:34%}.cust-detail.cd-3d .cd-3d-grid{transform-origin:bottom;background-image:linear-gradient(#6366f129 1px,#0000 1px),linear-gradient(90deg,#6366f129 1px,#0000 1px);background-size:46px 46px;height:72%;animation:9s linear infinite cdGridMove;position:absolute;bottom:-12%;left:-25%;right:-25%;transform:perspective(520px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 18%,#000000d9);mask-image:linear-gradient(#0000 18%,#000000d9)}.cust-detail.cd-3d .cd-main{-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);background:#ffffffbd;border:1px solid #ffffffe6;border-radius:22px;box-shadow:0 26px 64px -30px #312e8180,0 2px 6px #0f172a0d,inset 0 1px #fff}.cust-detail.cd-3d .cd-3d-hero{color:#fff;perspective:900px;transform-style:preserve-3d;background:linear-gradient(115deg,#1e1b4b 0%,#4338ca 36%,#7c3aed 68%,#db2777 100%) 0 0/180% 180%;border-radius:14px;align-items:center;gap:12px;margin:8px 8px 3px;padding:9px 14px;animation:12s ease-in-out infinite cdHeroGradient,.6s both cdRise;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 44px -20px #4338cacc,inset 0 1px #ffffff47,inset 0 -24px 44px #0f172a33}.cust-detail.cd-3d .cd-3d-hero:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff3d,#0000);width:45%;height:100%;animation:7s ease-in-out infinite cdSheen;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.cust-detail.cd-3d .cd-3d-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0 2px,#0000 3px) 0 0/18px 18px,radial-gradient(circle,#ffffff29,#0000 64%);border:1px solid #ffffff2e;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-50px}.cust-detail.cd-3d .cd-3d-avatar{color:#431407;background:linear-gradient(145deg,#fef3c7,#fbbf24 50%,#f97316);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:800;animation:5s ease-in-out infinite cdAvatarFloat;display:grid;position:relative;transform:translateZ(18px);box-shadow:0 10px 18px -8px #0000008c,inset 0 2px 2px #ffffffd9,inset 0 -8px 14px #b4530973}.cust-detail.cd-3d .cd-3d-avatar-ring{pointer-events:none;border:2px dashed #ffffff8c;border-radius:50%;animation:14s linear infinite cdSpin;position:absolute;inset:-4px}.cust-detail.cd-3d .cd-3d-avatar-ring.ring2{border-style:solid;border-color:#ffffff38 #0000;animation-duration:9s;animation-direction:reverse;inset:-9px}.cust-detail.cd-3d .cd-3d-id{flex:auto;min-width:0}.cust-detail.cd-3d .cd-3d-id h1{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px #0f172a59;overflow-wrap:anywhere;margin:1px 0;font-size:clamp(.95rem,1.5vw,1.08rem);font-weight:800;line-height:1.08}.cust-detail.cd-3d .cd-3d-id p{color:#ffffffbf;overflow-wrap:anywhere;margin:0;font-size:.68rem;font-weight:600}.cust-detail.cd-3d .cd-3d-hero-stats{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex;position:relative}.cust-detail.cd-3d .cd-3d-hero-stats>div{background:#fffffff7;border:1px solid #fffffff2;border-left:3px solid #38bdf8;border-radius:9px;min-width:96px;padding:6px 10px;transition:transform .25s,background .25s,box-shadow .25s;box-shadow:inset 0 1px #fff,0 10px 20px -12px #0f172ab3}.cust-detail.cd-3d .cd-3d-hero-stats>div:first-child{border-left-color:#22c55e}.cust-detail.cd-3d .cd-3d-hero-stats>div:nth-child(3){border-left-color:#f59e0b}.cust-detail.cd-3d .cd-3d-hero-stats>div:hover{background:#fff;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 14px 26px -12px #0f172acc}.cust-detail.cd-3d .cd-3d-hero-stats span{letter-spacing:.09em;text-transform:uppercase;color:#64748b;margin-bottom:1px;font-size:.52rem;font-weight:700;display:block}.cust-detail.cd-3d .cd-3d-hero-stats b{color:#0f172a;white-space:nowrap;font-size:.72rem;font-weight:800;display:block}.cust-detail.cd-3d .cd-3d-hero-stats b.ok{color:#15803d}.cust-detail.cd-3d .cd-3d-hero-stats b.warn{color:#b45309}.cust-detail.cd-3d .cd-3d-hero-stats b.off{color:#b91c1c}.cust-detail.cd-3d .cd-kpis{perspective:900px;gap:.55rem;padding:.7rem .75rem .55rem}.cust-detail.cd-3d .cd-kpi{background:linear-gradient(145deg,#fffffff7,#eef2ffb8);border:1px solid #fffffff2;border-radius:14px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;animation:.55s both cdRise;position:relative;overflow:hidden;box-shadow:0 12px 24px -18px #312e818c,inset 0 1px #fff}.cust-detail.cd-3d .cd-kpi:nth-child(2){animation-delay:40ms}.cust-detail.cd-3d .cd-kpi:nth-child(3){animation-delay:80ms}.cust-detail.cd-3d .cd-kpi:nth-child(4){animation-delay:.12s}.cust-detail.cd-3d .cd-kpi:nth-child(5){animation-delay:.16s}.cust-detail.cd-3d .cd-kpi:nth-child(6){animation-delay:.2s}.cust-detail.cd-3d .cd-kpi:after{content:"";transform-origin:0;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.cust-detail.cd-3d .cd-kpi:hover{border-color:#c7d2fe;transform:translateY(-4px)rotateX(4deg)scale(1.015);box-shadow:0 22px 34px -18px #4f46e599,inset 0 1px #fff}.cust-detail.cd-3d .cd-kpi .cd-kpi-ico{color:#fff;background:linear-gradient(145deg,#6366f1,#4338ca);border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:transform .28s,box-shadow .28s;display:grid;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 8px 14px -8px #4338cae6,inset 0 1px #fff6}.cust-detail.cd-3d .cd-kpi .cd-kpi-ico:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff4d,#0000 48%);border-radius:9px;position:absolute;inset:1px}.cust-detail.cd-3d .cd-kpi:hover .cd-kpi-ico{transform:rotate(0)scale(1.08)}.cust-detail.cd-3d .cd-kpi.inv .cd-kpi-ico{background:linear-gradient(145deg,#6366f1,#4338ca);box-shadow:0 8px 14px -8px #4338cae6,inset 0 1px #fff6}.cust-detail.cd-3d .cd-kpi.paid .cd-kpi-ico{background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 8px 14px -8px #059669d9,inset 0 1px #fff6}.cust-detail.cd-3d .cd-kpi.due .cd-kpi-ico{background:linear-gradient(145deg,#fb7185,#e11d48);box-shadow:0 8px 14px -8px #e11d48d9,inset 0 1px #fff6}.cust-detail.cd-3d .cd-kpi.ddate .cd-kpi-ico{background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 8px 14px -8px #d97706d9,inset 0 1px #fff6}.cust-detail.cd-3d .cd-kpi.exp .cd-kpi-ico{background:linear-gradient(145deg,#fb923c,#ea580c);box-shadow:0 8px 14px -8px #ea580ce6,inset 0 1px #fff6}.cust-detail.cd-3d .cd-kpi.off .cd-kpi-ico{background:linear-gradient(145deg,#94a3b8,#64748b);box-shadow:0 8px 14px -8px #64748be6,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat .fin-ico{color:#fff;background:linear-gradient(145deg,#6366f1,#4338ca);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;transition:transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 7px 13px -8px #4338cae6,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat .fin-ico:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff4d,#0000 48%);border-radius:8px;position:absolute;inset:1px}.cust-detail.cd-3d .fin-stat:hover .fin-ico{transform:rotate(0)scale(1.06)}.cust-detail.cd-3d .fin-stat.pkg .fin-ico{background:linear-gradient(145deg,#6366f1,#4338ca);box-shadow:0 7px 13px -8px #4338cae6,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.disc .fin-ico{background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 7px 13px -8px #d97706d9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.chg .fin-ico{background:linear-gradient(145deg,#22d3ee,#0891b2);box-shadow:0 7px 13px -8px #0891b2d9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.tax .fin-ico{background:linear-gradient(145deg,#94a3b8,#475569);box-shadow:0 7px 13px -8px #475569d9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.prim .fin-ico{background:linear-gradient(145deg,#818cf8,#4f46e5);box-shadow:0 7px 13px -8px #4f46e5e6,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.good .fin-ico{background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 7px 13px -8px #059669d9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.due .fin-ico{background:linear-gradient(145deg,#fb7185,#e11d48);box-shadow:0 7px 13px -8px #e11d48d9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.wallet .fin-ico{background:linear-gradient(145deg,#a78bfa,#7c3aed);box-shadow:0 7px 13px -8px #7c3aedd9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.up .fin-ico{background:linear-gradient(145deg,#60a5fa,#2563eb);box-shadow:0 7px 13px -8px #2563ebd9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.down .fin-ico{background:linear-gradient(145deg,#2dd4bf,#0d9488);box-shadow:0 7px 13px -8px #0d9488d9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-stat.total .fin-ico{background:linear-gradient(145deg,#a78bfa,#6d28d9);box-shadow:0 7px 13px -8px #6d28d9d9,inset 0 1px #fff6}.cust-detail.cd-3d .fin-summary.fin-slim .fin-stat .fin-ico{border-radius:7px;width:24px;height:24px}.cust-detail.cd-3d .fin-summary.fin-slim .fin-stat .fin-ico svg{width:14px;height:14px}.cust-detail.cd-3d .cd-comp-card .comp-ico{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 8px 14px -8px #0f172a8c,inset 0 1px #ffffff59}.cust-detail.cd-3d .cd-comp-card .comp-ico:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff4d,#0000 48%);border-radius:9px;position:absolute;inset:1px}.cust-detail.cd-3d .cd-comp-card .kpi-strip button:hover .comp-ico{transform:rotate(0)scale(1.08)}.cust-detail.cd-3d .cd-meta{background:linear-gradient(#f8fafc80,#f1f5f9d9);border-top:1px solid #e2e8f0cc;gap:.4rem .7rem;padding:.55rem .75rem .7rem}.cust-detail.cd-3d .cd-meta .cd-mi{border-radius:12px;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 6px 14px -10px #0f172a80,inset 0 1px #ffffff8c}.cust-detail.cd-3d .cd-meta .cd-mi:hover{filter:saturate(1.12);transform:translateY(-2px);box-shadow:0 12px 20px -12px #0f172a8c,inset 0 1px #ffffffa6}.cust-detail.cd-3d .cd-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:16px;box-shadow:0 16px 34px -26px #1e293b8c,inset 0 1px #fff}.cust-detail.cd-3d .abtn{border-radius:8px;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 3px #0f172a38,0 7px 14px -8px #0f172a73}.cust-detail.cd-3d .abtn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 4px #0f172a38,0 11px 18px -9px #0f172a80}.cust-detail.cd-3d .abtn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0f172a38}.cust-detail.cd-3d .cd-side{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:16px;padding:.4rem;box-shadow:0 20px 44px -28px #312e8199,inset 0 1px #fff}.cust-detail.cd-3d .cd-side .mi{border-radius:9px;transition:transform .18s,background .18s,color .18s,box-shadow .18s}.cust-detail.cd-3d .cd-side .mi:hover:not(:disabled){background:#eef2ff;transform:translate(3px)}.cust-detail.cd-3d .cd-side .mi.on{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#0000;box-shadow:0 9px 18px -9px #4f46e5d9}.cust-detail.cd-3d .cd-side .mi.on i{color:#fff}.cust-detail.cd-3d .card{background:linear-gradient(160deg,#fffffff7,#f8fafce6);border:1px solid #fffffff2;border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 20px 40px -30px #312e8199,0 2px 4px #0f172a0a,inset 0 1px #fff}.cust-detail.cd-3d .card:hover{border-color:#e0e7fff2;transform:translateY(-2px);box-shadow:0 26px 48px -30px #312e81a6,0 4px 8px #0f172a0d,inset 0 1px #fff}.cust-detail.cd-3d .card-title{background:linear-gradient(90deg,#eef2ffe6,#fff0);border-bottom:1px solid #e2e8f0cc}.cust-detail.cd-3d .fup{background:radial-gradient(120% 100% at 0 0,#e0e7fff2,#0000 62%),linear-gradient(160deg,#f8fafc,#eef2ff);border:1px solid #c7d2febf;border-radius:14px;padding:.7rem;box-shadow:inset 0 1px #fff,0 14px 26px -22px #312e818c}.cust-detail.cd-3d .fup h4{color:#3730a3;letter-spacing:.01em;font-size:.78rem}.cust-detail.cd-3d .fup-stat{border-radius:10px;box-shadow:0 10px 18px -12px #2563ebbf,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-stat.b{box-shadow:0 10px 18px -12px #0284c7bf,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup .bar{border-radius:999px;height:9px;overflow:hidden;box-shadow:inset 0 2px 4px #0f172a29}.cust-detail.cd-3d .fup .bar>div{border-radius:999px;transition:width .8s cubic-bezier(.2,.8,.2,1)}@keyframes cdOrbFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(24px,-20px)scale(1.08)}}@keyframes cdGridMove{0%{background-position:0 0,0 0}to{background-position:0 46px,46px 0}}@keyframes cdHeroGradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes cdSheen{0%,55%{left:-60%}85%,to{left:135%}}@keyframes cdAvatarFloat{0%,to{transform:translateZ(18px)translateY(0)}50%{transform:translateZ(18px)translateY(-3px)}}@keyframes cdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cdRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.cust-detail.cd-3d .cd-3d-hero{flex-wrap:wrap}.cust-detail.cd-3d .cd-3d-hero-stats{justify-content:flex-start;width:100%}}@media (width<=640px){.cust-detail.cd-3d .cd-3d-hero{border-radius:12px;gap:9px;margin:6px 6px 2px;padding:7px 10px}.cust-detail.cd-3d .cd-3d-avatar{width:38px;height:38px;font-size:1.05rem}.cust-detail.cd-3d .cd-3d-id{flex-basis:calc(100% - 48px)}.cust-detail.cd-3d .cd-3d-id h1{font-size:.92rem}.cust-detail.cd-3d .cd-3d-id p{font-size:.64rem}.cust-detail.cd-3d .cd-3d-hero-stats{gap:4px}.cust-detail.cd-3d .cd-3d-hero-stats>div{border-radius:8px;flex:30%;min-width:0;padding:5px 7px}.cust-detail.cd-3d .cd-3d-hero-stats span{margin-bottom:0;font-size:.46rem}.cust-detail.cd-3d .cd-3d-hero-stats b{white-space:normal;font-size:.66rem}.cust-detail.cd-3d .cd-3d-hero:after{display:none}}@media (prefers-reduced-motion:reduce){.cust-detail.cd-3d .cd-3d-orb,.cust-detail.cd-3d .cd-3d-grid,.cust-detail.cd-3d .cd-3d-hero,.cust-detail.cd-3d .cd-3d-hero:before,.cust-detail.cd-3d .cd-3d-avatar,.cust-detail.cd-3d .cd-3d-avatar-ring,.cust-detail.cd-3d .cd-kpi{animation:none!important}}.cust-detail.cd-3d .user-card-details.card-mc-0{background:linear-gradient(165deg,#eef2ff 0%,#fff 52%,#f5f3ff 100%);border-color:#c7d2fe;box-shadow:0 24px 46px -32px #312e81b3,inset 0 1px #fff}.cust-detail.cd-3d .user-card-details.card-mc-0>.card-title{color:#312e81;background:linear-gradient(90deg,#e0e7ff,#f5f3ff);border-bottom:1px solid #c7d2fe}.cust-detail.cd-3d .cd-profile-visual{text-align:center;background:radial-gradient(120% 100% at 50% 0,#818cf866,#0000 68%),linear-gradient(155deg,#1e1b4b,#312e81 58%,#4c1d95);border:1px solid #ffffff1f;border-radius:16px;margin-bottom:10px;padding:16px 12px 14px;position:relative;overflow:hidden;box-shadow:0 18px 32px -20px #1e1b4bd9,inset 0 1px #fff3}.cust-detail.cd-3d .cd-profile-visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff29 0 2px,#0000 3px) 0 0/16px 16px;border:1px solid #ffffff26;border-radius:50%;width:170px;height:170px;position:absolute;top:-55px;right:-45px}.cust-detail.cd-3d .cd-profile-visual .cd-avatar{z-index:1;color:#431407;background:linear-gradient(145deg,#fef3c7,#fbbf24 50%,#f97316);border:3px solid #ffffffd9;width:82px;height:82px;margin:0 auto;font-size:2rem;animation:5s ease-in-out infinite cdAvatarFloat;position:relative;box-shadow:0 16px 28px -12px #000000a6,inset 0 2px 3px #ffffffd9,inset 0 -10px 18px #b4530966}.cust-detail.cd-3d .cd-profile-visual .cd-avatar:after{content:"";border:1px dashed #ffffff73;border-radius:50%;animation:18s linear infinite cdSpin;position:absolute;inset:-9px}.cust-detail.cd-3d .cd-profile-photo{z-index:1;object-fit:cover;border:3px solid #fffc;border-radius:14px;width:100%;max-width:220px;height:180px;position:relative;box-shadow:0 16px 28px -14px #000000a6}.cust-detail.cd-3d .cd-profile-meta{z-index:1;margin-top:10px;position:relative}.cust-detail.cd-3d .cd-profile-name{color:#fff;text-shadow:0 2px 12px #0006;overflow-wrap:anywhere;font-size:.98rem;font-weight:800;display:block}.cust-detail.cd-3d .cd-profile-username{color:#e0e7ff;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;margin-top:5px;padding:2px 10px;font-size:.66rem;font-weight:700;display:inline-flex}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv,.cust-detail.cd-3d .user-card-details.card-mc-2 .kv,.cust-detail.cd-3d .user-card-details.card-mc-5 .kv,.cust-detail.cd-3d .user-card-details.card-mc-6 .kv{background:#ffffffdb;border-radius:9px;margin-bottom:5px;padding:6px 9px;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 4px 10px -8px #0f172a59}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv:hover,.cust-detail.cd-3d .user-card-details.card-mc-2 .kv:hover,.cust-detail.cd-3d .user-card-details.card-mc-5 .kv:hover,.cust-detail.cd-3d .user-card-details.card-mc-6 .kv:hover{background:#fff;transform:translate(2px);box-shadow:0 7px 14px -9px #0f172a73}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv:last-child,.cust-detail.cd-3d .user-card-details.card-mc-2 .kv:last-child,.cust-detail.cd-3d .user-card-details.card-mc-5 .kv:last-child,.cust-detail.cd-3d .user-card-details.card-mc-6 .kv:last-child{margin-bottom:0}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv .k{color:#4338ca;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv .val{color:#0f172a;font-size:.72rem;font-weight:800}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv{border:1px solid #e0e7ff;border-left:3px solid #818cf8}.cust-detail.cd-3d .user-card-details.card-mc-2{background:linear-gradient(165deg,#fffbeb 0%,#fff 52%,#fef3c7 100%);border-color:#fde68a;box-shadow:0 24px 46px -32px #92400e8c,inset 0 1px #fff}.cust-detail.cd-3d .user-card-details.card-mc-2>.card-title{color:#92400e;background:linear-gradient(90deg,#fef3c7,#ffedd5);border-bottom:1px solid #fde68a}.cust-detail.cd-3d .user-card-details.card-mc-2>.card-title i{color:#d97706!important}.cust-detail.cd-3d .user-card-details.card-mc-2 .kv{border:1px solid #fde68a;border-left:3px solid #f59e0b}.cust-detail.cd-3d .user-card-details.card-mc-2 .kv .k{color:#92400e;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.cust-detail.cd-3d .user-card-details.card-mc-2 .kv .val{color:#0f172a;font-size:.72rem;font-weight:800}.cust-detail.cd-3d .fup.fup-3d{color:#0f172a;background:radial-gradient(120% 100% at 0 0,#a78bfa1a,#0000 55%),linear-gradient(160deg,#fff,#f8fafc 55%,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-top:11px;padding:13px;box-shadow:0 18px 34px -26px #0f172a59,inset 0 1px #fff}.cust-detail.cd-3d .fup-3d .fup-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cust-detail.cd-3d .fup-3d h4{letter-spacing:.08em;text-transform:uppercase;color:#334155;margin:0;font-size:.7rem;font-weight:800}.cust-detail.cd-3d .fup-limit-pill{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;font-size:.56rem;font-weight:800}.cust-detail.cd-3d .fup-gauge{justify-content:center;padding:2px 0 12px;display:flex}.cust-detail.cd-3d .fup-ring{--ring-fill:0%;--ring-color:#34d399;background:conic-gradient(var(--ring-color) var(--ring-fill), #e2e8f0 0);border-radius:50%;flex:none;place-items:center;width:132px;height:132px;display:grid;position:relative;box-shadow:0 14px 28px -20px #0f172a59,inset 0 1px #fff}.cust-detail.cd-3d .fup-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px;box-shadow:inset 0 2px 6px #0f172a14,0 1px #fff}.cust-detail.cd-3d .fup-ring-inner{z-index:1;text-align:center;position:relative}.cust-detail.cd-3d .fup-ring-value{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1.02;display:block}.cust-detail.cd-3d .fup-ring-label{letter-spacing:.14em;text-transform:uppercase;color:#64748b;margin-top:3px;font-size:.48rem;font-weight:700;display:block}.cust-detail.cd-3d .fup-ring.is-unlimited{background:conic-gradient(#c4b5fd,#a7f3d0,#fbcfe8,#fde68a,#c4b5fd);box-shadow:0 14px 28px -20px #0f172a59,0 0 20px #c4b5fd40,inset 0 1px #fff}.cust-detail.cd-3d .fup-ring.is-empty{background:conic-gradient(#e2e8f0 0 100%, #e2e8f0 0)}.cust-detail.cd-3d .fup-summary{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cust-detail.cd-3d .fup-sum-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:7px 9px;box-shadow:0 3px 8px -7px #0f172a40}.cust-detail.cd-3d .fup-sum-item span{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:.5rem;font-weight:700;display:block}.cust-detail.cd-3d .fup-sum-item b{color:#0f172a;overflow-wrap:anywhere;margin-top:2px;font-size:.72rem;font-weight:800;display:block}.cust-detail.cd-3d .fup-status-row{color:#475569;align-items:center;gap:6px;margin-top:9px;font-size:.6rem;font-weight:700;display:flex}.cust-detail.cd-3d .fup-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #94a3b829}.cust-detail.cd-3d .user-card-details.card-mc-6{background:linear-gradient(165deg,#f5f3ff 0%,#fff 52%,#ede9fe 100%);border-color:#ddd6fe;box-shadow:0 24px 46px -32px #4c1d958c,inset 0 1px #fff}.cust-detail.cd-3d .user-card-details.card-mc-6>.card-title{color:#5b21b6;background:linear-gradient(90deg,#ede9fe,#f5f3ff);border-bottom:1px solid #ddd6fe}.cust-detail.cd-3d .user-card-details.card-mc-6>.card-title i{color:#7c3aed!important}.cust-detail.cd-3d .user-card-details.card-mc-6 .kv{border:1px solid #ddd6fe;border-left:3px solid #a78bfa}.cust-detail.cd-3d .user-card-details.card-mc-6 .kv .k{color:#6d28d9;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.cust-detail.cd-3d .user-card-details.card-mc-6 .kv .val{color:#0f172a;font-size:.72rem;font-weight:800}.cust-detail.cd-3d .card-mc-6 .cb-toggle-label{color:#6d28d9}.cust-detail.cd-3d .card-mc-6 .cb-grid{gap:9px;margin-top:10px}.cust-detail.cd-3d .card-mc-6 .cb-grid>label{text-transform:uppercase;letter-spacing:.04em;color:#6d28d9;font-size:.6rem}.cust-detail.cd-3d .card-mc-6 .cb-grid .in{background:#fff;border:1px solid #ddd6fe;border-radius:9px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #4c1d950f}.cust-detail.cd-3d .card-mc-6 .cb-grid .in:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.cust-detail.cd-3d .card-mc-6 .cb-grid-dates{grid-template-columns:1fr}.cust-detail.cd-3d .card-mc-6>.card-body>.cb-note{color:#5b21b6;background:#ede9feb3;border-left:3px solid #a78bfa;border-radius:0 8px 8px 0;padding:6px 8px}.cust-detail.cd-3d .card-mc-6 .cb-hist{background:#ffffffa6;border:1px solid #ddd6fe;border-radius:12px;margin-top:10px;padding:10px}.cust-detail.cd-3d .card-mc-6 .cb-hist-title{color:#6d28d9;letter-spacing:.08em;margin-bottom:6px;font-size:.58rem}.cust-detail.cd-3d .card-mc-6 .cb-hist-row{background:#fff;border:1px solid #ede9fe;border-radius:8px;margin-bottom:4px;padding:6px 8px;font-size:.62rem;box-shadow:0 3px 8px -7px #4c1d9573}.cust-detail.cd-3d .card-mc-6 .cb-hist-row b{color:#6d28d9}.cust-detail.cd-3d .card-mc-6 .cb-hist-row:last-child{margin-bottom:0}.cust-detail.cd-3d .card-mc-6 .btn{border-radius:9px;box-shadow:0 3px #4c1d952e,0 8px 16px -10px #4c1d9566}.cust-detail.cd-3d .card-mc-6 .btn.ghost{box-shadow:none}.cust-detail.cd-3d .user-card-details.card-mc-5{background:linear-gradient(165deg,#faf5ff 0%,#fff 55%,#eff6ff 100%);border-color:#ddd6fe;box-shadow:0 22px 44px -32px #4c1d9580,inset 0 1px #fff}.cust-detail.cd-3d .user-card-details.card-mc-5>.card-title{color:#5b21b6;background:linear-gradient(90deg,#ede9fe,#eff6ff);border-bottom:1px solid #ddd6fe}.cust-detail.cd-3d .user-card-details.card-mc-5>.card-title i{color:#7c3aed!important}.cust-detail.cd-3d .user-card-details.card-mc-5 .kv{border:1px solid #ddd6fe;border-left:3px solid #8b5cf6}.cust-detail.cd-3d .user-card-details.card-mc-5 .kv .k{color:#6d28d9;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.cust-detail.cd-3d .user-card-details.card-mc-5 .kv .val{color:#0f172a;font-size:.72rem;font-weight:800}.cust-detail.cd-3d .user-card-details.card-mc-1{background:linear-gradient(165deg,#f0fdf4 0%,#fff 55%,#ecfdf5 100%);border-color:#bbf7d0;box-shadow:0 22px 44px -32px #16653480,inset 0 1px #fff}.cust-detail.cd-3d .user-card-details.card-mc-1>.card-title{color:#166534;background:linear-gradient(90deg,#dcfce7,#f0fdf4);border-bottom:1px solid #bbf7d0}.cust-detail.cd-3d .user-card-details.card-mc-1>.card-title i{color:#16a34a!important}.cust-detail.cd-3d .user-card-details.card-mc-1 .tool{background:#fff;border:1px solid #bbf7d0;border-radius:10px;transition:transform .18s,box-shadow .18s;box-shadow:0 5px 12px -9px #16653466}.cust-detail.cd-3d .user-card-details.card-mc-1 .tool:hover{transform:translateY(-1px);box-shadow:0 8px 16px -10px #16653480}.cust-detail.cd-3d .account-connection-card{background:linear-gradient(165deg,#f8fafc 0%,#fff 55%,#eef2ff 100%);border:1px solid #e2e8f0;box-shadow:0 26px 52px -38px #1e293ba6,inset 0 1px #fff}.cust-detail.cd-3d .account-connection-card>.card-title{color:#1e3a8a;background:linear-gradient(90deg,#e0e7ff,#f1f5f9);border-bottom:1px solid #c7d2fe}.cust-detail.cd-3d .internal-card{border-radius:14px;padding:14px;box-shadow:0 16px 32px -24px #0f172a99,inset 0 1px #fff}.cust-detail.cd-3d .account-details-card{background:linear-gradient(160deg,#eef2ff,#fff 60%);border-color:#c7d2fe}.cust-detail.cd-3d .connection-location-card{background:linear-gradient(160deg,#fff1f2,#fff 60%);border-color:#fecdd3}.cust-detail.cd-3d .account-details-section .cd-split-cap,.cust-detail.cd-3d .connection-location-section .cd-split-cap{color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 8px 16px -10px #0f172a99,inset 0 1px #ffffff40}.cust-detail.cd-3d .cd-split-cap i{font-size:.9rem;color:#fff!important}.cust-detail.cd-3d .account-details-section .cd-split-cap{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.cust-detail.cd-3d .account-details-card .account-details-section:nth-child(2) .cd-split-cap{background:linear-gradient(135deg,#7c3aed,#a855f7)}.cust-detail.cd-3d .connection-location-section .cd-split-cap{background:linear-gradient(135deg,#e11d48,#f97316)}.cust-detail.cd-3d .connection-location-section.location-section .cd-split-cap{background:linear-gradient(135deg,#0d9488,#0ea5e9)}.cust-detail.cd-3d .account-details-section .kv,.cust-detail.cd-3d .connection-location-section .kv{background:#ffffffe0;border:1px solid #cbd5e1bf;border-left:3px solid #818cf8;border-radius:7px;margin-bottom:3px;padding:5px 8px;transition:transform .18s,background .18s;box-shadow:0 3px 8px -7px #0f172a66}.cust-detail.cd-3d .account-details-card .account-details-section:nth-child(2) .kv{border-left-color:#a855f7}.cust-detail.cd-3d .connection-location-section .kv{border-left-color:#fb7185}.cust-detail.cd-3d .connection-location-section.location-section .kv{border-left-color:#2dd4bf}.cust-detail.cd-3d .account-details-section .kv .k,.cust-detail.cd-3d .connection-location-section .kv .k{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.56rem;font-weight:700}.cust-detail.cd-3d .account-details-section .kv .val,.cust-detail.cd-3d .connection-location-section .kv .val{color:#0f172a;padding-right:2px;font-size:.68rem;font-weight:800}@media (width<=380px){.cust-detail.cd-3d .fup-body{flex-direction:column;align-items:stretch}.cust-detail.cd-3d .fup-ring{align-self:center}}@media (prefers-reduced-motion:reduce){.cust-detail.cd-3d .fup-ring.is-unlimited{animation:none!important}}.cust-detail.cd-3d .account-connection-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 26px 52px -38px #0f172a99,inset 0 1px #fff}.cust-detail.cd-3d .account-connection-card>.card-title{color:#1e293b;letter-spacing:.01em;background:linear-gradient(90deg,#f8fafc,#eef2ff 55%,#f8fafc);border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.78rem}.cust-detail.cd-3d .account-connection-card>.card-title i{color:#4f46e5!important}.cust-detail.cd-3d .account-connection-card>.card-body{padding:14px}.cust-detail.cd-3d .account-connection-grid{gap:14px}.cust-detail.cd-3d .account-connection-card .internal-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:14px;position:relative;overflow:hidden;box-shadow:0 14px 30px -26px #0f172a8c}.cust-detail.cd-3d .account-connection-card .internal-card:before{content:"";background:linear-gradient(90deg,#6366f1,#a855f7);height:3px;position:absolute;top:0;left:0;right:0}.cust-detail.cd-3d .account-connection-card .account-details-card{background:linear-gradient(#fbfcff,#fff 32%);border-color:#e2e8f0}.cust-detail.cd-3d .account-connection-card .connection-location-card{background:linear-gradient(#f7fdfc,#fff 32%);border-color:#e2e8f0}.cust-detail.cd-3d .account-connection-card .connection-location-card:before{background:linear-gradient(90deg,#0ea5e9,#14b8a6)}.cust-detail.cd-3d .account-details-section .cd-split-cap,.cust-detail.cd-3d .connection-location-section .cd-split-cap{box-shadow:none;color:#334155;letter-spacing:.09em;text-transform:uppercase;border:none;border-bottom:1px solid #e2e8f0;border-radius:0;align-items:center;gap:8px;margin:0 0 6px;padding:0 0 9px;font-size:.66rem;font-weight:800;display:flex;background:0 0!important}.cust-detail.cd-3d .account-details-section .cd-split-cap i,.cust-detail.cd-3d .connection-location-section .cd-split-cap i{background:linear-gradient(145deg,#6366f1,#4338ca);border-radius:7px;place-items:center;width:24px;height:24px;font-size:.76rem;display:inline-grid;box-shadow:0 4px 8px -5px #4338cab3;color:#fff!important}.cust-detail.cd-3d .account-details-card .account-details-section:nth-child(2) .cd-split-cap i{background:linear-gradient(145deg,#a855f7,#7c3aed);box-shadow:0 4px 8px -5px #7c3aedb3}.cust-detail.cd-3d .connection-location-card .connection-location-section:first-child .cd-split-cap i{background:linear-gradient(145deg,#fb7185,#e11d48);box-shadow:0 4px 8px -5px #e11d48b3}.cust-detail.cd-3d .location-section .cd-split-cap i{background:linear-gradient(145deg,#2dd4bf,#0d9488);box-shadow:0 4px 8px -5px #0d9488b3}.cust-detail.cd-3d .account-details-section+.account-details-section,.cust-detail.cd-3d .connection-location-section+.connection-location-section{border-top:1px dashed #e2e8f0;margin-top:16px;padding-top:14px}.cust-detail.cd-3d .account-details-section .kv,.cust-detail.cd-3d .connection-location-section .kv{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;grid-template-columns:minmax(108px,40%) minmax(0,60%);gap:12px;margin:0;padding:6px;transition:background .16s;display:grid}.cust-detail.cd-3d .account-details-section .kv:last-child,.cust-detail.cd-3d .connection-location-section .kv:last-child{border-bottom:none}.cust-detail.cd-3d .account-details-section .kv:hover,.cust-detail.cd-3d .connection-location-section .kv:hover{background:#f8fafc;transform:none}.cust-detail.cd-3d .account-details-section .kv .k,.cust-detail.cd-3d .connection-location-section .kv .k{color:#64748b;text-transform:none;letter-spacing:0;align-self:center;font-size:.65rem;font-weight:600}.cust-detail.cd-3d .account-details-section .kv .val,.cust-detail.cd-3d .connection-location-section .kv .val{color:#0f172a;text-align:right;overflow-wrap:anywhere;align-self:center;padding-right:2px;font-size:.72rem;font-weight:700}.cust-detail.cd-3d .account-connection-card{background:radial-gradient(120% 80% at 0 0,#6366f10b,#0000 55%),radial-gradient(120% 80% at 100% 100%,#14b8a60b,#0000 55%),#fff}.cust-detail.cd-3d .account-details-section .kv .val a{font-size:.64rem;font-weight:700}.cust-detail.cd-3d .fup-sum-item{transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.cust-detail.cd-3d .fup-sum-item:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff38,#0000 45%);position:absolute;inset:0}.cust-detail.cd-3d .fup-sum-item:hover{transform:translateY(-1px)}.cust-detail.cd-3d .fup-state-ok .fup-sum-item.used{background:linear-gradient(135deg,#34d399,#059669);border-color:#059669;box-shadow:0 8px 16px -10px #059669bf,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-ok .fup-sum-item.balance{background:linear-gradient(135deg,#2dd4bf,#0d9488);border-color:#0d9488;box-shadow:0 8px 16px -10px #0d9488bf,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-warn .fup-sum-item.used{background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#d97706;box-shadow:0 8px 16px -10px #d97706bf,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-warn .fup-sum-item.balance{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-color:#f59e0b;box-shadow:0 8px 16px -10px #f59e0bbf,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-crit .fup-sum-item.used{background:linear-gradient(135deg,#fb923c,#ea580c);border-color:#ea580c;box-shadow:0 8px 16px -10px #ea580ccc,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-crit .fup-sum-item.balance{background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#d97706;box-shadow:0 8px 16px -10px #d97706cc,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-over .fup-sum-item.used{background:linear-gradient(135deg,#fb7185,#e11d48);border-color:#e11d48;box-shadow:0 8px 16px -10px #e11d48d9,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-over .fup-sum-item.balance{background:linear-gradient(135deg,#f87171,#dc2626);border-color:#dc2626;box-shadow:0 8px 16px -10px #dc2626d9,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-none .fup-sum-item.used{background:linear-gradient(135deg,#a78bfa,#7c3aed);border-color:#7c3aed;box-shadow:0 8px 16px -10px #7c3aedcc,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-none .fup-sum-item.balance{background:linear-gradient(135deg,#f0abfc,#c026d3);border-color:#c026d3;box-shadow:0 8px 16px -10px #c026d3cc,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-empty .fup-sum-item{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-color:#94a3b8;box-shadow:0 6px 14px -10px #64748b99,inset 0 1px #ffffff59}.cust-detail.cd-3d .fup-state-ok .fup-sum-item span,.cust-detail.cd-3d .fup-state-warn .fup-sum-item span,.cust-detail.cd-3d .fup-state-crit .fup-sum-item span,.cust-detail.cd-3d .fup-state-over .fup-sum-item span,.cust-detail.cd-3d .fup-state-none .fup-sum-item span,.cust-detail.cd-3d .fup-state-empty .fup-sum-item span{color:#ffffffd1}.cust-detail.cd-3d .fup-state-ok .fup-sum-item b,.cust-detail.cd-3d .fup-state-warn .fup-sum-item b,.cust-detail.cd-3d .fup-state-crit .fup-sum-item b,.cust-detail.cd-3d .fup-state-over .fup-sum-item b,.cust-detail.cd-3d .fup-state-none .fup-sum-item b,.cust-detail.cd-3d .fup-state-empty .fup-sum-item b{color:#fff}.cust-detail.cd-3d .cd-kpi.inv{background:linear-gradient(135deg,#4338ca,#6366f1);border-color:#ffffff2e;box-shadow:0 10px 22px -14px #4338cae6,inset 0 1px #ffffff38}.cust-detail.cd-3d .cd-kpi.paid{background:linear-gradient(135deg,#15803d,#22c55e);border-color:#ffffff2e;box-shadow:0 10px 22px -14px #15803de6,inset 0 1px #ffffff38}.cust-detail.cd-3d .cd-kpi.due.due-open{background:linear-gradient(135deg,#b91c1c,#ef4444);border-color:#ffffff2e;box-shadow:0 10px 22px -14px #b91c1ce6,inset 0 1px #ffffff38}.cust-detail.cd-3d .cd-kpi.due.due-clear{background:linear-gradient(135deg,#0f766e,#14b8a6);border-color:#ffffff2e;box-shadow:0 10px 22px -14px #0f766ee6,inset 0 1px #ffffff38}.cust-detail.cd-3d .cd-kpi.ddate{background:linear-gradient(135deg,#b45309,#f59e0b);border-color:#ffffff2e;box-shadow:0 10px 22px -14px #b45309e6,inset 0 1px #ffffff38}.cust-detail.cd-3d .cd-kpi.exp{background:linear-gradient(135deg,#c2410c,#f97316);border-color:#ffffff2e;box-shadow:0 10px 22px -14px #c2410ce6,inset 0 1px #ffffff38}.cust-detail.cd-3d .cd-kpi.off{background:linear-gradient(135deg,#6d28d9,#a855f7);border-color:#ffffff2e;box-shadow:0 10px 22px -14px #6d28d9e6,inset 0 1px #ffffff38}.cust-detail.cd-3d .cd-kpi .l{color:#ffffffd6}.cust-detail.cd-3d .cd-kpi .v{color:#fff;text-shadow:0 1px 6px #0000002e}.cust-detail.cd-3d .cd-kpi.due .v{color:#fff}.cust-detail.cd-3d .cd-kpi.inv .cd-kpi-ico,.cust-detail.cd-3d .cd-kpi.paid .cd-kpi-ico,.cust-detail.cd-3d .cd-kpi.due .cd-kpi-ico,.cust-detail.cd-3d .cd-kpi.ddate .cd-kpi-ico,.cust-detail.cd-3d .cd-kpi.exp .cd-kpi-ico,.cust-detail.cd-3d .cd-kpi.off .cd-kpi-ico{color:#fff;background:#ffffff2e;border:1px solid #ffffff38;box-shadow:inset 0 1px #ffffff47}.cust-detail.cd-3d .cd-kpi:hover{border-color:#fff6}.cust-detail.cd-3d .cd-kpi>*{z-index:1;position:relative}.cust-detail.cd-3d .cd-kpi:after{content:"";height:auto;transform-origin:initial;pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.cust-detail.cd-3d .cd-kpi:hover:after{transform:translate(100%)}.cust-detail.cd-3d .cd-3d-hero{background:linear-gradient(115deg,#064e3b 0%,#047857 36%,#0d9488 68%,#14b8a6 100%);box-shadow:0 24px 44px -20px #064e3bcc,inset 0 1px #ffffff47,inset 0 -24px 44px #0f172a33}.cust-detail.cd-3d .cd-3d-hero-stats>div:nth-child(2){border-left-color:#14b8a6}.cust-detail.cd-3d .cd-3d-orb.orb1{background:radial-gradient(circle at 35% 35%,#34d399,#34d39900)}.cust-detail.cd-3d .cd-3d-orb.orb2{background:radial-gradient(circle at 60% 40%,#fbbf24,#fbbf2400)}.cust-detail.cd-3d .cd-3d-orb.orb3{background:radial-gradient(circle,#2dd4bf,#2dd4bf00)}.cust-detail.cd-3d .cd-3d-grid{background-image:linear-gradient(#0d948829 1px,#0000 1px),linear-gradient(90deg,#0d948829 1px,#0000 1px)}.cust-detail.cd-3d .user-card-details.card-mc-0{background:linear-gradient(165deg,#ecfdf5 0%,#fff 52%,#f0fdfa 100%);border-color:#a7f3d0}.cust-detail.cd-3d .user-card-details.card-mc-0>.card-title{color:#065f46;background:linear-gradient(90deg,#d1fae5,#f0fdfa);border-bottom-color:#a7f3d0}.cust-detail.cd-3d .user-card-details.card-mc-0>.card-title i{color:#059669!important}.cust-detail.cd-3d .cd-profile-visual{background:radial-gradient(120% 100% at 50% 0,#2dd4bf59,#0000 68%),linear-gradient(155deg,#042f2e,#065f46 58%,#0f766e)}.cust-detail.cd-3d .cd-profile-username{color:#d1fae5;background:#ffffff1f;border-color:#ffffff38}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv{border-color:#d1fae5 #d1fae5 #d1fae5 #34d399}.cust-detail.cd-3d .user-card-details.card-mc-0 .kv .k{color:#047857}.customers-page .cust-page-head{background:radial-gradient(120% 140% at 100% 0,#14b8a659,#0000 55%),linear-gradient(120deg,#064e3b 0%,#047857 55%,#0d9488 100%);border:1px solid #064e3b2e;border-radius:16px;margin-bottom:12px;padding:14px;position:relative;overflow:hidden;box-shadow:0 22px 44px -28px #064e3bb3,inset 0 1px #fff3}.customers-page .cust-page-head:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e 0 2px,#0000 3px) 0 0/18px 18px;border:1px solid #ffffff26;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-60px}.customers-page .cust-page-head-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.customers-page .cust-page-title{letter-spacing:-.01em;align-items:center;gap:9px;margin:0;display:flex;color:#fff!important;font-size:1rem!important}.customers-page .cust-page-title .cust-page-title-ico{color:#fff;background:#ffffff29;border:1px solid #ffffff38;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:inline-grid;box-shadow:inset 0 1px #fff3}.customers-page .cust-page-sub{color:#ffffffc7!important;margin:3px 0 0 39px!important;font-size:.72rem!important}.customers-page .cust-page-head-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.customers-page .cust-head-count{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;flex-direction:column;align-items:flex-end;padding:6px 11px;line-height:1.1;display:flex}.customers-page .cust-head-count b{font-size:1.05rem;font-weight:800}.customers-page .cust-head-count span{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;font-size:.52rem;font-weight:700}.customers-page .cust-page-head .btn{color:#fff;background:#ffffff29;border:1px solid #ffffff47;box-shadow:0 4px 12px -8px #0006,inset 0 1px #ffffff38}.customers-page .cust-page-head .btn:hover{background:#ffffff3d}.customers-page .cust-kpi-strip{z-index:1;gap:9px;margin-top:12px;position:relative}.customers-page .cust-kpi-card{color:#fff;cursor:pointer;text-align:left;background:#4338ca;border:1px solid #ffffff2e;border-radius:13px;flex:150px;align-items:center;gap:10px;min-width:0;max-width:none;padding:10px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px -16px #0f172acc,inset 0 1px #ffffff38}.customers-page .cust-kpi-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff29 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.customers-page .cust-kpi-card:hover{border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 18px 30px -18px #0f172ae6,inset 0 1px #ffffff40}.customers-page .cust-kpi-card:hover:after{transform:translate(100%)}.customers-page .cust-kpi-card>*{z-index:1;position:relative}.customers-page .cust-kpi-ico{color:#fff;background:#ffffff2e;border:1px solid #ffffff38;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffff40}.customers-page .cust-kpi-body{min-width:0}.customers-page .cust-kpi-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;font-weight:700;display:block;overflow:hidden}.customers-page .cust-kpi-value{color:#fff;margin-top:1px;font-size:1.15rem;font-weight:800;line-height:1.05;display:block}.customers-page .cust-kpi-all{background:linear-gradient(135deg,#4338ca,#6366f1)}.customers-page .cust-kpi-active{background:linear-gradient(135deg,#15803d,#22c55e)}.customers-page .cust-kpi-online{background:linear-gradient(135deg,#0f766e,#14b8a6)}.customers-page .cust-kpi-suspended{background:linear-gradient(135deg,#475569,#94a3b8)}.customers-page .cust-kpi-expired{background:linear-gradient(135deg,#c2410c,#f97316)}.customers-page .cust-kpi-card.on{border-color:#ffffffd9;transform:translateY(-2px);box-shadow:0 0 0 2px #ffffffa6,0 18px 30px -16px #0f172ae6,inset 0 1px #ffffff4d}.customers-page>.card:not(.cust-page-head){background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 22px 46px -36px #0f172a8c,inset 0 1px #fff}.customers-page>.card:not(.cust-page-head) .dt-bar{background:linear-gradient(90deg,#f8fafc,#eef2ff 60%,#f8fafc);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0}.customers-page .dt-bar .btn{box-shadow:0 2px #0f172a29,0 6px 12px -8px #0f172a66}.customers-page .dt-bar .btn:hover{filter:brightness(1.05)}@media (width<=640px){.customers-page .cust-page-head{padding:12px}.customers-page .cust-page-head-inner{align-items:flex-start}.customers-page .cust-page-sub{margin-left:0!important}.customers-page .cust-page-head-actions{justify-content:space-between;width:100%}.customers-page .cust-kpi-strip{grid-template-columns:1fr 1fr;display:grid}.customers-page .cust-kpi-card{max-width:none}.customers-page .cust-head-count{align-items:flex-start}}