/* Smarttech Billing Radius - V104 Light Enterprise UI
   Fokus: tema terang profesional, font konsisten, tombol seragam, layout smooth. */
:root{
  --st-font: Arial, "Segoe UI", Tahoma, sans-serif;
  --st-bg:#f6f8fc; --st-bg-soft:#eef4ff; --st-surface:#ffffff; --st-card:#ffffff;
  --st-text:#0f172a; --st-heading:#0b1220; --st-muted:#64748b; --st-border:#dbe4f0;
  --st-primary:#2563eb; --st-primary-hover:#1d4ed8; --st-primary-soft:#eaf1ff;
  --st-success:#10b981; --st-warning:#f59e0b; --st-danger:#ef4444; --st-dark:#0f172a;
  --st-radius:18px; --st-radius-sm:13px; --st-shadow:0 14px 40px rgba(15,23,42,.08);
  --st-shadow-soft:0 8px 24px rgba(15,23,42,.06); --st-trans:all .22s ease;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:var(--st-font)!important;background:linear-gradient(180deg,#f8fbff 0%,#f3f6fb 48%,#eef3fa 100%)!important;color:var(--st-text)!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision} 
body,button,input,select,textarea,table{font-family:var(--st-font)!important} a{text-decoration:none} h1,h2,h3,h4{color:var(--st-heading);letter-spacing:-.025em;line-height:1.18} p,.muted,small{line-height:1.55}.muted{color:var(--st-muted)!important}
.layout,.v18-shell,.v28-shell{background:transparent!important}.main,.v18-main{background:transparent!important;padding-bottom:32px}.sidebar,.v18-sidebar{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border-right:1px solid var(--st-border)!important;box-shadow:10px 0 30px rgba(15,23,42,.04)!important}.brand,.v18-brand{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:20px!important;margin:14px!important;box-shadow:var(--st-shadow-soft)!important}.brand-copy b{color:#0f172a!important}.brand-copy small,.side-footer small{color:var(--st-muted)!important}.nav-group{color:#64748b!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:800!important;margin-top:14px!important}.nav a{border-radius:14px!important;color:#334155!important;font-weight:700!important;transition:var(--st-trans)!important;margin:3px 10px!important}.nav a .ico{background:#eff6ff!important;color:#2563eb!important;border-radius:12px!important}.nav a:hover,.nav a.active{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,99,235,.22)!important;transform:translateX(3px)}.nav a:hover .ico,.nav a.active .ico{background:rgba(255,255,255,.18)!important;color:#fff!important}.side-footer{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:18px!important;color:#0f172a!important;box-shadow:var(--st-shadow-soft)!important}.sync-mini{color:#10b981!important}
.mobile-top,.v28-topline,.topbar,.top-card,.v28-titlebar,.ai-command-strip{background:rgba(255,255,255,.88)!important;border:1px solid rgba(219,228,240,.95)!important;border-radius:22px!important;box-shadow:var(--st-shadow)!important;backdrop-filter:blur(14px)}.v28-topline{position:sticky;top:10px;z-index:25;padding:12px 14px!important}.topbar h1,.v28-titlebar h1{font-size:clamp(24px,3vw,38px)!important;margin:4px 0!important}.eyebrow,.section-badge,.v54-ai-chip,.ai-badge{display:inline-flex;align-items:center;gap:6px;background:var(--st-primary-soft)!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;border-radius:999px!important;padding:6px 10px!important;font-weight:800!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em}.searchbox,.v92-search{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:16px!important;box-shadow:var(--st-shadow-soft)!important}.searchbox input,.v92-search input{color:#0f172a!important;background:transparent!important}.ai-command-strip{margin-top:14px!important}.ai-strip-left b{color:#0f172a!important}.ai-strip-metrics span{background:#f1f5f9!important;color:#334155!important;border:1px solid #dbe4f0!important;border-radius:999px!important;padding:7px 10px!important}
.card,.stat-card,.st-panel,.v54-card,.v56-card,.nas-card,.panel,.box,.ai-form-card,.ai-preview-card,.modern-table,.v92-panel,.package-card,.inv-card,.payment-card,.gateway-card,.ipc-card,.auth-shell{background:var(--st-card)!important;border:1px solid var(--st-border)!important;border-radius:var(--st-radius)!important;box-shadow:var(--st-shadow)!important;color:var(--st-text)!important;transition:var(--st-trans)!important}.card:hover,.st-panel:hover,.v54-card:hover,.v92-device-card:hover,.package-card:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(15,23,42,.11)!important}.section-title,.v54-section,.v56-section,.ipc-title{border-bottom:1px solid var(--st-border)!important;padding-bottom:14px!important;margin-bottom:14px!important}.grid,.v54-grid,.v92-noc-grid,.package-grid{gap:16px!important}.stat h3,.st-stat b,.v92-kpi b,.mini-kpi b{color:#0f172a!important}.st-stat,.v92-kpi,.mini-kpi{background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid var(--st-border)!important;border-radius:18px!important;box-shadow:var(--st-shadow-soft)!important}.st-stat span,.v92-kpi small,.mini-kpi span{color:#64748b!important;font-weight:700!important}.v92-kpi span{background:#eff6ff!important;color:#2563eb!important;border-radius:999px!important;padding:4px 8px!important}
.btn,button,.st-btn,button[type=submit],input[type=submit],.theme-toggle-btn,.top-icon,.sync-status,.ai-noc-trigger{border:1px solid transparent!important;border-radius:14px!important;font-weight:800!important;letter-spacing:.01em!important;transition:var(--st-trans)!important;box-shadow:none!important;cursor:pointer}.btn:hover,button:hover,.st-btn:hover{transform:translateY(-2px);filter:saturate(1.03)}.btn-primary,.btn-blue,.st-btn,.btn-red,.btn-danger{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;border-color:#2563eb!important}.btn-red:hover,.btn-danger:hover,.btn-primary:hover,.st-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important}.btn-green,.btn-success{background:linear-gradient(135deg,#10b981,#22c55e)!important;color:#fff!important;border-color:#10b981!important}.btn-yellow,.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;color:#111827!important;border-color:#f59e0b!important}.btn-light,.btn-outline,.btn-dark{background:#fff!important;color:#1e293b!important;border-color:var(--st-border)!important;box-shadow:var(--st-shadow-soft)!important}.btn-red:not(.danger),.login-action-grid .btn-red{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;border-color:#2563eb!important}.top-icon,.theme-toggle-btn,.sync-status,.ai-noc-trigger{background:#fff!important;color:#1e293b!important;border:1px solid var(--st-border)!important;box-shadow:var(--st-shadow-soft)!important}.sync-dot,.ai-orb{background:#10b981!important;box-shadow:0 0 0 5px rgba(16,185,129,.13)!important}
input,select,textarea{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:14px!important;color:#0f172a!important;padding:11px 13px!important;outline:none!important;transition:var(--st-trans)!important}input:focus,select:focus,textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important}label{font-weight:800!important;color:#334155!important}.form,.form-grid,.compact-form,.compact-nas-form{gap:14px!important}.modal{backdrop-filter:blur(10px)}.modal-panel,.nas-compact-panel,.ai-panel{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:24px!important;box-shadow:0 30px 80px rgba(15,23,42,.22)!important}.modal-head,.ai-head{background:linear-gradient(180deg,#fff,#f8fbff)!important;border-bottom:1px solid var(--st-border)!important}.modal-close{background:#f1f5f9!important;color:#334155!important;border:1px solid #e2e8f0!important}
.table-wrap,.v54-table{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:18px!important;overflow:auto!important;box-shadow:var(--st-shadow-soft)!important}table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:#0f172a!important}thead th,table tr:first-child th{background:#eff6ff!important;color:#1e3a8a!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;border-bottom:1px solid #bfdbfe!important;padding:12px!important}td{border-bottom:1px solid #edf2f7!important;padding:12px!important;color:#334155!important}tbody tr:hover,table tr:hover td{background:#f8fbff!important}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important}.badge,.pill,.v56-badge,.v92-pill{border-radius:999px!important;padding:6px 10px!important;font-weight:900!important;border:1px solid transparent!important}.badge.ok,.pill.ok,.v92-pill.ok{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}.badge.warn,.pill.warn{background:#fffbeb!important;color:#92400e!important;border-color:#fde68a!important}.badge.bad,.badge.offline,.v92-pill.bad{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}
.v56-nas-hero,.ai-page-head,.st-hero,.ipc-hero,.payment-hero,.gateway-hero{background:linear-gradient(135deg,#ffffff 0%,#eef6ff 58%,#e0f2fe 100%)!important;border:1px solid #dbeafe!important;border-radius:26px!important;box-shadow:var(--st-shadow)!important;color:#0f172a!important}.v56-nas-hero h2,.ai-page-head h1,.st-hero h1,.ipc-hero h1{color:#0b1220!important}.v92-device-card{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:22px!important;box-shadow:var(--st-shadow)!important;padding:18px!important}.v92-router-icon{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important}.v92-terminal{background:#0f172a!important;color:#d1fae5!important;border-radius:18px!important;border:1px solid #1e293b!important;line-height:1.7!important}.package-card .price{color:#2563eb!important}.empty,.empty-state,.v56-empty,.v54-empty{background:#fff!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;color:#64748b!important;padding:22px!important}.notice{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important;border-radius:16px!important}.error{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important;border-radius:16px!important}
.login-body{background:linear-gradient(135deg,#eff6ff,#ffffff 45%,#f8fafc)!important}.auth-visual{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important}.auth-visual h1,.auth-visual p,.auth-visual small{color:#fff!important}.auth-panel h2{color:#0f172a!important}.auth-tab.active{background:#2563eb!important;color:#fff!important}.login-system-row span,.feature{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.25)!important}.auto-radius-badge{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}
.st-v104-page-note{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:12px 14px;border-radius:16px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;font-weight:700}.app-footer{background:#fff!important;border:1px solid var(--st-border)!important;border-radius:18px!important;color:#64748b!important;box-shadow:var(--st-shadow-soft)!important;margin-top:18px!important;padding:14px 18px!important}
@media(max-width:980px){.v28-topline{position:relative;top:auto}.sidebar.open{background:#fff!important}.top-actions{gap:8px!important;flex-wrap:wrap}.v92-noc-grid,.grid-4,.v54-grid{grid-template-columns:1fr 1fr!important}.v56-nas-hero,.ai-page-head{padding:18px!important}.v92-device-card{grid-template-columns:1fr!important}}@media(max-width:640px){.v92-noc-grid,.grid-4,.grid.three,.two-col-auth{grid-template-columns:1fr!important}.btn,button{width:auto}.topbar h1{font-size:24px!important}.searchbox{width:100%!important}.v28-topline{align-items:stretch!important}.top-actions{justify-content:flex-start!important}}
body.st-night,body.dark,body[data-theme="dark"]{--st-bg:#0f172a;--st-surface:#111827;--st-card:#111827;--st-text:#e5e7eb;--st-heading:#f8fafc;--st-muted:#94a3b8;--st-border:rgba(148,163,184,.18);background:#0f172a!important;color:#e5e7eb!important}body.st-night .card,body.st-night .st-panel,body.st-night .sidebar,body.st-night .topbar,body.st-night .v28-topline,body.st-night .modal-panel{background:#111827!important;color:#e5e7eb!important;border-color:rgba(148,163,184,.18)!important}body.st-night h1,body.st-night h2,body.st-night h3,body.st-night b{color:#f8fafc!important}body.st-night input,body.st-night select,body.st-night textarea,body.st-night table{background:#0f172a!important;color:#e5e7eb!important;border-color:rgba(148,163,184,.22)!important}


/* V105 Light Only Cleanup: dark/night mode removed */
html, html[data-theme="dark"], body, body.theme-dark, body.st-night, .st-night, .theme-dark{
  background:linear-gradient(135deg,#f7fffc 0%,#eef8ff 48%,#f4f8ff 100%)!important;
  color:#102033!important;
}
body .theme-toggle-btn,#SmarttechThemeToggle,[data-theme-toggle]{display:none!important}
html[data-theme="dark"] .card, html[data-theme="dark"] .modal-panel, html[data-theme="dark"] .sidebar, body.theme-dark .card, body.st-night .card, .st-night .card{
  background:rgba(255,255,255,.92)!important; color:#102033!important; border-color:#d8e8f2!important;
}
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea, body.theme-dark input, body.theme-dark select, body.theme-dark textarea{
  background:#fff!important;color:#101828!important;border-color:#cfdde8!important;
}