/* Dentanet Billing — clean eBilling-like admin theme */
:root{--bg:#eef2f8;--side:#26324f;--side2:#1f2a44;--card:#fff;--text:#23324a;--muted:#7b8798;--line:#dde5f0;--soft:#f7f9fd;--blue:#2f80ed;--sky:#56ccf2;--green:#27ae60;--orange:#f2994a;--red:#eb5757;--shadow:0 10px 26px rgba(31,42,68,.08)}html[data-theme=dark]{--bg:#111827;--side:#0b1120;--side2:#060b16;--card:#182235;--text:#e7eefb;--muted:#96a4b8;--line:#2a3850;--soft:#111a2b;--shadow:0 12px 30px rgba(0,0,0,.25)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}body.app-body,body.ebill-clone-ui{background:var(--bg)!important;color:var(--text)!important}.clone-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:260px!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,var(--side),var(--side2))!important;color:white!important;box-shadow:8px 0 30px rgba(31,42,68,.16)!important;z-index:40;overflow:auto}.clone-main{margin-left:260px!important;padding:0 24px 40px!important;min-height:100vh;background:var(--bg)!important}.clone-logo-block{height:76px;display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.clone-logo{width:42px;height:42px;border-radius:12px;background:white;display:grid;place-items:center;padding:7px}.clone-logo img{width:100%;height:100%;object-fit:contain}.clone-logo-block b{display:block;font-size:18px;line-height:1;color:#fff}.clone-logo-block span{display:block;margin-top:4px;color:#c7d3e6;font-size:12px;font-weight:700}.clone-user-card{display:flex;gap:10px;align-items:center;margin:16px;padding:13px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.clone-user-card>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--sky));font-weight:900}.clone-user-card small{display:block;color:#c7d3e6;font-size:11px;font-weight:700}.clone-user-card b{display:block;color:#fff;font-size:13px}.clone-nav{display:grid;gap:4px;padding:8px 12px}.clone-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;text-decoration:none;color:#d8e2f2;font-weight:700}.clone-nav a i{width:25px;text-align:center;font-style:normal}.clone-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.clone-nav a.active{background:#fff;color:#26324f;box-shadow:0 10px 22px rgba(0,0,0,.10)}.clone-sidebar-bottom{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:8px}.clone-theme-btn,.clone-logout{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:800;padding:11px 12px;text-align:center}.clone-theme-btn{cursor:pointer}.clone-logout{color:#ffd3d3}.clone-topbar{height:76px;margin:0 -24px 22px;padding:0 24px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 18px rgba(31,42,68,.04);position:sticky;top:0;z-index:25}.clone-title-wrap{display:flex;align-items:center;gap:13px}.clone-menu-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--text);font-weight:900;cursor:pointer}.clone-title-wrap p{margin:0 0 3px;color:var(--muted);font-size:12px;font-weight:800}.clone-title-wrap h1{margin:0;color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.4px}.clone-actions{display:flex;gap:9px;flex-wrap:wrap}.clone-btn,.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);padding:10px 13px;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer}.clone-btn.primary,.btn.primary{border-color:transparent;background:var(--blue)!important;color:#fff!important}.clone-btn.warn{border-color:#ffe0b8;background:#fff7ed;color:#c76a10}.btn.ghost{background:var(--side)!important;color:#fff!important}.btn.soft{background:var(--card)!important;color:var(--text)!important}.btn.xs{font-size:12px;padding:8px 10px}.hero-strip,.ebill-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-bottom:18px}.hero-card,.ebill-hero-main{background:linear-gradient(135deg,var(--blue),var(--sky));border-radius:16px;box-shadow:var(--shadow);padding:24px;color:#fff;overflow:hidden}.hero-card h2,.ebill-hero-main h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0 0 10px}.hero-card p,.ebill-hero-main p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.88)}.quick-card,.ebill-hero-side,.card,.summary-pill,.metric,.metric-tile,.dashboard-tabs,.payment-history-card,.customer-list-card,.form-section-card,.payment-form,.live-log-card{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.quick-card,.ebill-hero-side{padding:22px}.quick-card h2,.ebill-hero-side strong{font-size:28px;color:var(--text)}.care-flow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.care-flow span{background:rgba(255,255,255,.18);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.cards,.ebill-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.metric,.metric-tile,.summary-pill{padding:18px;min-height:112px;text-decoration:none}.metric:after,.metric-tile:after{display:none}.metric small,.metric-tile span,.metric-tile small,.summary-pill span{color:var(--muted);font-weight:800}.metric strong,.metric-tile b,.summary-pill b{display:block;color:var(--text);font-size:28px;margin-top:8px}.dashboard-portal{margin:18px 0}.portal-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.portal-head h2{font-size:22px;color:var(--text);margin:0}.portal-head p{font-size:13px;color:var(--muted);margin:4px 0 0}.portal-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.portal-card{min-height:124px;border-radius:14px!important;padding:16px!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;background:var(--card)!important;color:var(--text)!important;text-decoration:none!important;display:flex;flex-direction:column;justify-content:space-between}.portal-card:before,.portal-card:after{display:none}.portal-icon{width:40px;height:40px;border-radius:10px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-size:18px}.portal-card small{display:block;color:var(--muted);font-weight:800}.portal-card strong{display:block;color:var(--text);font-size:25px}.portal-card span{display:block;color:var(--muted);font-size:12px}.portal-card em{font-style:normal;color:var(--blue);font-weight:800}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.card{padding:18px}.panel-title,.tab-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-title h2,.tab-head h2,.section-heading h2{color:var(--text);font-size:20px;margin:0}.eyebrow{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin:0 0 5px}.table-wrap{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:auto}table{width:100%;border-collapse:collapse;background:var(--card);min-width:760px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:var(--soft);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}td{color:var(--text)}tbody tr:hover{background:var(--soft)}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.pill.green{background:#e8f8ef;color:#219653}.pill.orange{background:#fff3e4;color:#c76a10}.pill.blue{background:#eaf3ff;color:var(--blue)}.pill.red{background:#ffecec;color:var(--red)}html[data-theme=dark] .pill.green{background:rgba(39,174,96,.16);color:#34d399}html[data-theme=dark] .pill.orange{background:rgba(242,153,74,.16);color:#fbbf24}html[data-theme=dark] .pill.blue{background:rgba(47,128,237,.18);color:#93c5fd}html[data-theme=dark] .pill.red{background:rgba(235,87,87,.18);color:#fb7185}.tab-panel{display:none}.tab-panel.active{display:block}.tab-buttons{display:flex;gap:8px}.tab-buttons button{border-radius:10px;background:var(--soft);border:1px solid var(--line);color:var(--muted);padding:9px 12px;font-weight:800}.tab-buttons button.active{background:var(--blue);color:white;border-color:var(--blue)}.package-mini-grid,.method-list,.top-customer-list,.log-list{display:grid;gap:12px}.package-mini-grid{grid-template-columns:repeat(3,1fr)}.package-mini,.method-item,.top-customer,.log-item,.result-strip{background:var(--soft);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:14px}.method-item{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:12px}.method-item span{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--sky),var(--green));border-radius:999px}.top-customer{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center}.top-customer>span{width:38px;height:38px;border-radius:12px;background:var(--side);color:white;display:grid;place-items:center;font-weight:900}.customer-toolbar,.toolbar-form,.table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.result-strip{display:flex;justify-content:space-between;margin:10px 0 14px;color:var(--muted);font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:800;color:var(--muted)}input,select,textarea,.field input,.field select,.field textarea{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px;width:100%}.wide,.field.wide{grid-column:1/-1}.customer-form-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px;padding:24px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--sky));color:white}.customer-form-hero h1{font-size:30px;margin:0 0 8px}.form-section-card{margin-bottom:14px}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.section-heading span{width:38px;height:38px;border-radius:12px;background:var(--blue);color:white;display:grid;place-items:center;font-weight:900}.sticky-form-actions{position:sticky;bottom:14px;z-index:10;display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.payment-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,.55fr);gap:16px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(1000px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.login-hero{padding:44px;background:linear-gradient(135deg,var(--side),var(--blue));color:white}.login-hero img{width:72px;background:white;border-radius:18px;padding:10px}.login-hero h1{font-size:40px;line-height:1.05}.login-form{padding:44px;background:var(--card);color:var(--text)}.notice{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-weight:800}.notice.err{background:#fee2e2;color:#b91c1c}.notice.success{background:#dcfce7;color:#047857}.mobile-shade{display:none}body.sidebar-hidden .clone-sidebar{transform:translateX(-100%)}body.sidebar-hidden .clone-main{margin-left:0!important}.table-enhancer{border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;margin-bottom:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.table-pager{display:flex;gap:6px;justify-content:flex-end;margin-top:10px}.table-pager button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:6px 10px}.table-pager button.active{background:var(--blue);color:#fff}@media(max-width:1280px){.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cards,.ebill-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-strip,.ebill-hero{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}@media(max-width:900px){.clone-sidebar{transform:translateX(-105%);width:260px!important}.clone-main{margin-left:0!important;padding:0 14px 32px!important}.clone-topbar{margin:0 -14px 16px;padding:12px 14px;height:auto;align-items:flex-start;flex-direction:column}.clone-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.sidebar-open .clone-sidebar{transform:translateX(0)}.sidebar-open .mobile-shade{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:30}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cards,.ebill-metrics{grid-template-columns:1fr}.payment-layout,.login-card{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.table-wrap{overflow:visible;border:0}table.responsive{min-width:0;border-collapse:separate;border-spacing:0 10px}table.responsive thead{display:none}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{display:block;width:100%}table.responsive tr{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px}table.responsive td{border:0;display:grid;grid-template-columns:112px 1fr;gap:8px}table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}}@media(max-width:560px){.portal-grid{grid-template-columns:1fr!important}.clone-actions{grid-template-columns:1fr}.clone-title-wrap h1{font-size:21px}.card{padding:14px}.hero-card h2,.ebill-hero-main h2{font-size:25px}.customer-form-hero,.sticky-form-actions,.portal-head{align-items:flex-start;flex-direction:column}.package-mini-grid{grid-template-columns:1fr}}

/* VPS polish pass: calmer modern billing workspace */
.clone-sidebar{background:linear-gradient(180deg,#17213a 0%,#223154 52%,#182238 100%)!important}.clone-logo-block{height:82px}.clone-nav{padding-top:4px}.clone-nav a{min-height:46px}.clone-nav a.active{box-shadow:0 12px 28px rgba(0,0,0,.16)!important}.clone-topbar{backdrop-filter:saturate(160%) blur(10px)}.clone-actions .clone-btn{white-space:nowrap}.hero-card,.ebill-hero-main{position:relative;isolation:isolate}.hero-card:after,.ebill-hero-main:after{content:"";position:absolute;right:-70px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.14);z-index:-1}.hero-card:before,.ebill-hero-main:before{content:"";position:absolute;right:90px;bottom:-80px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.10);z-index:-1}.quick-card,.card,.metric,.metric-tile,.summary-pill,.portal-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.portal-card:hover,.metric:hover,.metric-tile:hover,.summary-pill:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(31,42,68,.12)!important}.portal-grid{align-items:stretch}.portal-card{gap:12px}.portal-card strong{line-height:1}.metric small,.metric-tile span,.summary-pill span{letter-spacing:.02em;text-transform:uppercase;font-size:11px}.card .panel-title{border-bottom:1px solid var(--line);padding-bottom:12px}.notice{border:1px solid transparent}.notice.success{background:#e8f8ef;color:#166534;border-color:#bbf7d0}.notice.err{background:#fee2e2;color:#991b1b;border-color:#fecaca}.form-card .btn.primary{min-width:150px}.table-actions{gap:6px}.login-hero img,.clone-logo img{display:block}.clone-logo:has(img[src$="dentanet-logo.png"]){background:#fff}.clone-logo img:not([src]),.login-hero img:not([src]){display:none}html[data-theme=dark] .clone-topbar{background:rgba(24,34,53,.92)}html[data-theme=dark] .notice.success{background:rgba(39,174,96,.16);color:#86efac;border-color:rgba(39,174,96,.25)}html[data-theme=dark] .notice.err{background:rgba(235,87,87,.16);color:#fca5a5;border-color:rgba(235,87,87,.25)}html[data-theme=dark] .hero-card:after,html[data-theme=dark] .ebill-hero-main:after{background:rgba(255,255,255,.08)}@media(max-width:900px){.clone-nav a{min-height:44px}.clone-sidebar-bottom{position:static;margin:20px 16px}.hero-card:after,.ebill-hero-main:after{width:180px;height:180px}.table-actions{justify-content:flex-start}}

/* 2026-07-01 clinic/PSTI-like refinement */
:root{--mint:#10b981;--mint-soft:#ecfdf5;--ink:#172033;--cream:#fbfcff}body.ebill-clone-ui{background:linear-gradient(180deg,#f7fbff 0%,#edf3fb 46%,#eef2f8 100%)!important}.clone-sidebar{width:236px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;color:#172033!important;border-right:1px solid #e2eaf5!important;box-shadow:6px 0 26px rgba(15,23,42,.06)!important;padding:14px 12px!important}.clone-main{margin-left:236px!important;padding:0 22px 40px!important}.clone-logo-block{height:auto!important;padding:10px 8px 16px!important;border:0!important;margin-bottom:6px}.clone-logo{width:44px!important;height:44px!important;border-radius:16px!important;background:linear-gradient(135deg,#e8f3ff,#ecfdf5)!important;border:1px solid #ddeaf7!important;box-shadow:none!important}.clone-logo-block b{color:#172033!important;font-size:18px!important;letter-spacing:-.02em}.clone-logo-block span{color:#718096!important;font-size:11px!important}.clone-user-card{margin:8px 0 12px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(135deg,#eef8ff,#f0fdf4)!important;border:1px solid #dbeafe!important;color:#172033!important}.clone-user-card>span{background:#fff!important;color:#2f80ed!important;border:1px solid #dbeafe!important}.clone-user-card small{color:#64748b!important}.clone-user-card b{color:#172033!important}.clone-nav{padding:4px 0!important;gap:6px!important}.clone-nav a{color:#475569!important;background:transparent!important;border:1px solid transparent!important;border-radius:15px!important;gap:10px!important;padding:10px 11px!important;min-height:48px!important}.clone-nav a i{width:30px!important;height:30px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#f1f5f9!important;color:#64748b!important;font-size:15px!important}.clone-nav a span{display:grid!important;gap:1px!important;line-height:1.05!important}.clone-nav a span b{font-size:13px!important;color:inherit!important}.clone-nav a span small{font-size:10px!important;color:#94a3b8!important;font-weight:800!important;letter-spacing:.02em}.clone-nav a:hover{background:#f8fbff!important;border-color:#e2e8f0!important;color:#1e3a5f!important}.clone-nav a.active{background:linear-gradient(135deg,#2f80ed,#38bdf8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(47,128,237,.22)!important}.clone-nav a.active i{background:rgba(255,255,255,.18)!important;color:#fff!important}.clone-nav a.active small{color:rgba(255,255,255,.78)!important}.clone-sidebar-bottom{left:12px!important;right:12px!important;bottom:12px!important}.clone-theme-btn,.clone-logout{border-radius:14px!important;background:#f8fafc!important;color:#334155!important;border:1px solid #e2e8f0!important;padding:10px!important}.clone-logout{color:#dc2626!important}.clone-topbar{height:74px!important;margin:0 -22px 22px!important;background:rgba(255,255,255,.86)!important;border-bottom:1px solid #e7eef7!important;box-shadow:0 8px 28px rgba(15,23,42,.04)!important}.clone-title-wrap h1{font-size:23px!important}.clone-title-wrap p{color:#64748b!important}.clone-menu-btn{background:#fff!important}.hero-card,.ebill-hero-main{background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 48%,#10b981 100%)!important;border-radius:24px!important}.quick-card,.card,.metric,.metric-tile,.summary-pill,.portal-card,.customer-list-card,.form-section-card{border-radius:22px!important;border-color:#e4edf7!important;box-shadow:0 14px 36px rgba(15,23,42,.06)!important}.summary-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px!important}.summary-pill{min-height:102px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.customer-panel-title{align-items:flex-start!important}.filter-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.filter-tabs a{padding:8px 12px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#64748b!important;text-decoration:none!important;font-weight:900!important;font-size:12px!important}.filter-tabs a.active{background:#172033!important;color:#fff!important;border-color:#172033!important}.toolbar-form input{min-width:230px}.customer-care-table-wrap{border:0!important;background:transparent!important;box-shadow:none!important}.customer-care-table{min-width:1120px!important;border-collapse:separate!important;border-spacing:0 10px!important;background:transparent!important}.customer-care-table thead th{background:transparent!important;color:#7c8aa0!important;border:0!important;padding:0 12px 8px!important;font-size:10.5px!important}.customer-care-table tbody tr{background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.055)!important;border-radius:18px!important}.customer-care-table tbody tr:hover{background:#fbfdff!important;box-shadow:0 16px 36px rgba(15,23,42,.09)!important}.customer-care-table td{background:transparent!important;border:0!important;border-top:1px solid #e6edf6!important;border-bottom:1px solid #e6edf6!important;padding:15px 12px!important}.customer-care-table td:first-child{border-left:1px solid #e6edf6!important;border-radius:18px 0 0 18px!important}.customer-care-table td:last-child{border-right:1px solid #e6edf6!important;border-radius:0 18px 18px 0!important}.col-id{width:112px!important}.col-id b{display:inline-flex!important;background:#eef6ff!important;color:#2563eb!important;border:1px solid #dbeafe!important;padding:7px 9px!important;border-radius:999px!important;font-size:12px!important}.desktop-muted{margin-top:8px!important;color:#94a3b8!important;font-size:11px!important}.col-name{width:190px!important}.col-name b{display:block!important;font-size:14px!important;color:#172033!important;line-height:1.25!important}.phone-chip{display:inline-flex!important;margin-top:8px!important;padding:5px 8px!important;border-radius:999px!important;background:#f1f5f9!important;color:#64748b!important;font-size:11px!important;font-weight:800!important}.col-address{width:240px!important;color:#475569!important;font-size:12.5px!important;line-height:1.45!important}.col-address span{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.col-network{width:230px!important}.price-line{color:#64748b!important;font-size:12px!important;font-weight:800!important}.network-mini{display:grid!important;grid-template-columns:52px 1fr!important;gap:6px!important;margin-top:7px!important;font-size:11px!important;align-items:center!important}.network-mini span{color:#94a3b8!important;font-weight:900!important;text-transform:uppercase!important}.network-mini b{color:#334155!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.col-billing{width:225px!important}.billing-stack{display:grid!important;gap:7px!important}.billing-stack small{color:#64748b!important;font-size:11.5px!important;line-height:1.35!important}.col-status{width:120px!important}.col-status .pill{margin:2px!important}.col-actions{width:170px!important}.table-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.btn.red{background:#fee2e2!important;color:#b91c1c!important;border-color:#fecaca!important}.btn.xs{border-radius:999px!important;padding:7px 10px!important;font-size:11px!important}.result-strip{border-radius:16px!important;background:#f8fbff!important}.empty-row{text-align:center!important;color:#64748b!important;font-weight:800!important;padding:26px!important}.server-pagination{display:flex!important;gap:8px!important;justify-content:flex-end!important;margin-top:16px!important;flex-wrap:wrap!important}.server-pagination a{padding:9px 12px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e2e8f0!important;text-decoration:none!important;color:#334155!important;font-weight:900!important}.server-pagination a.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}html[data-theme=dark] body.ebill-clone-ui{background:#101827!important}html[data-theme=dark] .clone-sidebar{background:linear-gradient(180deg,#131c2f,#0f172a)!important;border-color:#263449!important}html[data-theme=dark] .clone-logo-block b,html[data-theme=dark] .clone-user-card b{color:#e7eefb!important}html[data-theme=dark] .clone-user-card,html[data-theme=dark] .clone-theme-btn,html[data-theme=dark] .clone-logout{background:#172033!important;border-color:#2a3850!important;color:#e7eefb!important}html[data-theme=dark] .clone-nav a{color:#cbd5e1!important}html[data-theme=dark] .clone-nav a i{background:#1e293b!important;color:#cbd5e1!important}html[data-theme=dark] .clone-topbar{background:rgba(24,34,53,.9)!important;border-color:#2a3850!important}html[data-theme=dark] .customer-care-table tbody tr{background:#182235!important}html[data-theme=dark] .customer-care-table td{border-color:#2a3850!important}html[data-theme=dark] .customer-care-table td:first-child{border-left-color:#2a3850!important}html[data-theme=dark] .customer-care-table td:last-child{border-right-color:#2a3850!important}html[data-theme=dark] .col-name b{color:#e7eefb!important}html[data-theme=dark] .col-address,html[data-theme=dark] .billing-stack small,html[data-theme=dark] .price-line{color:#aab7ca!important}html[data-theme=dark] .phone-chip{background:#101827!important;color:#cbd5e1!important}html[data-theme=dark] .network-mini b{color:#e2e8f0!important}html[data-theme=dark] .filter-tabs a,html[data-theme=dark] .server-pagination a{background:#182235!important;border-color:#2a3850!important;color:#cbd5e1!important}@media(max-width:1280px){.summary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-care-table{min-width:1040px!important}}@media(max-width:900px){.clone-sidebar{width:248px!important;transform:translateX(-105%)!important}.clone-main{margin-left:0!important;padding:0 14px 32px!important}.summary-row{grid-template-columns:1fr!important}.customer-panel-title{gap:14px!important}.toolbar-form{width:100%!important}.toolbar-form input,.toolbar-form select{width:100%!important;min-width:0!important}.customer-care-table{min-width:0!important;border-spacing:0 12px!important}.customer-care-table thead{display:none!important}.customer-care-table,.customer-care-table tbody,.customer-care-table tr,.customer-care-table td{display:block!important;width:100%!important}.customer-care-table tbody tr{border:1px solid #e6edf6!important;border-radius:20px!important;padding:12px!important}.customer-care-table td{border:0!important;border-bottom:1px dashed #e2e8f0!important;padding:10px 4px!important;display:grid!important;grid-template-columns:92px 1fr!important;gap:10px!important}.customer-care-table td:first-child,.customer-care-table td:last-child{border-left:0!important;border-right:0!important;border-radius:0!important}.customer-care-table td:before{content:attr(data-label)!important;color:#94a3b8!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important}.customer-care-table td:last-child{border-bottom:0!important}.col-address span{-webkit-line-clamp:unset!important}.table-actions{justify-content:flex-start!important}.clone-sidebar-bottom{position:static!important;margin:18px 0 0!important}}@media(max-width:560px){.clone-logo-block{padding-top:6px!important}.clone-title-wrap h1{font-size:20px!important}.hero-card,.ebill-hero-main{border-radius:20px!important}.customer-care-table td{grid-template-columns:78px 1fr!important}.filter-tabs a{font-size:11px!important;padding:7px 9px!important}}

/* 2026-07-01 pro responsive + motion + proper pagination */
html{scroll-behavior:smooth}.no-scroll{overflow:hidden!important}.clone-sidebar,.clone-main,.clone-nav a,.clone-nav a span,.clone-topbar{transition:width .24s ease,margin .24s ease,transform .24s ease,opacity .2s ease,background .2s ease,box-shadow .2s ease!important}.clone-sidebar{overflow-x:hidden!important}.clone-logo-block>div:last-child,.clone-user-card div,.clone-nav a span,.clone-sidebar-bottom{transition:opacity .18s ease,transform .18s ease}.sidebar-compact .clone-sidebar{width:82px!important;padding-left:10px!important;padding-right:10px!important}.sidebar-compact .clone-main{margin-left:82px!important}.sidebar-compact .clone-logo-block{justify-content:center!important}.sidebar-compact .clone-logo-block>div:last-child,.sidebar-compact .clone-user-card div,.sidebar-compact .clone-nav a span,.sidebar-compact .clone-sidebar-bottom{opacity:0!important;pointer-events:none!important;position:absolute!important;transform:translateX(-8px)!important}.sidebar-compact .clone-user-card{justify-content:center!important;padding:10px!important}.sidebar-compact .clone-nav a{justify-content:center!important;padding:10px!important}.sidebar-compact .clone-nav a i{margin:0!important}.clone-menu-btn{position:relative;overflow:hidden}.clone-menu-btn:after,.btn:after,.clone-btn:after{content:"";position:absolute;inset:auto auto 50% 50%;width:0;height:0;border-radius:999px;background:rgba(255,255,255,.35);transform:translate(-50%,50%);transition:width .35s ease,height .35s ease}.clone-menu-btn:active:after,.btn:active:after,.clone-btn:active:after{width:140px;height:140px}.btn,.clone-btn{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover,.clone-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.10)!important}.motion-ready{opacity:0;transform:translateY(16px) scale(.985);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1);transition-delay:var(--motion-delay,0ms)}.motion-ready.motion-in{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1!important;transform:none!important;transition:none!important}.clone-sidebar,.clone-main,.btn,.clone-btn{transition:none!important}}.summary-pill{position:relative;overflow:hidden}.summary-pill:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#2f80ed,#38bdf8,#10b981);opacity:.85}.customer-care-table tbody tr{transition:transform .18s ease,box-shadow .18s ease}.customer-care-table tbody tr:hover{transform:translateY(-2px)}.pro-pager{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;margin-top:16px!important}.pro-pager .pager-meta{margin-right:auto;color:#64748b;font-weight:900;font-size:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px}.pro-pager button,.pro-pager a{min-width:38px;height:38px;padding:0 13px!important;border-radius:13px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#334155!important;text-decoration:none!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 18px rgba(15,23,42,.04)!important;transition:transform .16s ease,background .16s ease}.pro-pager button:hover,.pro-pager a:hover{transform:translateY(-1px);background:#f8fbff!important}.pro-pager button.active,.pro-pager a.active{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(37,99,235,.22)!important}.pro-pager button:disabled{opacity:.45;cursor:not-allowed;transform:none}.pro-pager span{color:#94a3b8;font-weight:900}.pro-table-enhancer{border-radius:18px!important}.enhancer-tools{display:flex;gap:8px;flex-wrap:wrap}.enhancer-search,.enhancer-size{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff;color:#172033}.customer-detail-hero,.pro-detail-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px;padding:26px;border-radius:26px;background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 48%,#10b981 100%);color:#fff;box-shadow:0 18px 42px rgba(37,99,235,.18);position:relative;overflow:hidden}.customer-detail-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.16)}.customer-detail-hero h1{margin:0 0 8px;font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-.04em}.customer-detail-hero p{margin:0;color:rgba(255,255,255,.86);font-weight:700}.hero-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.detail-grid,.pro-detail-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start}.pro-profile-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pro-profile-list>div{padding:14px;border-radius:16px;background:#f8fbff;border:1px solid #e6edf6}.pro-profile-list span{display:block;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.pro-profile-list b{display:block;color:#172033;font-size:13px;line-height:1.45}.payment-history-timeline-card{overflow:hidden}.payment-timeline{position:relative;display:grid;gap:12px}.payment-timeline:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:linear-gradient(#bfdbfe,#bbf7d0)}.payment-timeline-item{position:relative;display:grid;grid-template-columns:32px 1fr;gap:12px}.timeline-dot{width:30px;height:30px;border-radius:50%;background:#fff;border:7px solid #2f80ed;box-shadow:0 0 0 4px #eaf3ff;z-index:1}.timeline-body{padding:14px;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e6edf6;box-shadow:0 10px 24px rgba(15,23,42,.05)}.timeline-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.timeline-top b{font-size:15px;color:#172033}.timeline-top span{font-size:15px;font-weight:900;color:#10b981}.timeline-body p{margin:7px 0 0;color:#64748b;font-size:12px;font-weight:800}.timeline-body small{display:block;margin-top:7px;color:#64748b}.timeline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.payment-layout{align-items:start}.payment-history-card{margin-top:18px!important}html[data-theme=dark] .pro-pager .pager-meta,html[data-theme=dark] .pro-pager button,html[data-theme=dark] .pro-pager a,html[data-theme=dark] .enhancer-search,html[data-theme=dark] .enhancer-size{background:#182235!important;border-color:#2a3850!important;color:#cbd5e1!important}html[data-theme=dark] .pro-profile-list>div,html[data-theme=dark] .timeline-body{background:#111827;border-color:#2a3850}html[data-theme=dark] .pro-profile-list b,html[data-theme=dark] .timeline-top b{color:#e7eefb}html[data-theme=dark] .payment-timeline:before{background:linear-gradient(#2563eb,#10b981)}html[data-theme=dark] .timeline-dot{background:#111827;box-shadow:0 0 0 4px rgba(47,128,237,.18)}@media(max-width:1180px){.detail-grid,.pro-detail-grid{grid-template-columns:1fr}.payment-layout{grid-template-columns:1fr!important}.clone-actions{max-width:520px;justify-content:flex-end}}@media(max-width:980px){.clone-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(86vw,320px)!important;padding:16px!important;transform:translateX(-105%)!important;z-index:60!important;border-radius:0 28px 28px 0!important}.sidebar-open .clone-sidebar{transform:translateX(0)!important}.mobile-shade{display:block!important;position:fixed;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(3px);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-open .mobile-shade{opacity:1;pointer-events:auto}.clone-main{margin-left:0!important;padding:0 14px 32px!important}.clone-topbar{position:sticky!important;top:0!important;margin:0 -14px 16px!important;padding:12px 14px!important;height:auto!important;display:grid!important;grid-template-columns:1fr!important}.clone-title-wrap{width:100%!important}.clone-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;max-width:none}.clone-actions .clone-btn{padding:10px 8px!important;font-size:12px!important}.sidebar-compact .clone-main{margin-left:0!important}.sidebar-compact .clone-logo-block>div:last-child,.sidebar-compact .clone-user-card div,.sidebar-compact .clone-nav a span,.sidebar-compact .clone-sidebar-bottom{opacity:1!important;pointer-events:auto!important;position:static!important;transform:none!important}.pro-profile-list{grid-template-columns:1fr}.customer-detail-hero{align-items:flex-start;flex-direction:column;padding:22px}.customer-detail-hero h1{font-size:28px}.pro-pager{justify-content:center!important}.pro-pager .pager-meta{width:100%;text-align:center;margin:0 0 2px!important}.payment-timeline:before{left:13px}}@media(max-width:640px){.clone-actions{grid-template-columns:1fr!important}.clone-title-wrap{align-items:flex-start!important}.clone-title-wrap p{font-size:11px!important}.clone-title-wrap h1{font-size:19px!important}.summary-pill{min-height:90px!important}.summary-pill b{font-size:22px!important}.hero-card,.ebill-hero-main{padding:20px!important}.hero-card h2,.ebill-hero-main h2{font-size:23px!important}.pro-pager button,.pro-pager a{min-width:34px;height:34px;border-radius:11px!important;padding:0 10px!important}.timeline-top{align-items:flex-start;flex-direction:column}.timeline-body{padding:13px}.payment-timeline-item{grid-template-columns:30px 1fr;gap:10px}.customer-care-table tbody tr{box-shadow:0 8px 22px rgba(15,23,42,.055)!important}}

/* 2026-07-01 auto billing + human premium refinements */
.clone-sidebar{display:flex!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}.clone-logo-block{flex:0 0 auto!important}.clone-user-card{flex:0 0 auto!important}.clone-nav{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important}.clone-nav::-webkit-scrollbar{width:6px}.clone-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.clone-sidebar-bottom{position:static!important;flex:0 0 auto!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid #e2e8f0!important}.sidebar-compact .clone-sidebar-bottom{display:none!important}.billing-status-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}.metric-tile.red:before,.metric-tile.slate:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:22px 22px 0 0}.metric-tile.red:before{background:linear-gradient(90deg,#f97316,#ef4444)}.metric-tile.slate:before{background:linear-gradient(90deg,#64748b,#0f172a)}.metric-tile.red b{color:#ea580c!important}.metric-tile.slate b{color:#334155!important}.auto-billing-note{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #dbeafe;color:#334155;font-weight:800;margin-bottom:16px}.auto-billing-note span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,.10)}.pill.orange{background:#fff7ed!important;color:#c2410c!important;border:1px solid #fed7aa!important}.pill.red{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}.pill.green{border:1px solid #bbf7d0!important}.filter-tabs a[href*="isolir"]:not(.active){background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}.filter-tabs a[href*="off"]:not(.active){background:#f8fafc!important;color:#334155!important;border-color:#cbd5e1!important}.status-field select{font-weight:900}.customer-care-table tbody tr:has(.pill.orange){box-shadow:0 10px 28px rgba(249,115,22,.09)!important}.customer-care-table tbody tr:has(.pill.red){box-shadow:0 10px 28px rgba(239,68,68,.08)!important}.billing-stack .pill{width:max-content}.tab-buttons{flex-wrap:wrap}.tab-buttons button{border-radius:999px!important;padding:9px 13px!important}.dashboard-tabs .tab-panel{animation:softTab .24s ease}@keyframes softTab{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] .clone-sidebar-bottom{border-color:#2a3850!important}html[data-theme=dark] .auto-billing-note{background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(16,185,129,.12));border-color:#2a3850;color:#cbd5e1}html[data-theme=dark] .auto-billing-note span{background:#111827}html[data-theme=dark] .metric-tile.slate b{color:#cbd5e1!important}@media(max-width:1280px){.billing-status-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ebill-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:980px){.clone-sidebar{height:100dvh!important;max-height:100dvh!important}.clone-sidebar-bottom{margin-bottom:env(safe-area-inset-bottom)!important}.billing-status-summary,.ebill-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tab-buttons{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.tab-buttons button{font-size:12px!important}}@media(max-width:640px){.billing-status-summary,.ebill-metrics{grid-template-columns:1fr!important}.auto-billing-note{font-size:12px}.tab-buttons{grid-template-columns:1fr 1fr!important}.clone-nav a{min-height:44px!important;padding:9px 10px!important}.clone-sidebar-bottom{padding-bottom:10px!important}.clone-theme-btn,.clone-logout{padding:9px!important;font-size:12px!important}}