:root{--red:#d71920;--red2:#b91c1c;--dark:#111827;--text:#243043;--muted:#667085;--soft:#98a2b3;--bg:#f4f6fb;--line:#e5e7ef;--green:#039855;--yellow:#f79009;--blue:#1570ef;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7f8fc 0%,#eef2f7 100%);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);font-size:14px}.layout{display:flex;min-height:100vh}.sidebar{width:292px;background:rgba(255,255,255,.96);border-right:1px solid var(--line);padding:18px 16px;position:sticky;top:0;height:100vh;overflow:auto;box-shadow:8px 0 28px rgba(16,24,40,.04)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding:8px}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f97316,var(--red));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 10px 22px rgba(215,25,32,.22)}.logo.big{width:64px;height:64px;border-radius:20px;font-size:24px;margin:auto}.brand b{display:block;font-size:16px;color:#111827}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.nav-group{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:900;margin:18px 10px 7px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;text-decoration:none;color:#344054;margin:4px 0;font-weight:700;transition:.15s}.nav a em{font-style:normal}.nav a .ico{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:#f2f4f7;color:#667085;font-size:12px;flex:0 0 24px}.nav a.active,.nav a:hover{background:linear-gradient(90deg,#fff1f1,#fff);color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.nav a.active .ico,.nav a:hover .ico{background:var(--red);color:#fff}.side-footer{padding:16px 4px 4px}.main{flex:1;min-width:0;padding:22px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.top-card{padding:18px 20px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--red)}h1,h2,h3{color:#101828}h1{font-size:28px;margin:4px 0 3px}h2{font-size:22px;margin:0 0 12px}h3{margin:0 0 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(16,24,40,.055);margin-bottom:16px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-18px;top:-18px;width:78px;height:78px;border-radius:50%;background:rgba(215,25,32,.08)}.stat h3{margin:0;font-size:30px}.stat p{margin:4px 0 0;color:var(--muted);font-weight:700}.mini-kpi{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.mini-kpi:last-child{border-bottom:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.1}.btn-red{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff}.btn-dark{background:var(--dark);color:#fff}.btn-light{background:#f2f4f7;color:#344054}.btn-green{background:var(--green);color:#fff}.btn-yellow{background:var(--yellow);color:#fff}.btn.full{width:100%}.form{display:grid;gap:13px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{font-size:13px;font-weight:800;color:#344054;margin-bottom:5px;display:block}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:13px;padding:11px 12px;font-size:14px;background:#fff;color:#101828;outline:none}input:focus,select:focus,textarea:focus{border-color:#f04438;box-shadow:0 0 0 4px rgba(240,68,56,.08)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:middle}tr:last-child td{border-bottom:0}th{color:#667085;background:#f9fafb;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.ok{background:#ecfdf3;color:#027a48}.bad{background:#fff1f3;color:#c01048}.warn{background:#fffaeb;color:#b54708}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#fff;font-weight:900;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.notice,.error{padding:12px 14px;border-radius:14px;margin-bottom:14px;font-weight:800}.notice{background:#ecfdf3;color:#027a48}.error{background:#fff1f3;color:#c01048}.codebox,pre{background:#101828;color:#e4e7ec;border-radius:16px;padding:14px;overflow:auto;line-height:1.55}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#ffeded,#f5f7fb 35%,#eef4ff)}.login-card{width:410px;max-width:94vw}.setup-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff1f1,#eef2ff)}.setup-card{width:520px;max-width:94vw;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center;box-shadow:0 20px 60px rgba(16,24,40,.12)}.setup-actions{display:flex;gap:10px;justify-content:center;margin:18px 0}.wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.step b{display:block;margin-bottom:5px;color:#101828}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}}@media(max-width:900px){.layout{display:block}.sidebar{width:auto;height:auto;position:relative}.nav{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.nav-group{grid-column:1/-1}.grid-4,.grid-3,.grid-2,.row,.wizard-steps{grid-template-columns:1fr}.topbar{display:block}.topbar .actions{margin-top:14px}.main{padding:14px}.card{border-radius:16px}h1{font-size:24px}}@media(max-width:520px){.nav{grid-template-columns:1fr}.sidebar{padding:12px}.main{padding:10px}.actions,.setup-actions{display:grid}.btn{width:100%}}

/* v7 polish: corporate spacing, consistent cards, responsive tables */
.main{max-width:1600px;margin:0 auto;width:100%}.topbar{position:sticky;top:0;z-index:3;backdrop-filter:blur(12px);background:rgba(255,255,255,.92)}.card h3{font-size:18px}.card p:first-child{margin-top:0}.card>table{display:block;overflow-x:auto;border:1px solid var(--line);border-radius:16px}.card>table tbody,.card>table tr{min-width:760px}.card>table th,.card>table td{white-space:nowrap}.card>table tr{display:table;width:100%;table-layout:auto}.table-wrap table{min-width:760px}.form .btn{margin-top:2px}.toolbar .btn,.actions .btn{min-height:40px}.muted b{color:#344054}.badge{white-space:nowrap}.codebox,pre,textarea.mono{font-size:13px}.section-title h3{margin-bottom:4px}.empty{border:1px dashed var(--line);border-radius:16px;padding:22px;text-align:center;color:var(--muted);background:#fafafa}.login-card .brand{justify-content:flex-start}.login-card{box-shadow:0 24px 70px rgba(16,24,40,.12)}@media(max-width:900px){.topbar{position:relative}.card>table{border-radius:12px}.topbar h1{font-size:22px}.topbar .actions .btn{width:100%}}

/* v8 clean page polish */
.installer-card{margin:28px 0}.installer-card .notice,.installer-card .error{line-height:1.45}.nav::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.nav::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:20px}.nav::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}.topbar h1{letter-spacing:-.03em}.card{animation:softIn .18s ease-out}@keyframes softIn{from{opacity:.78;transform:translateY(4px)}to{opacity:1;transform:none}}.step span{display:block;line-height:1.35}.table-wrap code,td code{white-space:normal;word-break:break-word;font-size:12px;color:#344054;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:5px 7px;display:inline-block}.card table:not(.no-auto){min-width:760px}.card:has(> table){overflow-x:auto}.card:has(> table)>table{min-width:760px}.stat h3{letter-spacing:-.04em}.top-card{border-color:#edf0f6}@media(max-width:700px){.brand{padding-left:0}.login{place-items:start center;padding:28px 10px}.login-card{width:100%}.sidebar .brand{position:sticky;top:0;background:#fff;z-index:2;border-radius:16px}.nav a{padding:10px}.nav a .ico{display:none}}
/* v9 NAS popup, connected status, auto push radius */
.modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;align-items:center;justify-content:center;z-index:99;padding:18px;backdrop-filter:blur(4px)}
.modal.show{display:flex}.modal-panel{width:520px;max-width:96vw;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 30px 90px rgba(16,24,40,.28)}.modal-panel.wide{width:760px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.modal-head h3{margin-bottom:3px}.modal-close{width:38px;height:38px;border:0;border-radius:12px;background:#f2f4f7;color:#344054;font-size:26px;line-height:1;cursor:pointer}.result-box{border-radius:16px;padding:16px;font-weight:900;line-height:1.5;margin-bottom:14px;white-space:pre-wrap}.result-box.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.result-box.failed{background:#fff1f3;color:#c01048;border:1px solid #fecdd6}.notice.small{font-size:13px;line-height:1.45;margin:12px 0}.btn:disabled{opacity:.65;cursor:not-allowed}.section-title .actions{justify-content:flex-end}@media(max-width:720px){.modal{align-items:flex-start;overflow:auto}.modal-panel,.modal-panel.wide{width:100%;border-radius:18px}.modal-head{gap:8px}.modal-head .muted{font-size:12px}}
/* v10 NAS autoscript + uplink internet */
.btn-yellow{background:#f79009;color:#fff}.btn-blue{background:#1570ef;color:#fff}.uplink-chip{display:inline-flex;align-items:center;gap:6px;background:#eef4ff;color:#175cd3;border:1px solid #b2ccff;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.modal-panel label+input{margin-bottom:10px}.workflow-note{background:#f8fafc;border:1px dashed #d0d5dd;border-radius:16px;padding:14px;color:#475467;line-height:1.45}

/* v11 clean enterprise */
.clean-v11 .nav-group{letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#7b8794;margin:18px 12px 8px}.clean-v11 .nav a{border-radius:14px;margin:3px 8px}.clean-v11 .nav a.active{box-shadow:0 10px 25px rgba(214,40,40,.14)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wizard-steps.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.wizard-steps.compact .step{border:1px solid #edf0f4;border-radius:14px;padding:12px;background:#fbfcfe}.full{width:100%;justify-content:center}.table-wrap{overflow:auto}textarea.mono{width:100%;border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#0f172a;color:#e5e7eb;min-height:220px}@media(max-width:980px){.grid-3{grid-template-columns:1fr}.wizard-steps.compact{grid-template-columns:1fr 1fr}}@media(max-width:640px){.wizard-steps.compact{grid-template-columns:1fr}}

/* v13 visual test API + RouterBOARD resource */
.progress-box{padding:6px 0 2px}.progress-bar{width:100%;height:12px;background:#eef2f7;border-radius:999px;overflow:hidden;border:1px solid #e5e7ef}.progress-bar.big{height:16px;margin:8px 0 12px}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#d71920,#f79009,#039855);border-radius:999px;transition:width .28s ease}.progress-text{font-weight:900;color:#344054;margin-bottom:12px}.progress-steps{display:grid;gap:8px}.pstep{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #edf0f4;border-radius:13px;color:#667085;background:#fafafa;font-weight:800}.pstep span{width:23px;height:23px;border-radius:999px;background:#e5e7ef;color:#667085;display:grid;place-items:center;font-size:12px}.pstep.active{background:#ecfdf3;color:#027a48;border-color:#abefc6}.pstep.active span{background:#039855;color:#fff}.resource-panel{margin:12px 0 16px;border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(180deg,#ffffff,#f8fafc)}.resource-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.resource-head b{font-size:18px;color:#101828;display:block}.resource-head span{display:block;color:#667085;margin-top:3px}.router-chip{border-radius:999px;background:#eef4ff;color:#175cd3;border:1px solid #b2ccff;padding:7px 10px;font-weight:900;font-size:12px}.progress-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;color:#344054;margin-bottom:6px}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.resource-item{border:1px solid #edf0f4;border-radius:14px;background:#fff;padding:10px;min-height:64px}.resource-item span{display:block;color:#667085;font-size:12px;font-weight:800;margin-bottom:5px}.resource-item b{display:block;color:#101828;font-size:14px;word-break:break-word}.result-box.success+.resource-panel,.result-box.failed+.resource-panel{margin-top:0}@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.resource-grid{grid-template-columns:1fr}.resource-head{display:block}.router-chip{display:inline-flex;margin-top:10px}}


/* v17 smooth modern layout + fixed grid class aliases */
:root{--shadow-soft:0 18px 45px rgba(16,24,40,.075);--shadow-hover:0 24px 70px rgba(16,24,40,.11);--radius-xl:24px}
body{background:radial-gradient(circle at 0 0,rgba(255,235,235,.9),rgba(255,255,255,0) 32%),linear-gradient(180deg,#f8fafc 0%,#eef3f9 100%);font-size:14px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.sidebar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-right:1px solid rgba(226,232,240,.9)}
.main{padding:24px 28px}.topbar.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);border-color:rgba(226,232,240,.78)}
.card{border-radius:var(--radius-xl);border:1px solid rgba(226,232,240,.92);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:rgba(255,255,255,.94)}
.card:hover{box-shadow:var(--shadow-hover);border-color:#d9e2ef}.card.slim{padding:14px 16px}.form-card{padding:22px}.form-card h2,.form-card h3{letter-spacing:-.02em}.form-card .muted{line-height:1.55}.form{gap:16px}
input,select,textarea{min-height:44px;border-color:#d9dee8;background:#fff;border-radius:15px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
input:hover,select:hover,textarea:hover{border-color:#b8c2d3;background:#fff}label{margin-bottom:7px;color:#253247}.btn{border-radius:15px;min-height:44px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,24,40,.12)}.btn-red{box-shadow:0 8px 20px rgba(215,25,32,.18)}
.config-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:stretch}.workflow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.workflow-strip .step{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:18px;min-height:74px}.workflow-strip .step b{font-size:14px}.workflow-strip .step span{color:#667085;font-size:12px}.section-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#fff1f1;color:#c01048;font-weight:900;font-size:12px;padding:7px 10px;margin-bottom:10px}
.modern-table .table-wrap{border-radius:20px}.table-wrap table{min-width:860px}th{background:#f8fafc;color:#667085}td,th{padding:13px 15px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.status-dot{width:9px;height:9px;border-radius:999px;display:inline-block;background:#98a2b3}.status-dot.ok{background:#12b76a}.status-dot.bad{background:#f04438}.status-dot.warn{background:#f79009}
@media(max-width:1150px){.grid.two,.grid.three,.grid.four,.config-hero{grid-template-columns:1fr}.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.workflow-strip{grid-template-columns:1fr}.main{padding:12px}.form-card{padding:16px}.card{border-radius:18px}.grid.two,.grid.three{gap:12px}}

/* v18 ISP Production Workflow Theme */
:root{--v18-red:#d71920;--v18-red-dark:#b31319;--v18-ink:#111827;--v18-bg:#eef3f9;--v18-card:rgba(255,255,255,.78);--v18-line:rgba(203,213,225,.75);--v18-green:#16a34a;--v18-orange:#f59e0b;--v18-shadow:0 22px 60px rgba(15,23,42,.12)}
body{background:radial-gradient(circle at 10% 0,rgba(215,25,32,.12),transparent 28%),radial-gradient(circle at 90% 10%,rgba(22,163,74,.12),transparent 24%),linear-gradient(135deg,#f8fafc,#eaf0f8);font-family:Inter,Segoe UI,Arial,sans-serif}.v18-shell{background:transparent}.v18-sidebar{width:252px;background:rgba(255,255,255,.86);backdrop-filter:blur(22px);box-shadow:10px 0 38px rgba(15,23,42,.08);padding:22px 14px}.v18-brand{display:grid;gap:7px;text-align:center;justify-items:center;border-bottom:1px solid var(--v18-line);padding:0 8px 20px;margin-bottom:16px}.brand-mark{width:62px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:1000;letter-spacing:-.08em;background:linear-gradient(135deg,var(--v18-red),#f59e0b);box-shadow:0 18px 32px rgba(215,25,32,.28)}.v18-brand b{font-size:18px;line-height:1.1}.v18-brand small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a2530}.nav a{border-radius:12px;margin:3px 0;color:#1f2937}.nav a.active{background:linear-gradient(135deg,var(--v18-red),var(--v18-red-dark));color:#fff;box-shadow:0 14px 28px rgba(215,25,32,.25)}.nav a.active .ico{background:rgba(255,255,255,.2);color:#fff}.nav a:hover:not(.active){background:#fff5f5}.v18-main{padding:22px;max-width:1680px}.mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hamburger{border:0;background:transparent;font-size:26px;display:none}.v18-topbar{border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(20px);box-shadow:var(--v18-shadow);border:1px solid rgba(255,255,255,.88)}.v18-topbar h1{font-size:25px;letter-spacing:-.04em}.pill.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.card{background:var(--v18-card);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.78);box-shadow:var(--v18-shadow);border-radius:22px}.v18-card{position:relative;overflow:hidden;min-height:138px}.v18-card:before{content:"";position:absolute;inset:auto -50px -55px auto;width:150px;height:150px;border-radius:999px;background:rgba(215,25,32,.08)}.v18-kpi{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.v18-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:#e9f7ee;color:#166534;box-shadow:0 12px 24px rgba(22,163,74,.15)}.v18-icon.red{background:#fee2e2;color:#b91c1c}.v18-icon.orange{background:#fef3c7;color:#92400e}.v18-card .tag{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;background:#dcfce7;color:#166534}.v18-card .tag.orange{background:#ffedd5;color:#9a3412}.v18-card .tag.red{background:#fee2e2;color:#991b1b}.v18-card h3{font-size:32px;margin:12px 0 4px}.v18-card p{font-weight:700;color:#374151}.v18-chart{min-height:360px}.fake-chart{height:250px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.1)),repeating-linear-gradient(to right,rgba(148,163,184,.22) 0 1px,transparent 1px 16.66%),repeating-linear-gradient(to top,rgba(148,163,184,.22) 0 1px,transparent 1px 20%);position:relative;overflow:hidden}.fake-chart svg{position:absolute;inset:0;width:100%;height:100%}.ops-list .mini-kpi{border-bottom:1px solid rgba(148,163,184,.28)}.bandwidth-meter{margin:12px 0 16px}.meter-head{display:flex;justify-content:space-between;font-weight:900;margin-bottom:7px}.meter-track{height:18px;border-radius:999px;background:#e5e7eb;overflow:hidden;box-shadow:inset 0 2px 8px rgba(15,23,42,.12)}.meter-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e)}.tab-card{padding:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:16px 16px 0}.tab-btn{border:0;border-radius:14px;padding:11px 16px;font-weight:900;background:#f3f4f6;color:#374151;cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,var(--v18-red),var(--v18-red-dark));color:#fff}.tab-pane{display:none;padding:18px}.tab-pane.active{display:block}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package-card{border:1px solid var(--v18-line);border-radius:20px;padding:18px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.64))}.package-card h3{font-size:22px;margin-bottom:4px}.price{font-size:28px;font-weight:1000;color:var(--v18-red)}.workflow-line{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.workflow-line .step{background:rgba(255,255,255,.64);border-radius:18px;border:1px solid rgba(226,232,240,.95)}@media(max-width:1100px){.package-grid,.workflow-line{grid-template-columns:1fr 1fr}.v18-sidebar{width:232px}.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:850px){.layout{display:block}.v18-sidebar{position:fixed;left:-290px;top:0;bottom:0;height:100vh;z-index:100;transition:left .2s ease}.v18-sidebar.open{left:0}.hamburger{display:block}.v18-main{padding:12px}.grid-4,.grid-3,.grid-2,.grid.two,.grid.three,.package-grid,.workflow-line{grid-template-columns:1fr}.topbar .actions{display:grid}.v18-topbar{position:relative}.mobile-top{display:flex}}
.invoice-doc{max-width:1100px;margin:0 auto}.inner-card{margin-top:18px}.soft-panel{background:rgba(248,250,252,.88);border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:16px}.bank-card{border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 10px 28px rgba(15,23,42,.06)}.bank-name{font-weight:800;color:#b91c1c;text-transform:uppercase;letter-spacing:.04em}.bank-number{font-size:20px;font-weight:900;margin:8px 0;color:#0f172a}@media print{.sidebar,.topbar,.mobile-top,.actions,.btn{display:none!important}.main{margin:0!important;padding:0!important}.card{box-shadow:none!important;border:0!important}.invoice-doc{max-width:none}}

/* v20 Invoice A4 + Thermal */
.a4-actions,.thermal-actions{display:flex;gap:10px;justify-content:flex-end;margin:0 auto 14px;max-width:210mm}.invoice-a4{max-width:210mm;min-height:297mm;margin:0 auto;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:18px;padding:20mm;box-shadow:0 18px 55px rgba(15,23,42,.12)}.inv-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:3px solid #d71920;padding-bottom:18px;margin-bottom:18px}.inv-brand{display:flex;gap:14px;align-items:center}.inv-logo{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#d71920,#f59e0b);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:1000}.inv-brand h2{margin:0;font-size:24px}.inv-brand p,.inv-box p{margin:4px 0;color:#475467}.inv-meta{text-align:right}.inv-meta h1{font-size:26px;margin:2px 0 10px}.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.inv-box{border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc;padding:14px}.inv-box h3{font-size:15px;margin:0 0 10px;color:#111827}.inv-table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff}.inv-table th{background:#111827;color:#fff}.inv-table td,.inv-table th{border:1px solid #e5e7eb;padding:12px}.right{text-align:right}.grand-total{font-size:20px;color:#d71920;font-weight:1000}.inv-bank{border:1px dashed #cbd5e1;border-radius:12px;padding:10px;margin:8px 0;background:#fff}.inv-bank b{display:block;color:#b91c1c}.inv-bank span{display:block;font-size:18px;font-weight:1000}.inv-bank small{color:#475467}.thermal-wrap{max-width:420px;margin:0 auto}.thermal-invoice{width:80mm;margin:0 auto;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;box-shadow:0 12px 40px rgba(15,23,42,.12)}.thermal-center{text-align:center}.thermal-line{border-top:1px dashed #111827;margin:9px 0}.thermal-row{display:flex;justify-content:space-between;gap:8px;margin:5px 0}.thermal-row span{color:#475467}.thermal-row.total{font-size:15px;font-weight:1000;border-top:1px dashed #111827;padding-top:8px;margin-top:8px}.thermal-bank{margin:7px 0;padding:6px;border:1px dashed #cbd5e1;border-radius:6px}.thermal-actions{max-width:80mm;margin-top:12px;justify-content:center;flex-wrap:wrap}@page{size:A4;margin:0}@media print{body{background:#fff!important}.sidebar,.v18-sidebar,.mobile-top,.topbar,.v18-topbar,.a4-actions,.thermal-actions,.actions,.btn{display:none!important}.main,.v18-main{padding:0!important;margin:0!important}.invoice-a4{box-shadow:none!important;border:0!important;border-radius:0!important;width:210mm;min-height:297mm;padding:14mm}.thermal-invoice{box-shadow:none!important;border:0!important;border-radius:0!important;width:80mm}.card{box-shadow:none!important}.inv-grid{page-break-inside:avoid}}@media(max-width:800px){.invoice-a4{padding:16px;min-height:auto}.inv-head,.inv-grid{grid-template-columns:1fr;display:grid}.inv-meta{text-align:left}.a4-actions{justify-content:flex-start;flex-wrap:wrap}}

/* v21 Login Registration + Database Update Progress */
.login-modern{padding:18px}.auth-shell{width:980px;max-width:96vw;display:grid;grid-template-columns:1.05fr .95fr;padding:0;overflow:hidden;border-radius:28px}.auth-visual{min-height:620px;padding:48px 40px;background:radial-gradient(circle at 30% 20%,rgba(215,25,32,.22),transparent 34%),linear-gradient(135deg,#111827,#253047);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-visual h1{color:#fff;font-size:38px;line-height:1;margin:18px 0 10px}.auth-visual p{font-size:16px;color:#e5e7eb;max-width:420px}.auth-visual small{color:#cbd5e1;font-weight:800}.auth-progress-mini{width:260px;max-width:100%;height:14px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden;margin:24px 0 12px}.auth-progress-mini i{height:100%;display:block;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);border-radius:999px}.auth-panel{padding:34px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f5f9;border-radius:16px;padding:5px;margin-bottom:18px}.auth-tab{border:0;border-radius:13px;padding:12px;font-weight:900;cursor:pointer;background:transparent;color:#475467}.auth-tab.active{background:#fff;color:#d71920;box-shadow:0 8px 22px rgba(15,23,42,.08)}.auth-form{display:none}.auth-form.active{display:grid}.auth-form h2{margin:2px 0 0}.progress-modal{position:fixed;inset:0;background:rgba(15,23,42,.54);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:9999}.progress-modal.show{display:flex}.progress-box{width:390px;max-width:92vw;background:#fff;border-radius:24px;padding:28px;text-align:center;box-shadow:0 28px 80px rgba(15,23,42,.3)}.spinner-ring{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;border:6px solid #fee2e2;border-top-color:#d71920;animation:spin .75s linear infinite}.progress-track{height:16px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:14px 0 8px}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#d71920,#f59e0b,#22c55e);border-radius:999px;transition:width .15s ease}.update-db-card{width:560px;max-width:94vw}.update-log{margin-top:16px;max-height:220px}.update-db-body{padding:18px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:auto;padding:30px}.auth-panel{padding:22px}.auth-visual h1{font-size:30px}.row{grid-template-columns:1fr}}

/* v22 update database only */
.single-auth .auth-tabs{display:none}.small-center{text-align:center;margin-top:12px}.update-only-card{max-width:470px}.btn.btn-dark{background:#111827;color:#fff;border:1px solid #111827}.btn.btn-dark:hover{filter:brightness(.95)}


/* v25 clean all pages: no topbar action clutter, smoother forms */
.v18-topbar{padding:22px 24px;margin-bottom:20px;border-radius:26px;min-height:98px}
.v18-topbar .actions{display:none!important}
.mobile-top .pill{display:none!important}
.mobile-top{justify-content:space-between;align-items:center;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.85);border-radius:18px;padding:10px 12px;margin-bottom:12px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.card{transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.card:hover{transform:translateY(-1px);box-shadow:0 18px 46px rgba(15,23,42,.085)}
.nav a{min-height:44px}.side-footer .btn{margin-top:12px}
.section-title{background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.86);border-radius:20px;padding:15px 16px;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.form .row{align-items:end}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
input,select,textarea{min-height:44px}.btn{min-height:42px}.btn-red{box-shadow:0 10px 24px rgba(215,25,32,.18)}
.table-wrap{background:#fff}.kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(226,232,240,.86)}.kv:last-child{border-bottom:0}.kv span{color:#667085;font-weight:800}.kv b{text-align:right}
.settings-action-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.84))}.settings-action-card .btn{margin-top:8px}
.notice,.error{box-shadow:0 10px 26px rgba(15,23,42,.05)}
@media(max-width:900px){.section-title{display:block}.section-title .actions{margin-top:12px}.v18-topbar{min-height:auto}.grid.two,.grid.three{grid-template-columns:1fr}}

/* v27 Payment Gateway Complete */
.pg-hero{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:stretch;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.86))}
.callback-box{margin-top:14px;border:1px solid rgba(226,232,240,.95);background:#f8fafc;border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5b21b6;overflow:auto}.callback-box span{white-space:nowrap}.pg-grid{grid-template-columns:360px minmax(0,1fr)}.pg-list{align-self:start}.pg-item{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;text-decoration:none;color:#101828;border:1px solid transparent;border-radius:18px;padding:14px;margin:10px 0;transition:.16s;background:#fff}.pg-item:hover,.pg-item.active{border-color:#dbe4f0;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 12px 30px rgba(15,23,42,.06)}.pg-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1570ef,#0ea5e9);color:#fff;font-weight:900}.pg-item:nth-child(3) .pg-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.pg-item:nth-child(4) .pg-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.pg-item:nth-child(5) .pg-icon{background:linear-gradient(135deg,#7c3aed,#9333ea)}.pg-item:nth-child(6) .pg-icon{background:linear-gradient(135deg,#14b8a6,#059669)}.pg-item small{display:block;color:#667085;margin-top:3px}.pg-item em{font-style:normal;display:grid;gap:5px;justify-items:end}.toggle-card{border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#f8fafc;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.toggle-card b{display:block;font-size:16px;color:#344054}.toggle-card small{display:block;color:#667085;margin-top:6px;font-weight:500}.toggle-card input{width:42px;min-height:auto;height:24px;accent-color:#16a34a}.gateway-form .btn-green{background:linear-gradient(135deg,#16a34a,#059669);box-shadow:0 12px 26px rgba(22,163,74,.2)}
@media(max-width:980px){.pg-hero,.pg-grid{grid-template-columns:1fr}.callback-box{display:grid}.pg-item{grid-template-columns:44px 1fr}.pg-item em{grid-column:2;justify-items:start;display:flex}.toggle-card{display:grid}.toggle-card input{justify-self:start}}

/* v28 ISP NOC Enterprise */
.v28-shell{background:radial-gradient(circle at 8% 0,rgba(215,25,32,.10),transparent 26%),radial-gradient(circle at 96% 0,rgba(20,184,166,.12),transparent 28%),#f4f7fb}.v28-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.searchbox{height:44px;min-width:320px;max-width:520px;flex:1;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.92);border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 16px;box-shadow:0 12px 30px rgba(15,23,42,.045)}.searchbox input{border:0;background:transparent;outline:0;width:100%;min-height:auto;font-weight:800;color:#344054}.searchbox span{color:#98a2b3;font-weight:900}.top-actions{display:flex;align-items:center;gap:10px}.notif{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:grid;place-items:center;color:#d71920;text-decoration:none;box-shadow:0 10px 26px rgba(15,23,42,.055)}.user-pill{height:44px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;gap:9px;padding:0 14px;box-shadow:0 10px 26px rgba(15,23,42,.055)}.user-pill span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#d71920,#f59e0b);display:grid;place-items:center;color:#fff;font-weight:1000}.user-pill b{font-size:13px}.v28-titlebar .muted{max-width:none}.grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.v28-kpi-grid{margin-bottom:14px}.v28-stat{min-height:116px;overflow:hidden;position:relative}.v28-stat:after{content:"";position:absolute;right:-28px;bottom:-28px;width:95px;height:95px;border-radius:50%;background:rgba(215,25,32,.08)}.v18-icon.blue{background:#e0f2fe;color:#0369a1}.tag.blue{background:#dbeafe;color:#1d4ed8}.v18-icon.yellow{background:#fef3c7;color:#b45309}.tag.yellow{background:#fef3c7;color:#92400e}.v28-dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:14px}.v28-monitor-card,.v28-router-card{min-height:360px}.uplink-speed{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.uplink-speed>div{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.95);border-radius:20px;padding:16px}.uplink-speed span{display:block;color:#667085;font-weight:900;margin-bottom:6px}.uplink-speed b{font-size:28px;color:#101828}.meter-track.big{height:16px;margin-top:12px}.meter-track.big i{background:linear-gradient(90deg,#22c55e,#0ea5e9)}.meter-track.big.red i{background:linear-gradient(90deg,#f97316,#d71920)}.v28-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.router-mini.empty{padding:24px;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;color:#667085;font-weight:800;text-align:center}.routerbox{display:grid;gap:14px}.routerbox-head{display:flex;justify-content:space-between;gap:12px;align-items:start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px}.routerbox-head b{display:block;font-size:18px}.routerbox-head span{display:block;color:#667085;margin-top:3px}.routerbox-head em{font-style:normal;background:#ecfdf3;color:#027a48;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.logline span{display:block;color:#667085;margin-top:3px}.empty.compact{padding:14px;border-radius:14px}.v28-card-link{display:block;text-decoration:none;color:inherit}.card.stat.v28-stat h3{font-size:28px}.fake-chart{border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.9)}
@media(max-width:1200px){.grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.v28-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.v28-topline{display:none}.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.uplink-speed,.v28-info-grid{grid-template-columns:1fr}.v28-monitor-card,.v28-router-card{min-height:auto}.user-pill b{display:none}}
@media(max-width:520px){.grid-6{grid-template-columns:1fr}.v28-stat{min-height:auto}.uplink-speed b{font-size:23px}}

/* v29 dashboard layout clean fix - force professional NOC grid */
body .mobile-top{display:none!important}
body .v28-topline{margin:0 0 14px!important;display:flex!important}
body .v18-topbar.v28-titlebar{min-height:94px!important;margin-bottom:18px!important;padding:22px 24px!important}
body .v18-topbar.v28-titlebar h1{margin:3px 0 4px!important;font-size:28px!important}
body .v18-topbar.v28-titlebar .muted{font-size:14px!important}
body .noc-summary-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;margin:0 0 16px!important;align-items:stretch!important}
body .noc-summary-grid>.card{margin:0!important;min-height:118px!important;padding:18px!important;border-radius:22px!important}
body .noc-summary-grid h3{font-size:30px!important;margin:16px 0 6px!important;line-height:1!important}
body .noc-summary-grid p{margin:0!important;color:#475467!important;font-weight:800!important}
body .v18-kpi{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body .v18-icon{width:38px!important;height:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#dcfce7!important;color:#166534!important;box-shadow:0 12px 24px rgba(22,163,74,.14)!important}
body .v18-icon.orange{background:#fff7ed!important;color:#c2410c!important}body .v18-icon.red{background:#fee2e2!important;color:#b91c1c!important}body .v18-icon.blue{background:#dbeafe!important;color:#1d4ed8!important}body .v18-icon.yellow{background:#fef3c7!important;color:#92400e!important}
body .tag{border-radius:999px!important;padding:7px 11px!important;background:#dcfce7!important;color:#166534!important;font-weight:900!important;font-size:12px!important}
body .tag.orange{background:#ffedd5!important;color:#c2410c!important}body .tag.red{background:#fee2e2!important;color:#b91c1c!important}body .tag.blue{background:#dbeafe!important;color:#1d4ed8!important}body .tag.yellow{background:#fef3c7!important;color:#92400e!important}
body .noc-panel-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;gap:16px!important;margin-bottom:16px!important}
body .noc-chart-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)!important;gap:16px!important;margin-bottom:16px!important}
body .noc-panel-grid>.card,body .noc-chart-grid>.card{margin-bottom:0!important;border-radius:24px!important}
body .v28-monitor-card,body .v28-router-card{min-height:330px!important}
body .section-title{margin-bottom:16px!important}
body .searchbox{max-width:620px!important}
body .main.v18-main{padding:22px 28px!important;max-width:none!important}
body .sidebar.v18-sidebar{width:248px!important}
body .card{border-color:rgba(226,232,240,.82)!important;background:rgba(255,255,255,.86)!important;box-shadow:0 18px 48px rgba(15,23,42,.075)!important}
body .fake-chart{min-height:270px!important;display:grid!important;align-items:center!important}
@media(max-width:1400px){body .noc-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body .noc-panel-grid,body .noc-chart-grid{grid-template-columns:1fr!important}}
@media(max-width:900px){body .mobile-top{display:flex!important}body .v28-topline{display:none!important}body .noc-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .main.v18-main{padding:14px!important}.sidebar.v18-sidebar{width:auto!important}}
@media(max-width:560px){body .noc-summary-grid{grid-template-columns:1fr!important}body .noc-summary-grid>.card{min-height:auto!important}}

.connection-select{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 18px}
.connection-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.connection-card input{margin-top:4px;accent-color:#dc2626}
.connection-card b{display:block;color:#111827}
.connection-card small{display:block;color:#64748b;margin-top:3px;line-height:1.35}
.connection-card:has(input:checked){border-color:#dc2626;background:#fff5f5;box-shadow:0 14px 34px rgba(220,38,38,.12)}
@media(max-width:800px){.connection-select{grid-template-columns:1fr}}


/* v31 NAS AI Wizard + Numeric Secret */
.btn-ai{background:linear-gradient(135deg,#d71920,#f97316)!important;box-shadow:0 16px 38px rgba(215,25,32,.22)!important}
.modal-head.ai-head{background:radial-gradient(circle at 10% 0,rgba(215,25,32,.14),transparent 34%),radial-gradient(circle at 95% 0,rgba(20,184,166,.16),transparent 36%),#fff;border-radius:22px;padding:18px;margin:-4px -4px 16px;border:1px solid rgba(226,232,240,.75)}
.ai-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#fff1f2;color:#be123c;font-weight:1000;font-size:11px;letter-spacing:.08em;padding:7px 10px;margin-bottom:8px}
.ai-nas-form{display:grid;gap:15px}.ai-progress-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:10px;margin-bottom:2px}.ai-progress-strip span{height:34px;border-radius:12px;background:#fff;color:#667085;font-size:12px;font-weight:1000;display:grid;place-items:center;border:1px solid #edf2f7}.ai-progress-strip span.active{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;box-shadow:0 12px 26px rgba(220,38,38,.18)}
.ai-connection-select .connection-card{position:relative;overflow:hidden;min-height:84px}.ai-connection-select .connection-card:before{content:"";position:absolute;inset:auto -24px -36px auto;width:84px;height:84px;border-radius:50%;background:rgba(215,25,32,.08)}.ai-connection-select .connection-card:has(input:checked):before{background:rgba(20,184,166,.16)}
.secret-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.secret-row input{font-size:18px;font-weight:1000;letter-spacing:.12em;color:#111827;background:linear-gradient(135deg,#fff,#f8fafc)!important}.secret-chip{display:inline-flex;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;padding:6px 10px;color:#111827;font-weight:1000;letter-spacing:.08em}.modal-panel.wide{max-width:980px}.notice.small{font-size:13px}.wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.ai-progress-strip,.wizard-steps{grid-template-columns:1fr 1fr}.secret-row{grid-template-columns:1fr}}
@media(max-width:560px){.ai-progress-strip,.wizard-steps{grid-template-columns:1fr}}

/* v32 NAS connection hide/show polish */
.ai-nas-form .nas-mode-field{transition:opacity .22s ease,transform .22s ease}
.ai-connection-select .connection-card.active-mode{opacity:1;transform:translateY(0);border-color:#dc2626;background:linear-gradient(135deg,#fff5f5,#f0fdfa)}
.ai-connection-select .connection-card.inactive-mode{opacity:.72;background:#fff;filter:saturate(.72)}
.ai-connection-select .connection-card.inactive-mode:hover{opacity:1;filter:none}
.nas-public-field[style*="display: none"],.nas-vpn-field[style*="display: none"]{margin:0!important;padding:0!important}


/* v33 compact NAS modal: IP Public, WireGuard, L2TP/IPsec, PPTP */
.nas-compact-panel{width:720px!important;max-width:92vw;padding:16px 18px!important;border-radius:22px;max-height:88vh;overflow:auto}.compact-head{margin-bottom:10px}.compact-head h3{font-size:18px;margin:2px 0}.compact-head .muted{font-size:12px}.compact-nas-form{gap:10px!important}.compact-row{gap:10px}.compact-row input,.compact-nas-form input,.compact-nas-form textarea{min-height:40px!important;padding:10px 12px!important}.compact-nas-form label{font-size:12px;margin-bottom:5px}.connection-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:8px}.connection-tabs label{margin:0;cursor:pointer}.connection-tabs input{display:none}.connection-tabs span{display:grid;place-items:center;min-height:38px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;color:#475467;font-weight:900;font-size:12px;transition:.18s ease}.connection-tabs label.active-mode span,.connection-tabs input:checked+span{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;border-color:transparent;box-shadow:0 12px 22px rgba(220,38,38,.18)}.secret-row{grid-template-columns:1fr 46px!important}.secret-row .btn{padding:9px 0!important}.nas-mode-field{border:1px solid #eef2f7;background:#fff;border-radius:16px;padding:10px}.sticky-actions{position:sticky;bottom:-16px;background:linear-gradient(180deg,rgba(255,255,255,.78),#fff);border-top:1px solid #eef2f7;padding-top:10px;margin-top:4px}.warning-note{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}.compact-actions .btn{padding:8px 10px;font-size:12px}.compact-help{grid-template-columns:repeat(4,1fr)!important}.soft-help{background:linear-gradient(135deg,#fff,#f8fafc)}@media(max-width:760px){.nas-compact-panel{width:100%!important;max-height:96vh}.connection-tabs{grid-template-columns:repeat(2,1fr)}.compact-help{grid-template-columns:1fr!important}}
/* v36 Auto Detect Uplink in Push Modal */
.mini-status{margin:8px 0 12px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);font-size:12px;line-height:1.4}
.mini-status:not(.muted){color:#065f46;background:#ecfdf5;border-color:#a7f3d0}


/* v40 SmartTech ISP NOC Enterprise theme */
:root{--st-blue:#2563eb;--st-blue2:#1d4ed8;--st-indigo:#4f46e5;--st-cyan:#06b6d4;--st-bg:#f5f8ff;--st-shadow:0 18px 45px rgba(15,23,42,.08)}
body{background:linear-gradient(120deg,#f8fbff 0%,#f7f9fe 55%,#eef9f8 100%);font-size:14px;color:#0f172a}.layout.v18-shell{max-width:none}.sidebar{width:245px;border-right:1px solid #e9eef7;box-shadow:8px 0 32px rgba(2,6,23,.035);padding:16px 12px;background:rgba(255,255,255,.97)}.brand.v18-brand{justify-content:flex-start;border-bottom:1px solid #eef2f7;padding-bottom:18px;margin-bottom:18px}.smarttech-logo{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#1e40af;background:linear-gradient(135deg,#e0f2fe,#fff);border:1px solid #dbeafe;box-shadow:0 12px 26px rgba(37,99,235,.12);font-size:28px}.brand b{font-size:19px;line-height:1;color:#1e3a8a}.brand small{text-transform:uppercase;letter-spacing:.12em;color:#475569;font-size:11px}.nav-group{font-size:10px;margin:15px 10px 8px;color:#94a3b8}.nav a{border-radius:10px;margin:3px 0;padding:10px 11px;color:#26364d}.nav a .ico{background:#f1f5f9;color:#64748b}.nav a.active,.nav a:hover{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;box-shadow:0 12px 25px rgba(37,99,235,.25);inset:auto}.nav a.active .ico,.nav a:hover .ico{background:rgba(255,255,255,.16);color:#fff}.main.v18-main{max-width:none;padding:18px 28px 30px}.v28-topline{height:52px;display:flex;align-items:center;justify-content:flex-end;gap:12px;background:rgba(255,255,255,.82);border:1px solid #edf2f7;border-radius:0 0 18px 18px;margin:-18px -28px 22px;padding:0 22px;box-shadow:0 8px 26px rgba(15,23,42,.035);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.searchbox.compact{max-width:420px;flex:1;background:#f8fafc;border:1px solid #edf2f7;border-radius:999px;padding:0 12px;height:38px;display:flex;align-items:center;gap:8px}.searchbox.compact input{border:0;background:transparent;padding:8px;box-shadow:none}.top-actions{display:flex;align-items:center;gap:8px}.top-icon,.notif{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;text-decoration:none;background:#fff;border:1px solid #edf2f7;color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.04)}.notif{color:#ef4444}.user-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #edf2f7;border-radius:999px;padding:5px 10px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.user-pill span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-weight:900}.v28-titlebar{display:none}.card{border:1px solid #e8edf7;border-radius:18px;box-shadow:var(--st-shadow);background:rgba(255,255,255,.94)}.st-hero-noc{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#1e40af 0%,#2563eb 55%,#3b82f6 100%);border-radius:18px;color:#fff;padding:34px 42px;margin:0 0 28px;box-shadow:0 18px 42px rgba(37,99,235,.25);min-height:145px}.st-hero-noc h2{color:#fff;margin:8px 0 8px;font-size:28px;letter-spacing:-.04em}.st-hero-noc p{margin:0;color:#dbeafe;font-size:15px}.hero-pill{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px}.hero-clock{min-width:145px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px 16px;text-align:left}.hero-clock small,.hero-clock span{display:block;color:#dbeafe}.hero-clock b{display:block;color:#fff;font-size:16px;margin:6px 0}.noc-summary-grid,.st-six-cards{display:grid!important;grid-template-columns:repeat(6,minmax(145px,1fr))!important;gap:16px!important;margin-bottom:20px!important}.v28-stat{min-height:132px;margin:0;padding:20px;position:relative;overflow:hidden}.v28-stat:after{content:"";position:absolute;right:-28px;bottom:-34px;width:105px;height:105px;border-radius:50%;background:rgba(239,68,68,.08)}.v18-kpi{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.v18-icon{width:40px;height:40px;border-radius:13px;background:#dcfce7;color:#047857;display:grid;place-items:center;box-shadow:0 10px 24px rgba(16,185,129,.14)}.v18-icon.orange{background:#fffbeb;color:#b45309}.v18-icon.red{background:#fee2e2;color:#b91c1c}.v18-icon.blue{background:#dbeafe;color:#1d4ed8}.v18-icon.yellow{background:#fef3c7;color:#b45309}.tag{padding:7px 10px;border-radius:999px;background:#dcfce7;color:#047857;font-size:11px;font-weight:900}.tag.orange{background:#ffedd5;color:#c2410c}.tag.red{background:#fee2e2;color:#b91c1c}.tag.blue{background:#dbeafe;color:#1d4ed8}.tag.yellow{background:#fef3c7;color:#b45309}.v28-stat h3{font-size:28px;margin:0 0 10px;letter-spacing:-.04em}.v28-stat p{font-weight:800;color:#475569;margin:0}.noc-panel-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px}.noc-chart-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.v28-monitor-card,.v28-router-card{margin:0}.section-title{border-bottom:1px solid #eef2f7;padding-bottom:14px}.section-title h3{font-size:18px;letter-spacing:-.02em}.uplink-speed{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.uplink-speed span{display:block;color:#64748b;font-weight:700}.uplink-speed b{display:block;font-size:22px;margin:6px 0}.meter-track{height:12px;background:#e5e7eb;border-radius:999px;overflow:hidden}.meter-track i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#06b6d4);border-radius:999px}.meter-track.red i{background:linear-gradient(90deg,#ef4444,#f97316)}.v28-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-kpi{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:11px 12px;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;gap:8px}.mini-kpi span{color:#64748b;font-size:12px}.mini-kpi b{font-size:13px}.fake-chart{height:300px;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:16px;border:1px solid #eef2f7;overflow:hidden}.fake-chart svg{height:100%;width:100%}.routerbox-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.routerbox-head b{font-size:18px}.routerbox-head span{display:block;color:#64748b;margin-top:4px}.routerbox-head em{font-style:normal;color:#2563eb;font-weight:900}.progress-title{display:flex;justify-content:space-between;font-weight:800;margin:12px 0 6px}.progress-bar{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-bottom:14px}.progress-bar i{height:100%;display:block;background:linear-gradient(90deg,#2563eb,#06b6d4)}.ops-list{display:grid;gap:8px;margin-bottom:16px}.logline{display:flex;align-items:flex-start}.logline div{display:grid}.logline small{color:#94a3b8}.side-footer .btn{display:none}@media(max-width:1400px){.noc-summary-grid,.st-six-cards{grid-template-columns:repeat(3,1fr)!important}.noc-panel-grid,.noc-chart-grid{grid-template-columns:1fr}.v28-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.main.v18-main{padding:12px}.v28-topline{margin:-12px -12px 14px;padding:8px 12px;height:auto;align-items:stretch}.searchbox.compact{max-width:none}.st-hero-noc{padding:24px;display:block}.hero-clock{margin-top:14px}.noc-summary-grid,.st-six-cards{grid-template-columns:1fr 1fr!important}.uplink-speed,.v28-info-grid{grid-template-columns:1fr}.sidebar{width:auto}.nav{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:560px){.noc-summary-grid,.st-six-cards,.nav{grid-template-columns:1fr!important}.st-hero-noc h2{font-size:22px}.top-actions{display:none}}

/* v40.1 Modern AI Design System - global alignment */
:root{
  --ai-primary:#2563eb;--ai-primary-dark:#1e40af;--ai-accent:#06b6d4;--ai-success:#10b981;--ai-warning:#f59e0b;--ai-danger:#ef4444;
  --ai-bg:#f8fafc;--ai-surface:rgba(255,255,255,.92);--ai-border:#e5e7eb;--ai-text:#0f172a;--ai-muted:#64748b;
  --ai-radius:18px;--ai-shadow:0 14px 40px rgba(15,23,42,.07);--ai-soft-shadow:0 8px 25px rgba(15,23,42,.045)
}
body{background:radial-gradient(circle at 12% 0,rgba(37,99,235,.08),transparent 28%),radial-gradient(circle at 94% 4%,rgba(6,182,212,.10),transparent 30%),linear-gradient(180deg,#f8fafc,#eef6ff)!important;color:var(--ai-text)!important}
.sidebar{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px);border-right:1px solid rgba(226,232,240,.9)!important;box-shadow:12px 0 34px rgba(15,23,42,.04)!important}
.brand,.v18-brand{border-radius:18px}.smarttech-logo,.logo{background:linear-gradient(135deg,var(--ai-primary),var(--ai-accent))!important;color:#fff!important;box-shadow:0 14px 32px rgba(37,99,235,.22)!important;border:0!important}.brand b{color:var(--ai-text)!important}.brand small{color:var(--ai-muted)!important}
.nav a{border-radius:14px!important;transition:.22s ease!important}.nav a:hover{transform:translateX(2px)}.nav a.active,.nav a:hover{background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-dark))!important;color:#fff!important;box-shadow:0 14px 30px rgba(37,99,235,.24)!important}.nav a.active .ico,.nav a:hover .ico{background:rgba(255,255,255,.18)!important;color:#fff!important}
.v28-topline,.mobile-top{background:rgba(255,255,255,.76)!important;backdrop-filter:blur(16px)!important;border-color:rgba(226,232,240,.85)!important;border-radius:18px!important;margin-bottom:20px!important}.searchbox.compact,.top-icon,.notif,.user-pill{background:rgba(255,255,255,.88)!important;border-color:rgba(226,232,240,.95)!important;box-shadow:var(--ai-soft-shadow)!important}
.card,.top-card,.modal-panel,.install-shell,.login-card,.auth-shell,.setup-card{background:var(--ai-surface)!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:var(--ai-radius)!important;box-shadow:var(--ai-shadow)!important;backdrop-filter:blur(12px)!important}.card:hover{box-shadow:0 18px 48px rgba(15,23,42,.09)!important}
.topbar.card,.v28-titlebar{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.88))!important}.eyebrow{color:var(--ai-primary)!important}.st-hero-noc{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#06b6d4 100%)!important;box-shadow:0 24px 56px rgba(37,99,235,.27)!important;border:1px solid rgba(255,255,255,.18)!important}
.noc-summary-grid,.st-six-cards{align-items:stretch}.stat,.v28-stat{border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.92))!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:var(--ai-soft-shadow)!important;transition:.24s ease!important}.stat:hover,.v28-stat:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(37,99,235,.11)!important}.stat:after,.v28-stat:after{background:radial-gradient(circle,rgba(37,99,235,.13),transparent 68%)!important}.v18-icon{background:linear-gradient(135deg,#dbeafe,#cffafe)!important;color:var(--ai-primary)!important;box-shadow:0 12px 28px rgba(37,99,235,.14)!important}.v18-icon.red{background:linear-gradient(135deg,#fee2e2,#fff1f2)!important;color:var(--ai-danger)!important}.v18-icon.orange,.v18-icon.yellow{background:linear-gradient(135deg,#fef3c7,#fff7ed)!important;color:#b45309!important}
.btn{border-radius:14px!important;transition:.22s ease!important}.btn:hover{transform:translateY(-1px);filter:saturate(1.06)}.btn-red{background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-dark))!important;color:#fff!important;box-shadow:0 14px 28px rgba(37,99,235,.20)!important}.btn-dark{background:#0f172a!important}.btn-green{background:linear-gradient(135deg,var(--ai-success),#059669)!important}.btn-yellow{background:linear-gradient(135deg,var(--ai-warning),#f97316)!important}.btn-light{background:#f1f5f9!important;color:#334155!important}
input,select,textarea{border-radius:14px!important;border-color:#dbe3ef!important;background:rgba(255,255,255,.96)!important;transition:.2s ease!important}input:focus,select:focus,textarea:focus{border-color:var(--ai-primary)!important;box-shadow:0 0 0 4px rgba(37,99,235,.11)!important}label{color:#334155!important}.muted{color:var(--ai-muted)!important}
.table-wrap,table{border-radius:18px!important}th{background:#f8fafc!important;color:#64748b!important}td,th{border-color:#edf2f7!important}.badge,.tag,.pill{border-radius:999px!important}.ok{background:#ecfdf5!important;color:#047857!important}.bad{background:#fff1f2!important;color:#be123c!important}.warn{background:#fffbeb!important;color:#b45309!important}.notice{background:#ecfdf5!important;color:#047857!important;border:1px solid #bbf7d0!important}.error{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
.modal{backdrop-filter:blur(10px)!important;background:rgba(15,23,42,.48)!important}.modal-panel{animation:aiPop .18s ease-out}.modal-close{border-radius:14px!important;background:#f1f5f9!important}@keyframes aiPop{from{opacity:.75;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.connection-tabs{background:#f8fafc!important;border-color:#e2e8f0!important}.connection-tabs span{border-radius:14px!important}.connection-tabs label.active-mode span,.connection-tabs input:checked+span{background:linear-gradient(135deg,var(--ai-primary),var(--ai-accent))!important;box-shadow:0 14px 28px rgba(37,99,235,.20)!important}.nas-compact-panel{border-radius:24px!important}
.login,.install-unified,.setup-body{background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 32%),radial-gradient(circle at top right,rgba(6,182,212,.13),transparent 30%),linear-gradient(135deg,#f8fafc,#eef6ff)!important}.install-visual,.auth-visual{background:linear-gradient(135deg,#0f172a,#1e3a8a 70%,#2563eb)!important}.auth-tab.active{background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-dark))!important;box-shadow:0 14px 30px rgba(37,99,235,.20)!important}.auth-progress-mini i,.progress-bar i,.meter-track i{background:linear-gradient(90deg,var(--ai-primary),var(--ai-accent))!important}
.payment-gateway-card,.gateway-card,.package-card{border-radius:20px!important;background:var(--ai-surface)!important;box-shadow:var(--ai-soft-shadow)!important;border:1px solid rgba(226,232,240,.9)!important}
@media(max-width:1400px){.noc-summary-grid,.st-six-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:900px){.sidebar{backdrop-filter:none}.main.v18-main{padding:12px!important}.v28-topline{position:relative!important;margin:0 0 14px!important}.noc-summary-grid,.st-six-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.noc-summary-grid,.st-six-cards{grid-template-columns:1fr!important}.card{border-radius:16px!important}}


/* v41 VPS Ready - Premium Fiber AI alignment */
:root{--ai-primary:#2563eb;--ai-primary-dark:#1e40af;--ai-accent:#f97316;--ai-bg:#f8fafc;--ai-text:#0f172a;--ai-muted:#64748b;--ai-border:#e5e7eb;--ai-card:#fff;--ai-danger:#ef4444;--ai-success:#10b981;--ai-warning:#f59e0b}
body{background:radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 30%),radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 26%),var(--ai-bg);color:var(--ai-text)}
.card,.top-card,.stat-card,.table-card,.form-card,.settings-card,.gateway-card,.nas-card{border:1px solid rgba(226,232,240,.95)!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(15,23,42,.07)!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px)}
.sidebar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-right:1px solid rgba(226,232,240,.9)!important}.nav a{border-radius:14px!important}.nav a.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 14px 30px rgba(37,99,235,.28)!important;color:#fff!important}.v28-topline,.mobile-top{backdrop-filter:blur(18px)}
.btn,.button,button{border-radius:14px}.btn-red,.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:0!important;box-shadow:0 10px 25px rgba(37,99,235,.24)!important}.btn-green{background:linear-gradient(135deg,#10b981,#059669)!important}.btn-orange{background:linear-gradient(135deg,#f97316,#ea580c)!important}
input,select,textarea{border-radius:14px!important;border:1px solid var(--ai-border)!important;background:rgba(255,255,255,.94)!important}.notice{border-radius:16px;background:#ecfdf5;color:#047857}.error{border-radius:16px;background:#fef2f2;color:#b91c1c}.badge{border-radius:999px}
.v41-auth-body,.login{min-height:100vh;background:#071120!important;background-image:radial-gradient(circle at 15% 20%,rgba(37,99,235,.45),transparent 30%),radial-gradient(circle at 80% 30%,rgba(249,115,22,.22),transparent 23%),linear-gradient(135deg,#09111f,#10284d 60%,#04101e)!important;color:#0f172a}.v41-auth-shell{max-width:1180px;margin:36px auto;display:grid;grid-template-columns:420px 1fr;background:rgba(255,255,255,.92);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(2,6,23,.35)}.v41-auth-hero{position:relative;min-height:720px;padding:56px;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,64,175,.86));color:#fff;overflow:hidden}.v41-auth-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(147,197,253,.55) 1px,transparent 2px);background-size:58px 58px;opacity:.45}.v41-auth-hero>*{position:relative}.v41-auth-hero h1{font-size:38px;line-height:1.05;margin:220px 0 18px}.v41-auth-hero p{color:#cbd5e1;line-height:1.65}.v41-chip{display:flex;gap:10px;align-items:center;margin:14px 0;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800}.v41-auth-panel{padding:44px 36px;max-height:calc(100vh - 72px);overflow:auto}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#eef2f7;border-radius:18px;padding:8px;margin:24px 0}.tabs button,.tabs a{border:0;background:transparent;padding:14px;border-radius:14px;font-weight:900;color:#334155;text-align:center;text-decoration:none}.tabs .active{background:#fff;color:#1d4ed8;box-shadow:0 8px 24px rgba(15,23,42,.08)}.progress-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:9999}.progress-modal.show{display:flex}.progress-box{width:min(460px,92vw);background:#fff;border-radius:24px;padding:28px;text-align:center;box-shadow:0 30px 80px rgba(2,6,23,.35)}.progress-track{height:12px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:18px 0}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb,#10b981,#f97316);border-radius:999px;transition:.2s}.spinner-ring{width:54px;height:54px;border-radius:50%;border:5px solid #dbeafe;border-top-color:#2563eb;margin:0 auto 14px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.v41-auth-shell{grid-template-columns:1fr;margin:0;min-height:100vh;border-radius:0}.v41-auth-hero{min-height:auto;padding:32px}.v41-auth-hero h1{margin:44px 0 16px}.v41-auth-panel{max-height:none}.stats-grid,.v29-stats{grid-template-columns:repeat(2,1fr)!important}.noc-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.stats-grid,.v29-stats{grid-template-columns:1fr!important}.v41-auth-panel{padding:28px 18px}.tabs{grid-template-columns:1fr}}

/* v41.1 Light Mode Smooth - corporate red/gold/blue palette */
:root{
  --lm-bg:#F4F7F9;
  --lm-sidebar:#FFFFFF;
  --lm-card:#FFFFFF;
  --lm-primary:#D32F2F;
  --lm-primary-2:#E53935;
  --lm-gold:#FBC02D;
  --lm-gold-2:#FFB300;
  --lm-blue:#0D47A1;
  --lm-blue-2:#1565C0;
  --lm-success:#4CAF50;
  --lm-success-soft:#81C784;
  --lm-offline:#EF6C00;
  --lm-offline-soft:#FFB74D;
  --lm-heading:#212121;
  --lm-sub:#757575;
  --lm-border:#E5E7EB;
  --lm-shadow:0 4px 20px rgba(0,0,0,.05);
  --lm-shadow-lg:0 12px 36px rgba(13,71,161,.08);
  --lm-radius:12px;
}
html,body{background:var(--lm-bg)!important;color:var(--lm-heading)!important;}
body{background-image:none!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;}
.layout{background:var(--lm-bg)!important;}
.sidebar{background:var(--lm-sidebar)!important;border-right:1px solid var(--lm-border)!important;box-shadow:6px 0 24px rgba(0,0,0,.035)!important;backdrop-filter:none!important;}
.brand b,.topbar h1,h1,h2,h3{color:var(--lm-heading)!important;}
.brand small,.muted,.card p,.stat p,.top-card p{color:var(--lm-sub)!important;}
.logo{background:linear-gradient(135deg,var(--lm-primary),var(--lm-primary-2))!important;box-shadow:0 10px 24px rgba(211,47,47,.18)!important;}
.nav-group{color:#9CA3AF!important;}
.nav a{color:#374151!important;background:transparent!important;border-radius:12px!important;box-shadow:none!important;}
.nav a .ico{background:#F4F7F9!important;color:var(--lm-blue-2)!important;}
.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(211,47,47,.10),rgba(255,255,255,.96))!important;color:var(--lm-primary)!important;box-shadow:inset 3px 0 0 var(--lm-primary)!important;}
.nav a:hover .ico,.nav a.active .ico{background:var(--lm-primary)!important;color:#fff!important;}
.main{background:var(--lm-bg)!important;}
.topbar,.v28-topline,.mobile-top{background:rgba(244,247,249,.86)!important;backdrop-filter:blur(10px)!important;box-shadow:none!important;border:0!important;}
.card,.top-card,.stat,.v28-stat,.modal-panel,.setup-card,.login-card,.auth-shell,.install-shell,.table-card,.form-card,.settings-card,.gateway-card,.nas-card,.package-card,.payment-gateway-card{background:var(--lm-card)!important;border:1px solid var(--lm-border)!important;border-radius:var(--lm-radius)!important;box-shadow:var(--lm-shadow)!important;backdrop-filter:none!important;}
.card:hover,.stat:hover,.v28-stat:hover,.gateway-card:hover,.package-card:hover{box-shadow:var(--lm-shadow-lg)!important;transform:translateY(-1px)!important;transition:.22s ease!important;}
.stat:after,.v28-stat:after{background:radial-gradient(circle,rgba(251,192,45,.20),transparent 68%)!important;}
.stat h3,.v28-stat h3,.metric-value{color:var(--lm-heading)!important;}
.eyebrow,.section-kicker{color:var(--lm-primary)!important;}
.st-hero-noc,.hero,.dashboard-hero{background:linear-gradient(135deg,#FFFFFF 0%,#FFF7F7 46%,#F4F7F9 100%)!important;color:var(--lm-heading)!important;border:1px solid var(--lm-border)!important;box-shadow:var(--lm-shadow)!important;}
.st-hero-noc h1,.hero h1,.dashboard-hero h1{color:var(--lm-heading)!important;}
.st-hero-noc p,.hero p,.dashboard-hero p{color:var(--lm-sub)!important;}
.btn,.button,button{border-radius:12px!important;}
.btn-red,.btn-primary,.auth-tab.active{background:linear-gradient(135deg,var(--lm-primary),var(--lm-primary-2))!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(211,47,47,.18)!important;}
.btn-yellow,.btn-warning{background:linear-gradient(135deg,var(--lm-gold),var(--lm-gold-2))!important;color:#442C00!important;box-shadow:0 8px 20px rgba(251,192,45,.18)!important;}
.btn-green,.btn-success{background:linear-gradient(135deg,var(--lm-success),var(--lm-success-soft))!important;color:#fff!important;box-shadow:0 8px 20px rgba(76,175,80,.16)!important;}
.btn-dark{background:var(--lm-blue)!important;color:#fff!important;}
.btn-light{background:#FFFFFF!important;color:#374151!important;border:1px solid var(--lm-border)!important;box-shadow:var(--lm-shadow)!important;}
input,select,textarea{background:#fff!important;color:var(--lm-heading)!important;border:1px solid #D7DEE7!important;border-radius:12px!important;box-shadow:none!important;}
input:focus,select:focus,textarea:focus{border-color:var(--lm-blue-2)!important;box-shadow:0 0 0 4px rgba(21,101,192,.10)!important;}
label{color:var(--lm-heading)!important;}
.table-wrap{border:1px solid var(--lm-border)!important;border-radius:12px!important;box-shadow:var(--lm-shadow)!important;}
table{background:#fff!important;} th{background:#F8FAFC!important;color:var(--lm-sub)!important;} td,th{border-color:#EDF1F5!important;color:var(--lm-heading)!important;}
.badge,.pill,.tag{border-radius:999px!important;}
.ok,.online,.badge-online{background:#E8F5E9!important;color:#2E7D32!important;}
.bad,.isolir,.expired,.badge-danger{background:#FFEBEE!important;color:var(--lm-primary)!important;}
.warn,.offline,.badge-warning{background:#FFF3E0!important;color:var(--lm-offline)!important;}
.notice{background:#E8F5E9!important;color:#2E7D32!important;border:1px solid #C8E6C9!important;}
.error{background:#FFEBEE!important;color:var(--lm-primary)!important;border:1px solid #FFCDD2!important;}
.codebox,pre{background:#0D47A1!important;color:#E3F2FD!important;border-radius:12px!important;}
.progress-track,.meter-track{background:#E5E7EB!important;border-radius:999px!important;}
.progress-track i,.meter-track i,.auth-progress-mini i{background:linear-gradient(90deg,var(--lm-blue-2),var(--lm-gold),var(--lm-primary))!important;}
/* Login / installer in light smooth mode */
.login,.setup-body,.install-unified,.v41-auth-body{background:linear-gradient(135deg,#F4F7F9 0%,#FFFFFF 52%,#EEF4FF 100%)!important;color:var(--lm-heading)!important;}
.v41-auth-shell,.auth-shell{background:#FFFFFF!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.08)!important;border:1px solid var(--lm-border)!important;}
.v41-auth-hero,.auth-visual,.install-visual{background:linear-gradient(145deg,var(--lm-blue),var(--lm-blue-2))!important;color:#fff!important;}
.v41-auth-hero:before{opacity:.20!important;}
.v41-auth-hero h1,.auth-visual h1,.install-visual h1{color:#fff!important;}
.v41-chip{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important;}
.tabs{background:#F4F7F9!important;}
.tabs .active{background:#fff!important;color:var(--lm-primary)!important;box-shadow:var(--lm-shadow)!important;}
.searchbox.compact,.top-icon,.notif,.user-pill{background:#fff!important;border:1px solid var(--lm-border)!important;box-shadow:var(--lm-shadow)!important;color:var(--lm-heading)!important;}
.v18-icon{background:#E3F2FD!important;color:var(--lm-blue-2)!important;}
.v18-icon.red{background:#FFEBEE!important;color:var(--lm-primary)!important;}
.v18-icon.orange,.v18-icon.yellow{background:#FFF8E1!important;color:#B28704!important;}
/* Make chart lines and important numeric accents match requested palette */
.chart-line,.income-line,.text-blue{color:var(--lm-blue)!important;stroke:var(--lm-blue)!important;}
.text-red,.accent-red{color:var(--lm-primary)!important;}
.text-gold,.accent-gold{color:var(--lm-gold-2)!important;}
@media(max-width:900px){.sidebar{background:#fff!important}.topbar{background:#F4F7F9!important}.card{border-radius:12px!important}}

/* v41.2 Modern AI Visual Smooth - full page harmonizer */
:root{
  --ai-bg:#F4F7F9;
  --ai-surface:#FFFFFF;
  --ai-surface-2:#FAFBFC;
  --ai-border:#E5E7EB;
  --ai-text:#212121;
  --ai-muted:#757575;
  --ai-primary:#D32F2F;
  --ai-primary-2:#E53935;
  --ai-gold:#FBC02D;
  --ai-gold-2:#FFB300;
  --ai-blue:#0D47A1;
  --ai-blue-2:#1565C0;
  --ai-success:#4CAF50;
  --ai-success-soft:#E8F5E9;
  --ai-warning:#EF6C00;
  --ai-warning-soft:#FFF3E0;
  --ai-danger:#D32F2F;
  --ai-danger-soft:#FFEBEE;
  --ai-radius:16px;
  --ai-radius-lg:22px;
  --ai-shadow:0 4px 20px rgba(0,0,0,.05);
  --ai-shadow-hover:0 14px 34px rgba(13,71,161,.10);
}
*{scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}
body{background:var(--ai-bg)!important;color:var(--ai-text)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;letter-spacing:-.01em!important}.layout,.v18-shell,.v28-shell{background:var(--ai-bg)!important}.sidebar,.v18-sidebar{background:rgba(255,255,255,.98)!important;border-right:1px solid var(--ai-border)!important;box-shadow:10px 0 30px rgba(0,0,0,.035)!important}.main,.v18-main{background:var(--ai-bg)!important}.brand,.v18-brand{border-radius:var(--ai-radius)!important}.brand b,.v18-brand b{color:var(--ai-text)!important;letter-spacing:-.02em}.brand small,.v18-brand small{color:var(--ai-muted)!important}.smarttech-logo,.logo{background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-2))!important;color:#fff!important;box-shadow:0 12px 28px rgba(211,47,47,.18)!important}.nav a{border-radius:14px!important;color:#374151!important;font-weight:800!important;transition:.22s ease!important}.nav a .ico{background:#F4F7F9!important;color:var(--ai-blue-2)!important}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(211,47,47,.10),rgba(255,255,255,.98))!important;color:var(--ai-primary)!important;box-shadow:inset 3px 0 0 var(--ai-primary)!important;transform:translateX(2px)}.nav a:hover .ico,.nav a.active .ico{background:var(--ai-primary)!important;color:#fff!important}.nav-group{color:#9CA3AF!important;font-size:10.5px!important}.topbar,.v28-topline,.mobile-top{background:rgba(244,247,249,.82)!important;backdrop-filter:blur(14px)!important;border:0!important;box-shadow:none!important}.v28-titlebar,.v18-topbar{background:linear-gradient(135deg,#fff 0%,#fff 58%,rgba(251,192,45,.10) 100%)!important;border:1px solid rgba(229,231,235,.92)!important;border-radius:var(--ai-radius-lg)!important;box-shadow:var(--ai-shadow)!important}.eyebrow{color:var(--ai-primary)!important}.card,.top-card,.stat,.v28-stat,.v18-stat,.v29-stat,.modal-panel,.setup-card,.login-card,.auth-shell,.install-shell,.table-card,.form-card,.settings-card,.gateway-card,.nas-card,.package-card,.payment-gateway-card,.invoice-card,.salary-card,.noc-panel{background:var(--ai-surface)!important;border:1px solid var(--ai-border)!important;border-radius:var(--ai-radius-lg)!important;box-shadow:var(--ai-shadow)!important;backdrop-filter:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.card:hover,.stat:hover,.v28-stat:hover,.v29-stat:hover,.nas-card:hover,.package-card:hover,.gateway-card:hover,.payment-gateway-card:hover{transform:translateY(-2px)!important;box-shadow:var(--ai-shadow-hover)!important;border-color:rgba(21,101,192,.20)!important}h1,h2,h3,.card h3,.section-title h3{color:var(--ai-text)!important;letter-spacing:-.035em!important}.muted,.card p,.stat p,.v28-stat p,small,label .hint{color:var(--ai-muted)!important}.stats-grid,.v29-stats,.v28-stats{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-3,.noc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat,.v28-stat,.v29-stat{min-height:118px!important;padding:18px!important;overflow:hidden!important}.stat:after,.v28-stat:after,.v29-stat:after{content:""!important;position:absolute!important;right:-28px!important;top:-32px!important;width:105px!important;height:105px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(251,192,45,.25),transparent 70%)!important}.stat h3,.v28-stat h3,.v29-stat h3,.metric-value{font-size:28px!important;color:var(--ai-text)!important}.btn{border-radius:14px!important;font-weight:900!important;box-shadow:none!important;transition:.22s ease!important}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.08)!important}.btn-red,.btn-primary{background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-2))!important;color:#fff!important}.btn-yellow{background:linear-gradient(135deg,var(--ai-gold),var(--ai-gold-2))!important;color:#3B2F00!important}.btn-dark{background:linear-gradient(135deg,var(--ai-blue),var(--ai-blue-2))!important;color:#fff!important}.btn-green{background:linear-gradient(135deg,var(--ai-success),#2E7D32)!important;color:#fff!important}.btn-light{background:#F4F7F9!important;color:#374151!important;border:1px solid var(--ai-border)!important}input,select,textarea{border-radius:14px!important;border:1px solid #DDE3EA!important;background:#fff!important;color:#111827!important;transition:.18s ease!important}input:focus,select:focus,textarea:focus{border-color:var(--ai-blue-2)!important;box-shadow:0 0 0 4px rgba(21,101,192,.10)!important}label{color:#374151!important}.table-wrap,table,.card>table{border-radius:18px!important;border-color:var(--ai-border)!important}th{background:#F8FAFC!important;color:#64748B!important;font-weight:900!important}td{color:#334155!important}tr:hover td{background:#FAFBFC!important}.badge{border-radius:999px!important;font-weight:900!important}.ok,.badge.ok,.status-online{background:var(--ai-success-soft)!important;color:#2E7D32!important}.bad,.badge.bad,.status-expired{background:var(--ai-danger-soft)!important;color:var(--ai-danger)!important}.warn,.badge.warn,.status-offline{background:var(--ai-warning-soft)!important;color:var(--ai-warning)!important}.pill{border-radius:999px!important;background:#fff!important;border:1px solid var(--ai-border)!important;box-shadow:0 2px 10px rgba(0,0,0,.03)!important}.searchbox,.searchbox input{background:#fff!important;border-radius:999px!important}.searchbox{border:1px solid var(--ai-border)!important;box-shadow:var(--ai-shadow)!important}.modal{backdrop-filter:blur(8px)!important;background:rgba(15,23,42,.36)!important}.modal-panel{max-height:86vh!important;overflow:auto!important}.progress-track{background:#E5E7EB!important;border-radius:999px!important}.progress-track i,.bar,.progress-bar{background:linear-gradient(90deg,var(--ai-primary),var(--ai-gold),var(--ai-blue-2))!important;border-radius:999px!important}.codebox,pre{background:#0F172A!important;border-radius:18px!important}.login,.setup-body,.v41-auth-body{background:radial-gradient(circle at 20% 20%,rgba(21,101,192,.18),transparent 28%),radial-gradient(circle at 80% 25%,rgba(251,192,45,.18),transparent 26%),linear-gradient(135deg,#F4F7F9,#FFFFFF)!important}.v41-auth-shell,.login-card,.setup-card{border-radius:28px!important;box-shadow:0 24px 60px rgba(13,71,161,.12)!important}.v41-auth-hero{background:linear-gradient(145deg,var(--ai-blue),var(--ai-blue-2))!important}.v41-chip{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.22)!important}.tabs{background:#EEF2F7!important}.tabs .active{color:var(--ai-primary)!important}.invoice-a4,.thermal-print{background:#fff!important;color:#111827!important}.empty{background:#fff!important;border:1px dashed #CBD5E1!important;border-radius:18px!important}.section-title{align-items:center!important}.actions{gap:8px!important}.side-footer{border-top:1px solid var(--ai-border)!important;margin-top:14px!important}.notice{background:#E8F5E9!important;color:#2E7D32!important;border:1px solid #C8E6C9!important}.error{background:#FFEBEE!important;color:#C62828!important;border:1px solid #FFCDD2!important}
@media(max-width:1280px){.stats-grid,.v29-stats,.v28-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3,.noc-grid{grid-template-columns:1fr!important}}
@media(max-width:900px){.sidebar{box-shadow:0 12px 30px rgba(0,0,0,.06)!important}.stats-grid,.v29-stats,.v28-stats,.grid-4,.grid-3,.grid-2,.noc-grid{grid-template-columns:1fr!important}.card,.stat,.v28-stat,.v29-stat{border-radius:18px!important}.main{padding:14px!important}.topbar,.v28-topline{position:relative!important}.nav a:hover,.nav a.active{transform:none!important}}

/* v41.3 Modern AI Visual Smooth - unified enterprise UI */
:root{
  --ai-bg:#f4f7f9;
  --ai-bg-2:#eef4fb;
  --ai-card:#ffffff;
  --ai-card-2:rgba(255,255,255,.88);
  --ai-line:#e6edf5;
  --ai-text:#172033;
  --ai-muted:#687589;
  --ai-primary:#d32f2f;
  --ai-primary-2:#e53935;
  --ai-blue:#1565c0;
  --ai-blue-2:#0d47a1;
  --ai-gold:#fbc02d;
  --ai-green:#4caf50;
  --ai-orange:#ef6c00;
  --ai-radius:18px;
  --ai-radius-sm:14px;
  --ai-shadow:0 10px 30px rgba(15,23,42,.055);
  --ai-shadow-hover:0 18px 48px rgba(15,23,42,.095);
  --ai-focus:0 0 0 4px rgba(21,101,192,.10);
}
body{
  background:
    radial-gradient(circle at 18% 8%,rgba(211,47,47,.055),transparent 28%),
    radial-gradient(circle at 88% 4%,rgba(21,101,192,.085),transparent 30%),
    linear-gradient(180deg,var(--ai-bg),var(--ai-bg-2))!important;
  color:var(--ai-text)!important;
}
.layout{gap:0;background:transparent!important}.main{padding:26px 28px!important;max-width:1680px!important}.sidebar{border-radius:0!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;box-shadow:12px 0 36px rgba(15,23,42,.045)!important}.brand{padding:12px 10px 18px!important;border-bottom:1px solid var(--ai-line)!important}.brand .smarttech-logo,.logo{background:linear-gradient(135deg,var(--ai-blue),#22c1ff)!important;box-shadow:0 14px 32px rgba(21,101,192,.22)!important}.nav a{border-radius:15px!important;margin:6px 0!important;padding:12px 13px!important}.nav a.active,.nav a:hover{background:linear-gradient(90deg,var(--ai-primary),var(--ai-primary-2))!important;color:#fff!important;box-shadow:0 12px 28px rgba(211,47,47,.20)!important}.nav a.active .ico,.nav a:hover .ico{background:rgba(255,255,255,.22)!important;color:#fff!important}.topbar.card,.top-card,.v28-titlebar{border-radius:22px!important;padding:22px 24px!important;background:linear-gradient(135deg,#fff,rgba(255,255,255,.92))!important;border:1px solid var(--ai-line)!important;box-shadow:var(--ai-shadow)!important}.eyebrow,.section-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(211,47,47,.08)!important;color:var(--ai-primary)!important;border-radius:999px!important;padding:8px 13px!important;font-size:12px!important;letter-spacing:.08em!important;font-weight:900!important}.eyebrow:before,.section-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ai-primary);box-shadow:0 0 0 5px rgba(211,47,47,.10)}
h1,h2,h3{letter-spacing:-.035em!important;color:var(--ai-text)!important}.topbar h1,.top-card h1{font-size:30px!important}.muted,p{color:var(--ai-muted)!important;line-height:1.6}.card{border-radius:22px!important;background:linear-gradient(180deg,var(--ai-card),var(--ai-card-2))!important;border:1px solid var(--ai-line)!important;box-shadow:var(--ai-shadow)!important;padding:22px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.card:hover{transform:translateY(-2px);box-shadow:var(--ai-shadow-hover)!important;border-color:#d9e4f2!important}.card h2{font-size:24px!important;margin-bottom:10px!important}.card h3{font-size:19px!important}.grid.two,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid.three,.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid.four,.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.stat,.v28-stat{min-height:132px;border-radius:22px!important}.stat:after,.v28-stat:after{right:-22px;bottom:-28px;top:auto;width:110px;height:110px;background:radial-gradient(circle,rgba(211,47,47,.11),transparent 70%)!important}.stat h3,.v28-stat h3{font-size:34px!important}.tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:9px!important;background:#eef3f8!important;border:1px solid var(--ai-line)!important;border-radius:20px!important;margin:0 0 24px!important}.tabs button,.tabs a,.tab-btn{height:54px!important;border-radius:15px!important;background:transparent!important;border:0!important;color:#263347!important;font-weight:900!important;letter-spacing:-.01em!important;box-shadow:none!important;cursor:pointer}.tabs button.active,.tabs a.active,.tab-btn.active{background:#fff!important;color:var(--ai-primary)!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important}.tabs button.active:before,.tab-btn.active:before{content:"◉ ";color:var(--ai-primary)}.tab-pane{display:none}.tab-pane.active{display:block;animation:softIn .20s ease-out}.tab-card{padding:10px!important}.tab-card .tab-pane{padding:22px 8px 0}.form{gap:16px!important}.form .grid.two,.form .grid.three,.row{gap:16px!important}label{margin-bottom:7px!important;font-size:13px!important;color:#263347!important}input,select,textarea{height:48px!important;border-radius:14px!important;border:1px solid #d9e2ec!important;background:#fff!important;padding:12px 14px!important;color:var(--ai-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important}textarea{height:auto!important;min-height:92px!important}input:focus,select:focus,textarea:focus{border-color:var(--ai-blue)!important;box-shadow:var(--ai-focus)!important}.btn{border-radius:14px!important;min-height:44px!important;padding:12px 18px!important;font-weight:900!important;transition:transform .18s ease,box-shadow .18s ease!important}.btn:hover{transform:translateY(-1px)}.btn.full{width:auto!important;min-width:190px!important}.form .btn.full{justify-self:end!important}.btn-red{background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-2))!important;color:#fff!important;box-shadow:0 10px 26px rgba(211,47,47,.20)!important}.btn-dark{background:linear-gradient(135deg,#111827,#0d47a1)!important;color:#fff!important;box-shadow:0 10px 26px rgba(13,71,161,.16)!important}.btn-light{background:#fff!important;border:1px solid var(--ai-line)!important;color:#2e3a4f!important;box-shadow:var(--ai-shadow)!important}.btn-green{background:linear-gradient(135deg,#4caf50,#22c55e)!important;color:#fff!important}.table-wrap{border-radius:18px!important;border:1px solid var(--ai-line)!important;box-shadow:none!important;background:#fff!important}table{border-collapse:separate!important;border-spacing:0!important}th{background:#f8fafc!important;color:#526075!important;font-size:12px!important;padding:14px 16px!important}td{padding:15px 16px!important;color:#263347!important}tbody tr:hover td{background:#fbfdff!important}.empty,.table-wrap td[colspan]{background:linear-gradient(135deg,#fff,#f8fbff)!important;color:var(--ai-muted)!important;text-align:center!important;padding:26px!important;font-weight:700!important}.notice,.error{border-radius:16px!important;padding:14px 16px!important;box-shadow:var(--ai-shadow)!important}.modal-panel{border-radius:24px!important;border:1px solid var(--ai-line)!important;box-shadow:0 28px 90px rgba(15,23,42,.25)!important}.searchbox.compact{height:48px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--ai-line)!important;box-shadow:var(--ai-shadow)!important}.searchbox.compact input{height:auto!important;border:0!important;box-shadow:none!important;background:transparent!important}.top-icon,.notif,.user-pill{height:44px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--ai-line)!important;box-shadow:var(--ai-shadow)!important}.user-pill span{background:linear-gradient(135deg,var(--ai-primary),#ff7a18)!important;color:#fff!important}.badge,.pill{font-weight:900!important;padding:7px 12px!important}.ok{background:#e8f5e9!important;color:#2e7d32!important}.warn{background:#fff3e0!important;color:var(--ai-orange)!important}.bad{background:#ffebee!important;color:var(--ai-primary)!important}.codebox,pre{border-radius:18px!important;background:linear-gradient(135deg,#111827,#0d47a1)!important}.setup-body,.login,.v41-auth-body{background:radial-gradient(circle at 15% 8%,rgba(21,101,192,.18),transparent 28%),radial-gradient(circle at 90% 15%,rgba(211,47,47,.08),transparent 25%),linear-gradient(135deg,#f4f7f9,#fff,#edf6ff)!important}.v41-auth-shell,.auth-shell,.setup-card{border-radius:28px!important;box-shadow:0 28px 86px rgba(15,23,42,.13)!important}.v41-auth-hero,.auth-visual,.install-visual{background:radial-gradient(circle at 20% 20%,rgba(34,193,255,.28),transparent 28%),linear-gradient(145deg,#0f172a,#0d47a1 70%)!important}.progress-track i,.progress-bar i,.meter-track i{background:linear-gradient(90deg,var(--ai-blue),var(--ai-gold),var(--ai-primary))!important}.resource-panel{border-radius:20px!important;background:linear-gradient(135deg,#fff,#f6faff)!important;border:1px solid var(--ai-line)!important;box-shadow:var(--ai-shadow)!important}.resource-item{border-radius:14px!important;background:#fff!important;border:1px solid var(--ai-line)!important}.package-card,.gateway-card,.nas-card{border-radius:22px!important;background:#fff!important;box-shadow:var(--ai-shadow)!important;border:1px solid var(--ai-line)!important}.package-card:hover,.gateway-card:hover,.nas-card:hover{transform:translateY(-2px);box-shadow:var(--ai-shadow-hover)!important}.auth-progress-mini,.progress-box{border-radius:20px!important;background:#fff!important;border:1px solid var(--ai-line)!important;box-shadow:var(--ai-shadow)!important}
/* Configuration page special layout */
.card.tab-card + .grid.two{align-items:start!important}.card.tab-card + .grid.two .card{min-height:220px}.tab-pane h2:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--ai-primary),var(--ai-gold));margin-right:10px;vertical-align:middle}.tab-pane .form{position:relative}.tab-pane .form:after{content:"AI Config Preview";position:absolute;right:0;top:-42px;background:#eef7ff;color:var(--ai-blue);border:1px solid #dbeafe;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.card:has(.tabs){background:linear-gradient(180deg,#fff,#f9fbff)!important}.card:has(.tabs) h2{font-size:22px!important}.table-wrap:has(td[colspan]){border-style:dashed!important}.table-wrap:has(td[colspan]) td:before{content:"📡 ";font-size:18px}
@media(max-width:1100px){.grid.two,.grid.three,.grid.four,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.form .btn.full{justify-self:stretch!important;width:100%!important}.tabs{grid-template-columns:1fr!important}.tab-pane .form:after{position:static;display:inline-flex;margin-bottom:12px}.main{padding:18px!important}}
@media(max-width:700px){.card{padding:17px!important;border-radius:18px!important}.topbar.card,.top-card{padding:18px!important}.topbar h1,.top-card h1{font-size:24px!important}.sidebar{border-radius:0!important}.tabs button,.tabs a,.tab-btn{height:48px!important}.btn.full{width:100%!important}.form .btn.full{width:100%!important}.row{grid-template-columns:1fr!important}}


/* v41.4 Arial Clean Typography + hidden technical logs */
:root{--font-main:Arial, Helvetica, sans-serif;}
html,body,button,input,select,textarea,table,th,td,a,p,span,div,label,small,strong,b,h1,h2,h3,h4,h5,h6{font-family:var(--font-main)!important;}
body{font-weight:400!important;letter-spacing:0!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2,h3,h4,h5,h6,.title,.section-title h3,.brand b,.stat b,.v28-stat b,.card-title,.page-title,.login h1,.login h2,.v41-auth-hero h1,.v41-auth-panel h1,.v41-auth-panel h2{font-weight:500!important;}
b,strong,.btn,button,.nav a,.tabs button,.tabs a,label,th,.badge,.pill,.tag,.eyebrow,.mini-kpi b{font-weight:400!important;}
input,select,textarea{font-weight:400!important;}
.codebox.log-mini,.codebox.update-log,.update-log,.log-mini{display:none!important;}
.install-clean-status{margin:10px 0 16px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;color:#64748b;font-size:13px;font-weight:400!important;}
/* Softer visual hierarchy */
.card h1,.card h2,.card h3,.page-hero h1,.page-hero h2{color:#212121!important;}
.muted,.subtext,.page-hero p,.section-title p{color:#757575!important;font-weight:400!important;}
.btn-red,.btn-primary{box-shadow:0 4px 16px rgba(211,47,47,.16)!important;}


/* v41.6 PT Smarttech Digital Abadi branding + VPS Upload Ready */
:root{--sda-red:#D32F2F;--sda-gold:#FFB300;--sda-blue:#0D47A1;--sda-bg:#F4F7F9;--sda-card:#FFFFFF;--sda-text:#212121;--sda-muted:#757575;--sda-line:#E5E7EB;--sda-shadow:0 4px 20px rgba(0,0,0,.05)}
body{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;background:var(--sda-bg)!important;color:var(--sda-text)!important}body b,body strong,.nav a,label,.btn,.badge,.pill{font-weight:600!important}h1,h2,h3,.brand b{font-weight:600!important}.muted,small,p{font-weight:400!important;color:var(--sda-muted)!important}
.smarttech-branding{display:flex!important;align-items:center!important;gap:12px!important;padding:18px 10px 20px!important;border-bottom:1px solid var(--sda-line)!important}.brand-logo-img{width:72px!important;max-height:58px!important;object-fit:contain!important;display:block!important}.brand-copy b{font-size:15px!important;line-height:1.15!important;color:var(--sda-blue)!important}.brand-copy small{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--sda-muted)!important}.sidebar{background:#fff!important}.side-footer b{color:var(--sda-blue)!important}.side-footer small{display:block!important;margin:3px 0 12px!important}
.auth-logo-img{width:170px!important;max-width:78%!important;height:auto!important;object-fit:contain!important;display:block!important;margin:0 auto 28px!important;filter:drop-shadow(0 16px 28px rgba(0,0,0,.25))}.install-visual .auth-logo-img,.auth-visual .auth-logo-img{background:rgba(255,255,255,.92);border-radius:22px;padding:12px;box-shadow:0 18px 42px rgba(0,0,0,.18)}.gate-logo-img{width:220px!important;max-width:82%!important;height:auto!important;object-fit:contain!important;margin:0 auto 22px!important;display:block!important}.install-visual h1,.auth-visual h1{font-family:Arial,Helvetica,sans-serif!important;font-weight:600!important;line-height:1.12!important}.eyebrow{font-weight:600!important;color:var(--sda-red)!important}.card,.top-card,.stat,.modal-panel,.setup-card,.login-card,.auth-shell,.install-shell,.table-card,.form-card,.settings-card,.gateway-card,.nas-card,.package-card,.payment-gateway-card{border-radius:16px!important;background:#fff!important;box-shadow:var(--sda-shadow)!important;border:1px solid var(--sda-line)!important}.btn-red,.btn-primary{background:linear-gradient(135deg,var(--sda-red),#E53935)!important;color:#fff!important}.btn-yellow{background:linear-gradient(135deg,var(--sda-gold),#FBC02D)!important;color:#212121!important}.btn-dark{background:linear-gradient(135deg,var(--sda-blue),#1565C0)!important;color:#fff!important}.nav a.active,.nav a:hover{background:linear-gradient(90deg,rgba(211,47,47,.10),#fff)!important;color:var(--sda-red)!important;box-shadow:inset 3px 0 0 var(--sda-red)!important}.nav a.active .ico,.nav a:hover .ico{background:var(--sda-red)!important;color:#fff!important}.searchbox.compact{max-width:650px!important}.app-footer{padding:18px 24px;color:var(--sda-muted);font-size:12px;text-align:center}
@media(max-width:900px){.brand-logo-img{width:62px!important}.smarttech-branding{justify-content:flex-start!important}.auth-logo-img{width:145px!important}}

/* v41.8 Compact Modern AI Payment Gateway */
.pg-ai-wrap{max-width:1180px;margin:0 auto 28px;display:grid;gap:18px;font-family:Arial,Helvetica,sans-serif;color:#212121}.pg-ai-hero{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:18px;align-items:center;background:linear-gradient(135deg,#fff,rgba(244,247,249,.78));border:1px solid #e5e7eb;border-radius:18px;padding:22px 24px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.pg-ai-hero h1{margin:8px 0 6px;font-size:26px;font-weight:500;color:#212121}.pg-ai-hero p{margin:0;color:#757575;font-size:14px}.pg-ai-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#fff4f4;color:#D32F2F;font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.pg-ai-chip.soft{background:#eef6ff;color:#1565C0}.pg-ai-callback{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:12px 14px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.pg-ai-callback small{display:block;color:#757575;margin-bottom:7px}.pg-ai-callback div{display:flex;gap:8px;align-items:center}.pg-ai-callback code{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f4f7f9;border-radius:12px;padding:11px 12px;color:#0D47A1;font-size:12px}.pg-ai-callback button{border:0;border-radius:12px;padding:10px 14px;background:#D32F2F;color:#fff;cursor:pointer}.pg-ai-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pg-ai-kpis div{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.pg-ai-kpis b{display:block;font-size:20px;font-weight:500;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-ai-kpis span{display:block;margin-top:5px;color:#757575;font-size:13px}.pg-ai-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.pg-ai-list.card,.pg-ai-editor.card,.pg-ai-status.card{padding:18px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 4px 20px rgba(0,0,0,.05)!important;border:1px solid #e5e7eb!important}.pg-ai-list h3,.pg-ai-editor h2,.pg-ai-status h3{margin:0 0 14px;font-size:18px;font-weight:500;color:#212121}.pg-ai-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid transparent;border-radius:16px;text-decoration:none;color:#212121;margin-bottom:9px;transition:.2s ease}.pg-ai-item:hover,.pg-ai-item.active{background:#f8fafc;border-color:#e5e7eb;transform:translateY(-1px)}.pg-ai-item.active{box-shadow:inset 3px 0 0 #D32F2F}.pg-ai-item i{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#1565C0,#42A5F5);color:#fff;display:grid;place-items:center;font-style:normal}.pg-ai-item b{display:block;font-weight:500;font-size:14px;color:#212121}.pg-ai-item small{display:block;color:#757575;font-size:12px}.pg-ai-item em{display:flex;flex-direction:column;gap:4px;font-style:normal}.ok-dot,.def-dot{padding:4px 7px;border-radius:999px;font-size:10px!important}.ok-dot{background:#e8f5e9;color:#2e7d32!important}.def-dot{background:#fff8e1;color:#ef6c00!important}.pg-ai-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eef2f7}.pg-ai-editor-head p{margin:5px 0 0;color:#757575;font-size:13px}.pg-ai-actions{display:flex;gap:8px;flex-wrap:wrap}.pg-ai-actions .btn{height:38px;padding:0 14px!important;font-size:13px}.pg-toggle-row{display:grid;grid-template-columns:1fr 1fr 160px;gap:12px;margin-bottom:13px}.pg-toggle-row label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;color:#334155;font-size:13px}.pg-toggle-row input[type=checkbox]{width:18px;height:18px}.pg-toggle-row select{height:38px!important;border-radius:12px!important}.pg-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pg-field-grid label{display:block;margin:0 0 6px;font-size:12px;color:#526075;font-weight:400!important}.pg-field-grid input,.pg-field-grid select{height:42px!important;border-radius:12px!important;font-size:13px!important;background:#fff!important}.pg-save-row{display:flex;justify-content:flex-end;margin-top:14px}.pg-save-row .btn{min-width:190px;height:42px}.pg-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pg-status-card{border:1px solid #e5e7eb;border-radius:16px;padding:13px;background:#f8fafc}.pg-status-card b{display:block;font-size:14px;font-weight:500;margin-bottom:9px;color:#212121}.pg-status-card small{display:block;margin-top:8px;color:#757575;font-size:12px;line-height:1.4}.pg-status-card .badge{font-size:11px;padding:5px 9px!important;font-weight:400!important}@media(max-width:1200px){.pg-ai-hero{grid-template-columns:1fr}.pg-ai-grid{grid-template-columns:1fr}.pg-ai-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pg-ai-list h3{grid-column:1/-1}.pg-ai-item{margin:0}.pg-status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pg-ai-wrap{gap:14px}.pg-ai-hero,.pg-ai-list.card,.pg-ai-editor.card,.pg-ai-status.card{padding:15px!important}.pg-ai-kpis,.pg-toggle-row,.pg-field-grid,.pg-status-grid,.pg-ai-list{grid-template-columns:1fr}.pg-ai-editor-head{display:block}.pg-ai-actions{margin-top:12px}.pg-ai-callback div{display:block}.pg-ai-callback button{width:100%;margin-top:8px}.pg-save-row .btn{width:100%}}

/* v41.9 Configuration Pool Center Modern AI */
.ai-page-head{
  background:linear-gradient(135deg,#ffffff 0%,#fff7f7 46%,#f4f7f9 100%);
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:22px 24px;
  margin-bottom:16px;
  box-shadow:0 4px 20px rgba(0,0,0,.05);
}
.ai-page-head h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:28px;margin:8px 0 6px;color:#212121!important;letter-spacing:-.02em}
.ai-page-head p{font-size:14px;line-height:1.6;margin:0;max-width:980px}
.ai-kpi-row.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.ai-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px;box-shadow:0 4px 20px rgba(0,0,0,.045);min-height:96px;display:flex;flex-direction:column;justify-content:center}
.ai-kpi-card span{color:#757575;font-size:13px}.ai-kpi-card b{font-size:30px;font-weight:500;color:#212121;line-height:1.1}.ai-kpi-card small{color:#757575;margin-top:4px}
.ai-config-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:16px;align-items:start}
.ai-form-card,.ai-preview-card{border-radius:18px!important;box-shadow:0 4px 20px rgba(0,0,0,.05)!important}.compact-form{gap:12px!important}.compact-form input,.compact-form select,.compact-form textarea{min-height:44px!important;padding:10px 12px!important;border-radius:12px!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important}.compact-form label{font-family:Arial,Helvetica,sans-serif!important;font-weight:500!important;color:#212121!important;font-size:13px!important}.ai-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}.ai-actions .btn{width:auto!important;min-width:150px;font-weight:500!important}.switch-line{display:flex;align-items:center;gap:10px;margin:2px 0;color:#344054!important;font-weight:400!important}.switch-line input{width:auto!important;min-height:auto!important}.ai-info-box{border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px}.ai-info-box b{font-weight:500;color:#0d47a1}.ai-info-box span{color:#757575;font-size:13px}.ai-flow-list{display:grid;gap:10px;margin-top:12px}.ai-flow-list div{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff}.ai-flow-list b{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#ffebee;color:#d32f2f;font-weight:500}.ai-flow-list span{font-weight:500;color:#212121}.ai-flow-list small{grid-column:2;color:#757575;margin-top:-8px}.pool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pool-tile{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:16px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.pool-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pool-title b{font-weight:500;color:#0d47a1}.empty-state{border:1px dashed #d7dee7;border-radius:16px;background:#fff;padding:24px;text-align:center;color:#757575;grid-column:1/-1}.ai-package-grid .package-card{border-radius:18px!important;box-shadow:0 4px 20px rgba(0,0,0,.05)!important}.ai-package-grid .package-card h3{font-weight:500!important}.package-card .price{font-weight:500!important;color:#d32f2f!important;font-size:24px;margin:10px 0}
@media(max-width:1200px){.ai-config-grid{grid-template-columns:1fr}.pool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.ai-kpi-row.compact,.pool-card-grid{grid-template-columns:1fr}.ai-actions{justify-content:stretch}.ai-actions .btn{width:100%!important}}


.auto-read-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.auto-read-field input{margin:0!important}
#pushServerIp{background:#f8fafc;font-weight:500;color:#0f172a}
#pushServerSource{display:block;margin-top:6px;color:#64748b}
@media(max-width:640px){.auto-read-field{grid-template-columns:1fr}.auto-read-field .btn{width:100%}}
.pool-push-line{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;align-items:center}
.pool-push-line select{height:40px;border:1px solid #e5e7eb;border-radius:12px;padding:0 10px;background:#f8fafc;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#212121}
.pool-push-line .btn{height:40px;padding:0 14px;font-weight:500!important;white-space:nowrap}
#pool-push-result{margin:12px 0}
@media(max-width:780px){.pool-push-line{grid-template-columns:1fr}.pool-push-line .btn{width:100%}}

/* v41.12 About Page */
.about-head{margin-bottom:18px}.about-hero{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:center;padding:28px;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f8fbff 60%,#eef6ff 100%)}
.about-logo-box{min-height:150px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.06)}
.about-logo-box img{max-width:160px;max-height:110px;object-fit:contain}.about-copy h2{margin:8px 0 10px;font-weight:500;color:#212121}.about-copy p,.about-card p{font-weight:400;color:#757575;line-height:1.7}.about-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.about-meta-grid div{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 4px 18px rgba(0,0,0,.04)}.about-meta-grid small{display:block;color:#757575;margin-bottom:4px}.about-meta-grid b{font-weight:500;color:#1565C0}.about-grid{margin-top:16px}.about-card h3,.about-editor h3{font-weight:500}.about-editor textarea{width:100%;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;font-family:Arial,Helvetica,sans-serif;font-size:14px;resize:vertical;background:#fff}.about-editor textarea:focus{outline:none;border-color:#1565C0;box-shadow:0 0 0 4px rgba(21,101,192,.08)}
@media(max-width:900px){.about-hero{grid-template-columns:1fr}.about-meta-grid{grid-template-columns:1fr}.about-logo-box{min-height:120px}}


/* v41.13 customer form modern AI */
.customer-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,247,247,.88));border:1px solid rgba(226,232,240,.95);border-radius:22px;padding:22px 24px;margin-bottom:16px;box-shadow:0 10px 30px rgba(16,24,40,.05)}
.ai-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#fff1f1;color:#c01048;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-bottom:8px}.customer-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:600;margin:0 0 5px}.customer-quick{display:flex;gap:10px;flex-wrap:wrap}.customer-quick span{min-width:88px;background:#fff;border:1px solid #edf0f6;border-radius:16px;padding:10px 12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.customer-quick b{display:block;font-size:22px;font-weight:500;color:#212121}.customer-quick small{color:#757575}.customer-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.customer-mini-card{background:#fff;border:1px solid #edf0f6;border-radius:18px;padding:15px;display:grid;gap:4px;box-shadow:0 8px 24px rgba(15,23,42,.045)}.customer-mini-card b{font-size:20px;font-weight:500}.customer-mini-card small{color:#757575}.cm-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;margin-bottom:4px}.cm-icon.green{background:#ecfdf3}.cm-icon.blue{background:#eff6ff}.cm-icon.red{background:#fff1f1}.cm-icon.gold{background:#fffbeb}.customer-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 360px;gap:16px;align-items:start}.customer-form-card,.customer-help-card,.customer-list-card{border-radius:22px;border:1px solid #edf0f6;box-shadow:0 10px 30px rgba(16,24,40,.05)}.customer-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.customer-section-head h2{font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:500;margin:0 0 4px}.customer-section-head p{margin:0}.customer-form{display:grid;gap:16px}.form-block{background:linear-gradient(135deg,#fff,#fbfcff);border:1px solid #edf0f6;border-radius:18px;padding:16px}.form-block h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;margin:0 0 12px}.clean-grid{gap:12px;margin-bottom:12px}.customer-form input,.customer-form select,.customer-form textarea{min-height:42px;border-radius:12px;border-color:#d9dee8;font-family:Arial,Helvetica,sans-serif;font-weight:400}.customer-form label{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500;color:#344054}.package-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.package-preview div{border:1px solid #edf0f6;border-radius:14px;background:#f8fafc;padding:10px}.package-preview small{display:block;color:#757575;margin-bottom:4px}.package-preview b{font-weight:500;color:#212121}.customer-actions{display:flex;justify-content:flex-end;gap:10px}.customer-actions .btn{min-width:150px}.flow-list{display:grid;gap:10px}.flow-list div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #edf0f6;border-radius:16px;background:#fbfcff}.flow-list span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#d32f2f,#e53935);color:#fff;display:grid;place-items:center;font-weight:600}.flow-list b{font-weight:500}.flow-list small{grid-column:2;color:#757575;margin-top:-6px}.soft-note{margin-top:14px;border-radius:16px;background:#ecfdf3;color:#027a48;padding:13px;line-height:1.45}.customer-list-card table b{font-weight:500}.customer-empty{border:0;background:#f8fafc}.badge{font-weight:500}.btn{font-family:Arial,Helvetica,sans-serif;font-weight:500}.btn-red{background:linear-gradient(135deg,#d32f2f,#e53935)}
@media(max-width:1180px){.customer-layout{grid-template-columns:1fr}.customer-help-card{order:-1}.customer-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.customer-hero{display:block}.customer-quick{margin-top:14px}.customer-kpi-grid,.package-preview{grid-template-columns:1fr}.customer-section-head{display:block}.customer-actions{display:grid}.customer-actions .btn{width:100%}}


/* v41.17 Soft Pastel Estetik & Kalem Theme */
:root{
  --pastel-bg:#FDFBF7;
  --pastel-bg-soft:#F8F6F2;
  --pastel-card:#FFFFFF;
  --pastel-mint:#A8E6CF;
  --pastel-mint-dark:#7FD9B4;
  --pastel-blue:#DED9E2;
  --pastel-blue-soft:#C9D7F2;
  --pastel-success:#8FD9B6;
  --pastel-warning:#FFD9A0;
  --pastel-danger:#F7C6C7;
  --pastel-info:#BFDFFF;
  --pastel-text:#2E3440;
  --pastel-muted:#7B8794;
  --pastel-border:#ECE8E1;
  --pastel-shadow:0 10px 30px rgba(46,52,64,.045);
}
html,body{font-family:Arial,Helvetica,sans-serif!important}
body{
  background:
    radial-gradient(circle at 9% 4%,rgba(168,230,207,.26),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(222,217,226,.32),transparent 28%),
    linear-gradient(180deg,#FDFBF7 0%,#F8F6F2 100%)!important;
  color:var(--pastel-text)!important;
  font-weight:400!important;
}
.sidebar{
  background:rgba(255,255,255,.92)!important;
  border-right:1px solid var(--pastel-border)!important;
  box-shadow:10px 0 30px rgba(46,52,64,.035)!important;
  backdrop-filter:blur(16px)!important;
}
.brand,.v18-brand{background:linear-gradient(135deg,#fff,#F9F7F2)!important;border:1px solid var(--pastel-border)!important;box-shadow:var(--pastel-shadow)!important}
.logo,.smarttech-logo{background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-blue-soft))!important;color:#2E3440!important;box-shadow:0 16px 30px rgba(168,230,207,.24)!important}
.brand b,.brand h2,.brand-text h2{color:#2E3440!important;font-weight:600!important}.brand small,.brand span,.brand-text span{color:var(--pastel-muted)!important}
.nav-group{color:#A0A7B3!important;font-weight:600!important}.nav a{color:#3D4654!important;font-weight:400!important;border-radius:16px!important}.nav a .ico{background:#F3F6F4!important;color:#6E7C89!important}.nav a.active,.nav a:hover{background:linear-gradient(135deg,#EAFBF3,#F7F4FA)!important;color:#2E3440!important;box-shadow:inset 3px 0 0 var(--pastel-mint-dark),0 12px 24px rgba(168,230,207,.18)!important}.nav a.active .ico,.nav a:hover .ico{background:var(--pastel-mint)!important;color:#2E3440!important}
.main{background:transparent!important}.topbar,.v28-topline,.mobile-top{background:rgba(253,251,247,.82)!important;border:1px solid var(--pastel-border)!important;box-shadow:var(--pastel-shadow)!important;backdrop-filter:blur(18px)!important}
.searchbox.compact,.top-icon,.notif,.user-pill{background:rgba(255,255,255,.92)!important;border:1px solid var(--pastel-border)!important;box-shadow:0 8px 24px rgba(46,52,64,.035)!important}.user-pill span{background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-blue-soft))!important;color:#2E3440!important}
.card,.top-card,.modal-panel,.setup-card,.login-card,.auth-shell,.install-shell{background:rgba(255,255,255,.94)!important;border:1px solid var(--pastel-border)!important;border-radius:22px!important;box-shadow:var(--pastel-shadow)!important;backdrop-filter:blur(12px)!important}.card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(46,52,64,.06)!important}
h1,h2,h3{color:var(--pastel-text)!important;font-weight:600!important}.eyebrow{color:#5FAE91!important;font-weight:600!important}.muted,p,small{color:var(--pastel-muted)!important}
.st-hero-noc{background:linear-gradient(135deg,#FFFFFF 0%,#EAFBF3 42%,#F7F4FA 100%)!important;color:var(--pastel-text)!important;border:1px solid var(--pastel-border)!important;box-shadow:var(--pastel-shadow)!important}.st-hero-noc h2{color:var(--pastel-text)!important}.st-hero-noc p,.hero-clock small,.hero-clock span{color:var(--pastel-muted)!important}.hero-pill,.hero-clock{background:rgba(255,255,255,.62)!important;border:1px solid var(--pastel-border)!important;color:#3D4654!important}.hero-clock b{color:var(--pastel-text)!important}
.stat,.v28-stat{background:linear-gradient(135deg,#FFFFFF 0%,#F7FCF9 100%)!important;border:1px solid var(--pastel-border)!important;border-radius:22px!important;box-shadow:var(--pastel-shadow)!important}.stat:after,.v28-stat:after{background:radial-gradient(circle,rgba(168,230,207,.34),transparent 68%)!important}.stat h3,.v28-stat h3{font-weight:500!important;color:#2E3440!important}.stat p,.v28-stat p{font-weight:500!important;color:#5F6B7A!important}.v18-icon{background:linear-gradient(135deg,#EAFBF3,var(--pastel-mint))!important;color:#2E3440!important;box-shadow:0 12px 28px rgba(168,230,207,.2)!important}.v18-icon.blue{background:linear-gradient(135deg,#F7F4FA,var(--pastel-blue-soft))!important}.v18-icon.orange,.v18-icon.yellow{background:linear-gradient(135deg,#FFF8EA,var(--pastel-warning))!important}.v18-icon.red{background:linear-gradient(135deg,#FFF3F3,var(--pastel-danger))!important}
.tag,.badge.ok,.ok{background:#EAFBF3!important;color:#367B63!important}.tag.blue,.badge.info{background:#F1F4FF!important;color:#526A98!important}.tag.orange,.tag.yellow,.warn{background:#FFF8EA!important;color:#9B6A22!important}.tag.red,.bad{background:#FFF1F2!important;color:#A45B62!important}
input,select,textarea{background:#fff!important;border:1px solid var(--pastel-border)!important;border-radius:14px!important;color:#2E3440!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}input:focus,select:focus,textarea:focus{border-color:var(--pastel-mint-dark)!important;box-shadow:0 0 0 4px rgba(168,230,207,.24)!important}label{font-weight:500!important;color:#3D4654!important}
.btn{border-radius:14px!important;font-weight:500!important;box-shadow:0 10px 24px rgba(46,52,64,.04)!important}.btn-red,.btn-primary{background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-mint-dark))!important;color:#2E3440!important}.btn-dark{background:#DED9E2!important;color:#2E3440!important}.btn-green{background:linear-gradient(135deg,#C9F2E2,var(--pastel-mint))!important;color:#2E3440!important}.btn-yellow{background:linear-gradient(135deg,#FFE8B8,var(--pastel-warning))!important;color:#2E3440!important}.btn-light,.btn-secondary{background:#F7F4FA!important;color:#2E3440!important;border:1px solid var(--pastel-border)!important}
.table-wrap,table{border-color:var(--pastel-border)!important;border-radius:18px!important}th{background:#F8F6F2!important;color:#6B7280!important;font-weight:500!important}td{font-weight:400!important;color:#2E3440!important;border-color:var(--pastel-border)!important}
.meter-track,.progress-bar{background:#EFECE6!important}.meter-track i,.progress-bar i{background:linear-gradient(90deg,var(--pastel-mint-dark),#A8E6CF)!important}.meter-track.red i{background:linear-gradient(90deg,#F7C6C7,#FFD9A0)!important}.mini-kpi,.routerbox-head,.info-pill{background:#FCFAF6!important;border:1px solid var(--pastel-border)!important;border-radius:14px!important}
.notice{background:#EAFBF3!important;color:#367B63!important;border:1px solid #C8F1E0!important}.error{background:#FFF1F2!important;color:#A45B62!important;border:1px solid #F8D7DA!important}.empty{background:#FCFAF6!important;border:1px dashed var(--pastel-border)!important;color:var(--pastel-muted)!important}
.modal{background:rgba(46,52,64,.32)!important;backdrop-filter:blur(8px)!important}.modal-panel{max-width:760px!important}.gateway-card,.pay-card,.package-card,.customer-card{background:linear-gradient(135deg,#fff,#FCFAF6)!important;border:1px solid var(--pastel-border)!important;border-radius:20px!important;box-shadow:var(--pastel-shadow)!important}
.tabs,.st-tabs,.tabbar{background:#F8F6F2!important;border:1px solid var(--pastel-border)!important;border-radius:18px!important}.tabs a,.tabs button,.tabbar button{font-weight:500!important;border-radius:14px!important}.tabs .active,.tabbar .active{background:#fff!important;box-shadow:0 8px 22px rgba(46,52,64,.045)!important;color:#367B63!important}
@media(max-width:900px){.card,.top-card{border-radius:18px!important}.sidebar{background:#fff!important}}

/* Smarttech PPPoE clickable cards */
.st-click-card{display:block;text-decoration:none;color:inherit;transition:.18s;cursor:pointer}.st-click-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(16,24,40,.12);border-color:#fecaca}.st-click-card h3,.st-click-card p{color:inherit}


/* Smarttech v12 Corporate UI Cleanup + Top Login/Logout */
:root{
  --st-bg:#f7fafc;
  --st-card:#ffffff;
  --st-border:#e9eef3;
  --st-text:#1f2937;
  --st-muted:#6b7280;
  --st-green:#7bdcb5;
  --st-red:#e53935;
  --st-red-dark:#c62828;
  --st-soft:#f8fbfa;
}
body{background:linear-gradient(110deg,#f4f9ff 0%,#fbfbf7 46%,#fff7f7 100%);color:var(--st-text)}
.layout.v28-shell{background:transparent}
.sidebar.v18-sidebar{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-right:1px solid var(--st-border);box-shadow:8px 0 30px rgba(15,23,42,.04)}
.brand.v18-brand{background:#fff;border:1px solid var(--st-border);border-radius:18px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.brand-logo-img{object-fit:contain}
.nav a{border-radius:14px;margin:4px 8px;padding:11px 12px;transition:.18s;color:#374151}
.nav a:hover{background:#f6fbf9;transform:translateX(2px)}
.nav a.active{background:linear-gradient(90deg,rgba(123,220,181,.25),rgba(255,255,255,.8));border-left:4px solid var(--st-green);color:#0f5132;box-shadow:0 8px 20px rgba(123,220,181,.14)}
.nav-group{font-size:11px;letter-spacing:.12em;color:#9ca3af;margin:18px 16px 8px;text-transform:uppercase}
.main.v18-main{padding:22px}
.v28-topline{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border:1px solid rgba(233,238,243,.8);border-radius:20px;margin-bottom:16px;padding:10px 12px;box-shadow:0 12px 38px rgba(15,23,42,.045)}
.searchbox.compact{background:#fff;border:1px solid var(--st-border);border-radius:999px;box-shadow:inset 0 1px 2px rgba(15,23,42,.03);max-width:620px}
.searchbox.compact input{font-size:14px}
.top-actions.st-top-right{display:flex;align-items:center;gap:8px;white-space:nowrap}
.top-icon{width:38px;height:38px;border:1px solid var(--st-border);background:#fff;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#374151;cursor:pointer}
.top-icon:hover{background:#f7fbfa}
.sync-status{height:38px;padding:0 12px;border:1px solid #bcf3d6;background:#ecfff5;color:#087443;border-radius:999px;display:flex;align-items:center;gap:7px;font-size:12px}
.sync-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
.user-pill{height:38px;background:#fff;border:1px solid var(--st-border);border-radius:999px;padding:4px 12px 4px 5px;display:flex;align-items:center;gap:8px}
.user-pill span{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a7f3d0,#dbeafe);display:flex;align-items:center;justify-content:center;font-weight:800;color:#0f5132}
.st-logout-top{height:38px;display:inline-flex;align-items:center;border-radius:999px;padding:0 16px;text-decoration:none}
.topbar.card,.card{background:rgba(255,255,255,.92);border:1px solid var(--st-border);border-radius:22px;box-shadow:0 18px 52px rgba(15,23,42,.055)}
.card{padding:20px}
.grid .card,.stat{min-height:108px}
.table-wrap{border:1px solid var(--st-border);border-radius:18px;overflow:auto;background:#fff}
table{border-collapse:separate;border-spacing:0;width:100%}
th{background:#fafaf8;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.03em}
td,th{padding:14px 16px;border-bottom:1px solid #f0f2f4}
tr:last-child td{border-bottom:0}
.btn{border-radius:13px;border:1px solid transparent;box-shadow:none;transition:.16s}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:linear-gradient(135deg,var(--st-red),var(--st-red-dark));color:#fff;border-color:transparent}
.btn-green{background:linear-gradient(135deg,#88e3bd,#5ed1a4);color:#064e3b}
.btn-yellow{background:#ffe7ad;color:#7c4a03}
.btn-light{background:#fff;border-color:var(--st-border);color:#374151}
.badge{border-radius:999px;padding:6px 10px;font-size:12px}
.notice{border-radius:16px;background:#ecfff5;border:1px solid #bcf3d6;color:#087443;padding:13px 16px;margin:14px 0}
.error{border-radius:16px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;padding:13px 16px;margin:14px 0}
.side-footer{padding:16px;color:#6b7280}
.sync-mini{font-size:11px;color:#087443;margin-top:6px;background:#ecfff5;border:1px solid #bcf3d6;border-radius:999px;padding:7px 9px;text-align:center}
.st-compact .topbar.card{display:none}
.st-compact .card{border-radius:18px}
.st-compact .main.v18-main{padding:14px}
@media(max-width:900px){
  .top-actions.st-top-right{gap:5px;overflow:auto}
  .sync-status{display:none}
  .st-logout-top{padding:0 12px}
  .v28-topline{border-radius:16px}
}


/* Login centered fallback */
body.login-body{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;margin:0!important;padding:0!important}
.login-center-wrap{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 20px;box-sizing:border-box}
.login-center-wrap .auth-shell.card{margin:0 auto!important;width:min(1080px,94vw)!important;max-width:1080px!important}

/* Smarttech Radius v12.3 - NAS Enterprise Workflow */
.nas-workflow-card{padding:22px!important}
.nas-workflow-head{margin-bottom:14px!important}
.nas-action-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 16px}
.nas-action-box{border:1px solid var(--st-border,#e5e7eb);border-radius:18px;background:linear-gradient(135deg,#fff,#fbfffd);padding:15px;box-shadow:0 10px 28px rgba(15,23,42,.035)}
.nas-action-box small{display:block;margin-bottom:10px;color:#64748b;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.nas-action-box .actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-start!important}
.nas-action-box .btn{min-height:40px;padding:9px 14px!important;white-space:nowrap}
.nas-list-card{padding:20px!important}
.nas-card-grid{display:grid;grid-template-columns:1fr;gap:14px}
.nas-device-card{border:1px solid var(--st-border,#e5e7eb);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.045);padding:18px}
.nas-device-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:14px}
.nas-device-head h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#1f2937}.nas-device-head p{margin:0}
.nas-device-body{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.nas-device-body div{border:1px solid #eef2f7;background:#f8fafc;border-radius:15px;padding:11px 12px;min-height:62px}
.nas-device-body small{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-weight:700}
.nas-device-body b{font-size:13px;color:#273142;word-break:break-word}.nas-device-body .secret-chip{display:inline-flex!important;width:auto!important}
.nas-device-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.nas-device-actions .btn{min-height:40px;padding:9px 14px!important;white-space:nowrap}
.nas-more{position:relative}.nas-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center}.nas-more summary::-webkit-details-marker{display:none}
.nas-more-menu{position:absolute;right:0;top:46px;z-index:20;width:230px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 45px rgba(15,23,42,.16);padding:8px;display:grid;gap:4px}
.nas-more-menu a,.nas-more-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;text-decoration:none;color:#273142;font:inherit;font-size:13px;padding:10px 12px;border-radius:11px;cursor:pointer}
.nas-more-menu a:hover,.nas-more-menu button:hover{background:#f8fafc}.nas-more-menu .danger{color:#b42318;background:#fff5f5}
@media(max-width:1180px){.nas-action-groups{grid-template-columns:1fr}.nas-device-body{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.nas-device-head{display:block}.nas-device-head .badge{margin-top:10px}.nas-device-body{grid-template-columns:1fr}.nas-device-actions{display:grid}.nas-device-actions .btn,.nas-more summary{width:100%;justify-content:center}.nas-more-menu{position:static;width:100%;margin-top:8px}.nas-action-box .actions{display:grid}.nas-action-box .btn{width:100%}}

/* v12.7 Bugfix UI unification: rapihkan halaman, tabel, form, dan tombol agar tidak duplikat/berantakan */
.ai-page-head,.section-title,.customer-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ai-page-head h1,.section-title h3,.customer-section-head h2{margin:0;color:#172033;line-height:1.18}.ai-page-head p,.section-title p,.customer-section-head p{margin:5px 0 0}
.card + .card,.mt{margin-top:18px}.grid{gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
input,select,textarea{width:100%;box-sizing:border-box;border:1px solid #dfe7ef;border-radius:14px;background:#fff;padding:11px 13px;color:#172033;outline:none;transition:.15s;font:inherit}
input:focus,select:focus,textarea:focus{border-color:#79d8b4;box-shadow:0 0 0 4px rgba(121,216,180,.16)}
label{display:block;font-weight:700;color:#374151;font-size:12px;margin:0 0 7px}.clean-grid>div{min-width:0}
.form-block{border:1px solid #eef2f7;background:linear-gradient(135deg,#fff,#fbfffd);border-radius:18px;padding:16px;margin-bottom:14px}.form-block h3{font-size:15px;margin:0 0 14px;color:#1f2937}
.actions,.customer-actions,.row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;cursor:pointer;min-height:38px}.btn-sm{min-height:32px!important;padding:7px 11px!important}
.table-wrap table th,.table-wrap table td{vertical-align:middle}.table-wrap table tr:hover td{background:#fcfffd}.empty{padding:22px;text-align:center;border:1px dashed #dbe6ee;border-radius:16px;background:#fbfdff;color:#64748b}.empty.compact{padding:14px}
.badge.ok,.pill.ok{background:#ecfff5!important;color:#087443!important;border:1px solid #bcf3d6!important}.badge.bad,.pill.bad{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}.badge.warn,.pill.warn{background:#fffbeb!important;color:#92400e!important;border:1px solid #fde68a!important}
.customer-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px}.customer-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.customer-mini-card{background:#fff;border:1px solid #e8eef5;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.customer-mini-card b{display:block;font-size:22px;color:#172033}.customer-mini-card small{color:#64748b}.package-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.package-preview>div,.flow-list>div{border:1px solid #eef2f7;border-radius:15px;background:#f8fafc;padding:12px}.package-preview small,.flow-list small{display:block;color:#64748b}.package-preview b{display:block;color:#172033;margin-top:3px}.flow-list{display:grid;gap:10px}.flow-list span{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#ecfff5;color:#087443;font-weight:800;margin-right:8px}.soft-note{margin-top:14px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px}
@media(max-width:1100px){.customer-layout,.grid.two,.grid.three{grid-template-columns:1fr}.customer-kpi-grid,.package-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-topline{display:grid;gap:10px}.searchbox.compact{max-width:none;width:100%}}
@media(max-width:640px){.main.v18-main{padding:12px}.card{padding:16px;border-radius:18px}.customer-kpi-grid,.package-preview{grid-template-columns:1fr}.top-actions.st-top-right{flex-wrap:wrap}.user-pill b{display:none}.ai-page-head,.section-title,.customer-section-head{display:block}.customer-section-head .searchbox{margin-top:12px}}

/* SmartTech Global Auto Sync Topbar v42 */
.st-radius-autosync{cursor:pointer;border:0;font-family:inherit;min-width:142px;justify-content:center;transition:.18s ease;position:relative;overflow:hidden}
.st-radius-autosync small{font-size:10px;font-weight:900;opacity:.78;margin-left:2px;white-space:nowrap}
.sync-dot{width:9px;height:9px;border-radius:999px;background:#10b981;display:inline-block;box-shadow:0 0 0 5px rgba(16,185,129,.12)}
.st-radius-autosync.sync-busy .sync-dot{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.14);animation:stPulse 1s infinite}
.st-radius-autosync.sync-warn .sync-dot{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.14)}
.st-radius-autosync.sync-bad .sync-dot{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.14)}
.st-radius-autosync.sync-busy{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important}
.st-radius-autosync.sync-ok{background:#ecfff5!important;border-color:#bcf3d6!important;color:#087443!important}
.st-radius-autosync.sync-warn{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
.st-radius-autosync.sync-bad{background:#fef2f2!important;border-color:#fecaca!important;color:#991b1b!important}
@keyframes stPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}
@media(max-width:760px){.st-radius-autosync small{display:none}.st-radius-autosync{min-width:108px}}


/* SmartTech Radius v43 - Professional Modern AI Command Center */
.smart-ai-v43{background:
  radial-gradient(circle at 12% 0%,rgba(45,212,191,.16),transparent 32%),
  radial-gradient(circle at 88% 8%,rgba(59,130,246,.12),transparent 30%),
  linear-gradient(180deg,#f7fbff 0%,#fbfffd 46%,#f8fafc 100%);}
.smart-ai-v43 .sidebar{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px);border-right:1px solid rgba(226,232,240,.9)}
.smart-ai-v43 .v28-topline,.smart-ai-v43 .topbar.card,.smart-ai-v43 .card{box-shadow:0 18px 50px rgba(15,23,42,.055);border-color:rgba(226,232,240,.88)}
.smart-ai-v43 .v28-topline{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.84);backdrop-filter:blur(18px)}
.ai-noc-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid #c7f1df;background:linear-gradient(135deg,#ecfff5,#eef6ff);color:#075985;border-radius:999px;min-height:38px;padding:0 13px;font:inherit;font-weight:900;cursor:pointer;transition:.18s ease;box-shadow:0 8px 24px rgba(20,184,166,.08)}
.ai-noc-trigger:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(20,184,166,.14)}
.ai-noc-trigger small{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:900}.ai-orb{width:11px;height:11px;border-radius:50%;display:inline-block;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.13),0 0 18px rgba(34,197,94,.52);animation:stAiOrb 2.2s ease-in-out infinite}.ai-orb.warn{background:#f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.14),0 0 18px rgba(245,158,11,.45)}.ai-orb.bad{background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.13),0 0 18px rgba(239,68,68,.45)}
@keyframes stAiOrb{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.ai-command-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 16px;padding:14px 16px;border:1px solid rgba(125,211,252,.38);border-radius:22px;background:linear-gradient(135deg,rgba(236,253,245,.92),rgba(239,246,255,.94));box-shadow:0 16px 42px rgba(14,165,233,.07);position:relative;overflow:hidden}.ai-command-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:stAiSweep 7s infinite}.ai-strip-left{display:flex;align-items:center;gap:12px;position:relative}.ai-strip-left b{display:block;color:#0f172a}.ai-strip-left small{display:block;color:#64748b;margin-top:2px}.ai-spark{width:38px;height:38px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#14b8a6,#3b82f6);box-shadow:0 12px 28px rgba(59,130,246,.18)}.ai-strip-metrics{display:flex;gap:8px;flex-wrap:wrap;position:relative}.ai-strip-metrics span{border:1px solid rgba(148,163,184,.26);background:rgba(255,255,255,.72);border-radius:999px;padding:7px 10px;color:#334155;font-size:12px;font-weight:800;white-space:nowrap}@keyframes stAiSweep{0%{transform:translateX(-100%)}55%,100%{transform:translateX(120%)}}
.ai-modal .ai-panel{max-width:960px}.ai-panel-head{border-bottom:1px solid #eef2f7;margin-bottom:14px;padding-bottom:14px}.ai-noc-body{display:grid;gap:14px}.ai-score-card{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(135deg,#ffffff,#f8fbff);padding:18px}.ai-score-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#14b8a6 var(--score),#e5e7eb 0);position:relative}.ai-score-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.ai-score-ring b{position:relative;font-size:30px;color:#0f172a}.ai-score-card h4{margin:0 0 5px;font-size:20px;color:#0f172a}.ai-score-card p{margin:0;color:#64748b}.ai-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ai-metric{border:1px solid #e8eef5;background:#fff;border-radius:16px;padding:12px}.ai-metric small{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.ai-metric b{display:block;color:#0f172a;font-size:20px;margin-top:3px}.ai-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-list{border:1px solid #e8eef5;background:#fff;border-radius:18px;padding:14px}.ai-list h4{margin:0 0 10px;color:#0f172a}.ai-list ul{margin:0;padding-left:18px;color:#475569}.ai-list li{margin:7px 0}.ai-loading{padding:24px;border:1px dashed #cbd5e1;border-radius:18px;text-align:center;color:#64748b;background:#f8fafc}.ai-list.warn{background:#fffbeb;border-color:#fde68a}.ai-list.action{background:#eff6ff;border-color:#bfdbfe}.ai-list.good{background:#ecfff5;border-color:#bbf7d0}
@media(max-width:1040px){.ai-command-strip,.ai-score-card{grid-template-columns:1fr;display:grid}.ai-strip-metrics,.ai-list-grid,.ai-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ai-noc-trigger small{display:none}}
@media(max-width:680px){.ai-strip-metrics,.ai-list-grid,.ai-metric-grid{grid-template-columns:1fr}.ai-score-card{display:block}.ai-score-ring{margin:0 auto 14px}.ai-command-strip{border-radius:18px}.ai-noc-trigger b{display:none}}


/* SmartTech Radius v44 - Unified Professional Modern AI Theme */
:root{
  --v44-bg:#f6f9fc;
  --v44-surface:#ffffff;
  --v44-surface-soft:#f8fbff;
  --v44-text:#111827;
  --v44-muted:#64748b;
  --v44-border:#e2e8f0;
  --v44-primary:#0f766e;
  --v44-primary-2:#2563eb;
  --v44-success:#059669;
  --v44-danger:#dc2626;
  --v44-warning:#d97706;
  --v44-radius:18px;
  --v44-shadow:0 18px 48px rgba(15,23,42,.075);
  --v44-font:Inter,Arial,"Segoe UI",Roboto,sans-serif;
}
.smart-ai-v44{font-family:var(--v44-font);color:var(--v44-text);letter-spacing:-.01em;background:radial-gradient(circle at top left,rgba(15,118,110,.13),transparent 34%),radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 32%),linear-gradient(180deg,#f8fbff,#f6faf8 48%,#f8fafc)}
.smart-ai-v44 *{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.smart-ai-v44 ::-webkit-scrollbar{height:9px;width:9px}.smart-ai-v44 ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}
.smart-ai-v44 h1,.smart-ai-v44 h2,.smart-ai-v44 h3,.smart-ai-v44 h4{letter-spacing:-.035em;color:#0f172a}.smart-ai-v44 .muted{color:var(--v44-muted);line-height:1.55}
.smart-ai-v44 .sidebar{background:rgba(255,255,255,.86)!important;border-right:1px solid rgba(226,232,240,.9);box-shadow:8px 0 40px rgba(15,23,42,.035)}
.smart-ai-v44 .brand{border-radius:22px!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 14px 34px rgba(15,23,42,.055)}
.smart-ai-v44 .brand-copy b{text-transform:none;letter-spacing:-.02em;color:#0f172a}.smart-ai-v44 .brand-copy small{text-transform:uppercase;letter-spacing:.12em;color:#64748b;font-weight:900}
.smart-ai-v44 .nav-group{font-size:10.5px;font-weight:900;color:#94a3b8;letter-spacing:.16em}.smart-ai-v44 .nav a{border-radius:15px;color:#475569;font-weight:750;transition:.18s ease;border:1px solid transparent}.smart-ai-v44 .nav a:hover{background:#f8fafc;color:#0f172a;border-color:#e2e8f0;transform:translateX(2px)}.smart-ai-v44 .nav a.active{background:linear-gradient(135deg,#ecfdf5,#eff6ff)!important;color:#0f766e!important;border:1px solid #c7f1df!important;border-left:4px solid #0f766e!important;box-shadow:0 10px 28px rgba(15,118,110,.12)!important}
.smart-ai-v44 .v28-topline{border-radius:24px;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.92);box-shadow:0 20px 55px rgba(15,23,42,.07)}
.smart-ai-v44 .topbar.card,.smart-ai-v44 .card,.smart-ai-v44 .modal-panel{border-radius:24px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(226,232,240,.94)!important;box-shadow:var(--v44-shadow)!important}.smart-ai-v44 .card:hover{box-shadow:0 22px 58px rgba(15,23,42,.09)!important}
.smart-ai-v44 .eyebrow{font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#0f766e;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;display:inline-flex;padding:6px 10px;margin-bottom:9px}.smart-ai-v44 .topbar h1{font-size:25px;margin:0 0 4px}.smart-ai-v44 .ai-command-strip{border-radius:24px;border-color:#bfdbfe;background:linear-gradient(135deg,rgba(240,253,250,.94),rgba(239,246,255,.96));box-shadow:0 20px 48px rgba(37,99,235,.08)}
.smart-ai-v44 input,.smart-ai-v44 select,.smart-ai-v44 textarea{border-radius:15px;border:1px solid #dce6ef;background:linear-gradient(180deg,#fff,#fbfdff);font-size:14px;color:#0f172a}.smart-ai-v44 input::placeholder,.smart-ai-v44 textarea::placeholder{color:#9aa8b8}.smart-ai-v44 label{font-size:12px;text-transform:none;letter-spacing:.01em;color:#334155;font-weight:850}
.smart-ai-v44 .btn,.smart-ai-v44 button.btn,.smart-ai-v44 a.btn,.smart-ai-v44 .top-icon,.smart-ai-v44 .ai-noc-trigger,.smart-ai-v44 .sync-status{font-family:var(--v44-font);font-weight:850;border-radius:14px;min-height:40px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;letter-spacing:-.01em}.smart-ai-v44 .btn:hover,.smart-ai-v44 button:hover,.smart-ai-v44 .top-icon:hover,.smart-ai-v44 .ai-noc-trigger:hover,.smart-ai-v44 .sync-status:hover{transform:translateY(-1px)}
.smart-ai-v44 .btn-red{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(220,38,38,.18)!important}.smart-ai-v44 .btn-green,.smart-ai-v44 .btn-success{background:linear-gradient(135deg,#10b981,#0f766e)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(15,118,110,.17)!important}.smart-ai-v44 .btn-light{background:#fff!important;border:1px solid #dfe7ef!important;color:#334155!important}.smart-ai-v44 .btn-yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#78350f!important;border:0!important}.smart-ai-v44 .btn-sm{min-height:34px;border-radius:12px;font-size:12.5px}.smart-ai-v44 .actions{gap:10px}.smart-ai-v44 .row-actions .btn,.smart-ai-v44 .customer-actions .btn{white-space:nowrap}
.smart-ai-v44 .notice,.smart-ai-v44 .error,.smart-ai-v44 .result-box{border-radius:18px!important;font-weight:750;box-shadow:0 10px 30px rgba(15,23,42,.05)}.smart-ai-v44 .notice{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important}.smart-ai-v44 .error{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.smart-ai-v44 .modal{backdrop-filter:blur(12px);background:rgba(15,23,42,.38)}.smart-ai-v44 .modal-panel{animation:stV44Modal .18s ease-out;overflow:hidden}.smart-ai-v44 .modal-head{background:linear-gradient(135deg,#f8fafc,#f0fdfa);margin:-20px -20px 16px!important;padding:18px 20px!important;border-bottom:1px solid #e2e8f0!important}.smart-ai-v44 .modal-head h3{margin:0;font-size:19px}.smart-ai-v44 .modal-close{width:38px;height:38px;border-radius:13px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:22px;cursor:pointer}.smart-ai-v44 .modal-close:hover{color:#ef4444;border-color:#fecdd3;background:#fff1f2}@keyframes stV44Modal{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.smart-ai-v44 .table-wrap{border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 14px 36px rgba(15,23,42,.04)}.smart-ai-v44 th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-weight:950;color:#64748b}.smart-ai-v44 td{color:#334155}.smart-ai-v44 tr:hover td{background:#f8fdfb!important}.smart-ai-v44 .badge,.smart-ai-v44 .pill{font-weight:900;border-radius:999px;letter-spacing:.01em}
.smart-ai-v44 .stat,.smart-ai-v44 .customer-mini-card{border-radius:22px!important;border:1px solid #e2e8f0!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;box-shadow:0 14px 38px rgba(15,23,42,.055)!important}.smart-ai-v44 .stat b,.smart-ai-v44 .customer-mini-card b{color:#0f172a;letter-spacing:-.04em}.smart-ai-v44 .sync-mini{background:#ecfdf5;color:#047857;border-color:#bbf7d0;font-weight:900}
.smart-ai-v44 .st-toast-wrap{position:fixed;right:22px;bottom:22px;z-index:9999;display:grid;gap:10px;width:min(390px,calc(100vw - 28px))}.smart-ai-v44 .st-toast{border-radius:18px;background:rgba(255,255,255,.96);border:1px solid #e2e8f0;box-shadow:0 24px 70px rgba(15,23,42,.18);padding:14px 15px;display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:start;animation:stToastIn .22s ease-out}.smart-ai-v44 .st-toast i{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-weight:950}.smart-ai-v44 .st-toast b{display:block;color:#0f172a;margin-bottom:3px}.smart-ai-v44 .st-toast small{display:block;color:#64748b;line-height:1.45}.smart-ai-v44 .st-toast button{border:0;background:transparent;color:#94a3b8;font-size:18px;cursor:pointer}.smart-ai-v44 .st-toast.ok i{background:#ecfdf5;color:#047857}.smart-ai-v44 .st-toast.err i{background:#fff1f2;color:#be123c}.smart-ai-v44 .st-toast.warn i{background:#fffbeb;color:#92400e}.smart-ai-v44 .st-toast.info i{background:#eff6ff;color:#2563eb}@keyframes stToastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.smart-ai-v44 .st-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.smart-ai-v44 .st-soft-divider{height:1px;background:#eef2f7;margin:14px 0}.smart-ai-v44 .app-footer{color:#94a3b8;font-size:12px;text-align:center;padding:18px 6px}
@media(max-width:920px){.smart-ai-v44 .v28-topline{border-radius:18px}.smart-ai-v44 .top-actions.st-top-right{gap:7px}.smart-ai-v44 .ai-command-strip{border-radius:18px}.smart-ai-v44 .topbar h1{font-size:21px}}
@media(max-width:640px){.smart-ai-v44 .st-toast-wrap{right:14px;bottom:14px}.smart-ai-v44 .btn,.smart-ai-v44 button.btn,.smart-ai-v44 a.btn{width:100%;justify-content:center}.smart-ai-v44 .row-actions .btn,.smart-ai-v44 .customer-actions .btn{width:auto}.smart-ai-v44 .modal-panel{border-radius:20px!important}}


/* SmartTech Radius v45 - Enterprise NOC Theme + Unified Reload UX */
:root{
  --v45-bg:#f3f7fb;
  --v45-ink:#0b1220;
  --v45-muted:#64748b;
  --v45-line:#dbe6ef;
  --v45-cyan:#06b6d4;
  --v45-green:#10b981;
  --v45-blue:#2563eb;
  --v45-red:#ef4444;
  --v45-amber:#f59e0b;
  --v45-shadow:0 22px 60px rgba(15,23,42,.085);
  --v45-font:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
.smart-ai-v45{font-family:var(--v45-font);background:radial-gradient(circle at 8% 0%,rgba(16,185,129,.12),transparent 31%),radial-gradient(circle at 86% 2%,rgba(37,99,235,.12),transparent 35%),linear-gradient(180deg,#f8fbff,#f3f7fb 52%,#f8fafc);color:var(--v45-ink);font-size:14px}
.smart-ai-v45 h1{font-size:28px;font-weight:850;line-height:1.12}.smart-ai-v45 h2{font-size:20px;font-weight:820}.smart-ai-v45 h3{font-size:17px;font-weight:800}.smart-ai-v45 p,.smart-ai-v45 .muted{font-size:13px;line-height:1.62;color:var(--v45-muted)}
.smart-ai-v45 .sidebar{backdrop-filter:blur(18px);background:rgba(255,255,255,.9)!important}.smart-ai-v45 .nav a{font-size:13px;min-height:39px}.smart-ai-v45 .nav a .ico{width:25px;height:25px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:inline-grid;place-items:center}.smart-ai-v45 .nav a.active .ico{background:#ccfbf1;border-color:#99f6e4;color:#0f766e}
.smart-ai-v45 .v28-topline,.smart-ai-v45 .topbar.card,.smart-ai-v45 .card,.smart-ai-v45 .modal-panel{box-shadow:var(--v45-shadow)!important;border-color:rgba(219,230,239,.95)!important}.smart-ai-v45 .topbar.card{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,253,250,.94))!important}.smart-ai-v45 .searchbox input{font-size:13px}
.smart-ai-v45 .btn,.smart-ai-v45 button,.smart-ai-v45 a.btn{font-family:var(--v45-font);font-weight:800;border-radius:13px;min-height:42px;padding:0 16px;letter-spacing:-.012em}.smart-ai-v45 .btn-sm{min-height:34px!important;padding:7px 12px!important;font-size:12px}.smart-ai-v45 .btn-red{background:linear-gradient(135deg,#f43f5e,#dc2626)!important}.smart-ai-v45 .btn-green{background:linear-gradient(135deg,#34d399,#059669)!important}.smart-ai-v45 .btn-light{background:linear-gradient(180deg,#fff,#f8fafc)!important;color:#334155!important;border:1px solid #dbe6ef!important}.smart-ai-v45 .btn:active,.smart-ai-v45 button:active{transform:translateY(0) scale(.985)}
.smart-ai-v45 table{font-size:13px}.smart-ai-v45 th{font-size:11px;text-transform:uppercase;letter-spacing:.09em}.smart-ai-v45 td,.smart-ai-v45 th{padding:13px 15px}.smart-ai-v45 input,.smart-ai-v45 select,.smart-ai-v45 textarea{min-height:43px;font-size:13px;border-radius:14px}.smart-ai-v45 label{font-size:12px;font-weight:800;color:#334155}.smart-ai-v45 .badge{font-size:11px;padding:6px 10px}
.st-v45-livebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;padding:12px 14px;border:1px solid #bfdbfe;background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(236,253,245,.95));border-radius:19px;box-shadow:0 14px 38px rgba(37,99,235,.075);color:#334155}.st-v45-livebar span{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800}.st-v45-livebar span:first-child{color:#0f766e}.st-v45-livebar i{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,.12);animation:stPulse 1.25s infinite}.st-v45-livebar.reloading i{background:#f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.14)}.st-v45-livebar.done i{background:#2563eb;box-shadow:0 0 0 6px rgba(37,99,235,.14)}
.st-v45-reload-overlay{position:fixed;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.st-v45-reload-overlay.show{display:flex}.st-v45-reload-card{width:min(440px,94vw);background:#fff;border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 28px 88px rgba(15,23,42,.22);padding:24px;text-align:center}.st-v45-reload-card .ring{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;border:7px solid #e2e8f0;border-top-color:#10b981;animation:stV45Spin .8s linear infinite}.st-v45-reload-card h3{margin:0 0 7px;font-size:20px}.st-v45-reload-card p{margin:0;color:#64748b}.st-v45-progress{height:9px;border-radius:99px;background:#e2e8f0;overflow:hidden;margin-top:17px}.st-v45-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#06b6d4,#10b981,#2563eb);animation:stV45Progress 1.15s ease-out forwards}@keyframes stV45Spin{to{transform:rotate(360deg)}}@keyframes stV45Progress{to{width:100%}}
.smart-ai-v45 .st-toast-wrap{top:22px;bottom:auto}.smart-ai-v45 .st-toast{border-radius:20px}.smart-ai-v45 .notice,.smart-ai-v45 .error{display:none!important}.smart-ai-v45 .modal-head h3{font-size:20px}.smart-ai-v45 .result-box{white-space:pre-line}.smart-ai-v45 .is-loading{pointer-events:none;opacity:.74;position:relative}.smart-ai-v45 .is-loading:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;margin-left:8px;vertical-align:-2px;animation:stV45Spin .75s linear infinite}
@media(max-width:760px){.st-v45-livebar{display:grid}.st-v45-livebar .btn{width:100%}.smart-ai-v45 h1{font-size:23px}.smart-ai-v45 .st-toast-wrap{top:14px;right:14px;bottom:auto}.smart-ai-v45 td,.smart-ai-v45 th{padding:11px 12px}}


/* SmartTech v47 Multi Mitra Radius Center */
.st-member-menu{position:relative;display:inline-flex;align-items:center;z-index:999}
.st-member-btn{display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-radius:18px;padding:7px 11px;cursor:pointer;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.st-member-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(16,185,129,.25);background:#ecfdf5}
.st-member-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.st-member-name{font-size:13px;font-weight:800;color:#0f172a}
.st-member-role{margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#059669;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px}
.st-member-caret{font-size:12px;color:#64748b}
.st-member-dropdown{display:none;position:absolute;right:0;top:54px;min-width:250px;background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 22px 70px rgba(15,23,42,.16);padding:10px;z-index:1000}
.st-member-menu:hover .st-member-dropdown,.st-member-menu.open .st-member-dropdown{display:block}
.st-member-head{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;border-bottom:1px solid #eef2f7;margin-bottom:8px}
.st-member-head b{font-size:14px;color:#0f172a}
.st-member-head small{display:block;margin-top:3px;color:#64748b}
.st-member-dropdown a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#334155;font-size:13px;font-weight:700;padding:11px 12px;border-radius:14px}
.st-member-dropdown a:hover{background:#ecfdf5;color:#047857}
.st-member-dropdown .danger{color:#dc2626}
.st-member-dropdown .danger:hover{background:#fef2f2;color:#b91c1c}
.hero-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ecfdf5,#eff6ff)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}
.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.stat-card span{display:block;color:#64748b;font-size:13px;font-weight:700}
.stat-card b{font-size:30px;color:#0f172a;display:block;margin-top:8px}
.stat-card small{color:#94a3b8}
.badge.gray{background:#f1f5f9;color:#475569}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}}



/* Smarttech V100 Radius-Centric UI */
.st100-page{display:flex;flex-direction:column;gap:18px}.st100-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(99,102,241,.10));border:1px solid rgba(148,163,184,.20)}.st100-hero h1{margin:.25rem 0;font-size:30px}.st100-actions{display:flex;gap:10px;flex-wrap:wrap}.st100-tabs{display:flex;gap:10px;flex-wrap:wrap}.st100-tabs a{padding:12px 15px;border-radius:14px;text-decoration:none;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.18);color:inherit;font-weight:700}.st100-tabs a.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}.st100-script pre,.ai-preview-card pre{white-space:pre-wrap;border-radius:18px;padding:16px;background:rgba(2,6,23,.78);color:#d1fae5;overflow:auto}.st100-subtitle{font-weight:800;padding:10px 0;color:#38bdf8}.st100-check{display:flex!important;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(14,165,233,.08);border:1px dashed rgba(14,165,233,.35)}.st100-check input{width:auto!important}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge.ok{background:rgba(34,197,94,.16);color:#22c55e}.badge.bad{background:rgba(239,68,68,.16);color:#ef4444}.badge.warn{background:rgba(245,158,11,.16);color:#f59e0b}@media(max-width:900px){.st100-hero{flex-direction:column;align-items:flex-start}.st100-actions{width:100%}.st100-actions .btn{flex:1}}