/* ARGALYTA ISP Manager v2.1 - Bright Control Panel UI
   Inspired by modern SaaS control panels; all rules are original and scoped. */
:root{
  --ui-blue:#1677ff;--ui-blue2:#1ba6ff;--ui-cyan:#10c7b5;--ui-purple:#8a43eb;--ui-orange:#ffad20;
  --ui-ink:#102a56;--ui-muted:#64748b;--ui-line:#dce8f8;--ui-soft:#f5f9ff;--ui-panel:#fff;
  --sidebar-w:252px;--topbar-h:76px;--radius:20px;--shadow:0 14px 38px rgba(40,79,140,.08);
}
.admin-ui-v21{font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif;background:#eef5ff;color:#16294a;font-size:14px;line-height:1.45}
.admin-ui-v21 .layout{background:linear-gradient(135deg,#edf5ff 0%,#f8fbff 52%,#fff8eb 100%)}
.admin-ui-v21 .sidebar{width:var(--sidebar-w);background:rgba(255,255,255,.97);color:#203a63;border-right:1px solid #dbe8fb;box-shadow:10px 0 34px rgba(44,83,145,.06);backdrop-filter:blur(18px);overflow:auto;z-index:40}
.admin-ui-v21 .brand{min-height:92px;padding:18px 16px;display:flex;align-items:center;gap:11px;border-bottom:0;background:#fff;position:sticky;top:0;z-index:4}
.admin-ui-v21 .brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1874ff,#09c6c0);color:#fff;font-weight:900;font-size:13px;box-shadow:0 8px 18px rgba(24,116,255,.22);flex:none}
.admin-ui-v21 .brand-copy{min-width:0;flex:1}.admin-ui-v21 .brand-copy strong{display:block;font-size:19px;line-height:1;color:#123261;letter-spacing:-.35px}.admin-ui-v21 .brand-copy strong span{color:#1677ff}.admin-ui-v21 .brand-copy small{display:block;margin-top:7px;color:#657895;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-ui-v21 .brand-copy img{display:block;max-width:158px;max-height:38px;object-fit:contain}.admin-ui-v21 .sidebar-close{display:none;border:0;background:#eef5ff;color:#4d6384;width:32px;height:32px;border-radius:10px;font-size:20px;cursor:pointer}
.admin-ui-v21 .nav{padding:8px 15px 18px}.admin-ui-v21 .nav-label{padding:18px 12px 8px;color:#5b7eaf;font-size:10px;font-weight:800;letter-spacing:1.15px}.admin-ui-v21 .nav-label-other{margin-top:8px}
.admin-ui-v21 .nav a{color:#294568;margin:0;transition:.18s ease}.admin-ui-v21 .nav-home,.admin-ui-v21 .nav-plain{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 14px;border-radius:15px;font-weight:700}.admin-ui-v21 .nav-home{margin-bottom:10px}.admin-ui-v21 .nav-home:hover,.admin-ui-v21 .nav-home.active{background:linear-gradient(100deg,#1677ff,#14c7b9);color:#fff;box-shadow:0 10px 22px rgba(23,132,238,.22)}.admin-ui-v21 .nav-plain:hover,.admin-ui-v21 .nav-plain.active{background:#edf5ff;color:#1265dc}.admin-ui-v21 .nav .icon{width:18px;display:inline-grid;place-items:center;text-align:center;font-size:14px;flex:none}
.admin-ui-v21 .nav-group{border:1px solid #d9e6f8;border-radius:17px;margin:0 0 9px;background:#fff;overflow:hidden;box-shadow:0 2px 7px rgba(58,91,143,.025)}.admin-ui-v21 .nav-group[open]{box-shadow:0 8px 22px rgba(65,105,164,.07)}.admin-ui-v21 .nav-group summary{list-style:none;cursor:pointer;min-height:46px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:750;color:#263f64;user-select:none}.admin-ui-v21 .nav-group summary::-webkit-details-marker{display:none}.admin-ui-v21 .nav-group summary:hover{background:#f8fbff}.admin-ui-v21 .nav-summary-label{display:flex;align-items:center;gap:10px;min-width:0}.admin-ui-v21 .nav-group .chev{font-size:14px;color:#6f88aa;transition:transform .18s ease}.admin-ui-v21 .nav-group[open] .chev{transform:rotate(180deg)}.admin-ui-v21 .nav-submenu{padding:0 8px 8px}.admin-ui-v21 .nav-submenu a{display:block;padding:9px 12px 9px 40px;border-radius:11px;font-size:13px;position:relative}.admin-ui-v21 .nav-submenu a:before{content:"";position:absolute;left:21px;top:50%;width:5px;height:5px;border-radius:50%;background:#b9cae2;transform:translateY(-50%)}.admin-ui-v21 .nav-submenu a:hover{background:#f0f6ff;color:#125fc9}.admin-ui-v21 .nav-submenu a.active{background:#e9f3ff;color:#075fcf;font-weight:800}.admin-ui-v21 .nav-submenu a.active:before{background:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.1)}
.admin-ui-v21 .sidebar-foot{margin:10px 15px 18px;padding:13px;border:1px solid #dce9f8;border-radius:16px;background:linear-gradient(135deg,#f5faff,#effffb);display:flex;align-items:center;gap:10px}.admin-ui-v21 .sidebar-foot .status-dot{width:10px;height:10px;border-radius:50%;background:#14bd8a;box-shadow:0 0 0 4px rgba(20,189,138,.12)}.admin-ui-v21 .sidebar-foot strong,.admin-ui-v21 .sidebar-foot small{display:block}.admin-ui-v21 .sidebar-foot strong{font-size:12px}.admin-ui-v21 .sidebar-foot small{margin-top:2px;font-size:9px;color:#71829d}
.admin-ui-v21 .main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-width:0}.admin-ui-v21 .topbar{height:var(--topbar-h);padding:0 22px;background:rgba(255,255,255,.94);border-bottom:1px solid #d9e7f8;box-shadow:0 5px 18px rgba(49,85,142,.04);gap:20px;backdrop-filter:blur(16px)}
.admin-ui-v21 .top-search{height:47px;max-width:680px;min-width:260px;flex:1;display:flex;align-items:center;border:1.5px solid #a9c9ff;border-radius:15px;background:#fff;padding:0 13px;box-shadow:0 7px 22px rgba(39,108,220,.05);transition:.18s}.admin-ui-v21 .top-search:focus-within{border-color:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.08)}.admin-ui-v21 .search-icon{font-size:21px;color:#7892b4;margin-right:8px}.admin-ui-v21 .top-search input{border:0;outline:0;width:100%;font:inherit;font-size:14px;color:#29405f;background:transparent}.admin-ui-v21 .top-search input::placeholder{color:#7a879b}.admin-ui-v21 .search-clear{border:0;background:transparent;color:#9aacbf;font-size:19px;cursor:pointer;display:none}.admin-ui-v21 .top-search.has-value .search-clear{display:block}.admin-ui-v21 .top-actions{display:flex;align-items:center;gap:8px}.admin-ui-v21 .icon-btn,.admin-ui-v21 .locale-pill{height:42px;min-width:42px;padding:0 12px;border:1px solid #cfe0f6;border-radius:14px;background:#fff;color:#1769df;display:inline-flex;align-items:center;justify-content:center;font-weight:750}.admin-ui-v21 .locale-pill{gap:7px;font-size:12px}.admin-ui-v21 .account-pill{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border:1px solid #d2e1f4;border-radius:999px;background:#fff;color:#193c69;font-weight:700;max-width:165px}.admin-ui-v21 .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#eef7ff,#e4fff9);border:1px solid #18b8cc;color:#174b77;font-weight:900}.admin-ui-v21 .account-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.admin-ui-v21 .logout-link{font-size:11px;font-weight:750;color:#697b93;padding:9px 7px}.admin-ui-v21 .logout-link:hover{color:#e03d54}.admin-ui-v21 .mobile-toggle{display:none}
.admin-ui-v21 .content{padding:0;min-height:calc(100vh - var(--topbar-h));background:linear-gradient(135deg,#edf5ff 0%,#f8fbff 48%,#fff8ec 100%)}.admin-ui-v21 .content-shell{padding:26px 26px 44px;max-width:1700px;margin:0 auto}.admin-ui-v21 .page-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;color:#5d7596;font-size:12px}.admin-ui-v21 .page-context>div{display:flex;align-items:center;gap:9px}.admin-ui-v21 .page-context>div>strong{color:#244369;font-size:12px}.admin-ui-v21 .page-context-status{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d4e3f6;border-radius:999px;padding:7px 11px;font-weight:750;color:#2b5f89}.admin-ui-v21 .page-context-status i{width:8px;height:8px;border-radius:50%;background:#15bf86;box-shadow:0 0 0 4px rgba(21,191,134,.12)}
.admin-ui-v21 .page-head{margin:0 0 20px;padding:0 4px;align-items:center}.admin-ui-v21 .page-head h1{font-size:28px;line-height:1.15;letter-spacing:-.65px;color:#082b59;font-weight:820}.admin-ui-v21 .page-head p{font-size:13px;color:#607895;margin-top:7px}.admin-ui-v21 .tenant-chip{background:#eaf3ff;color:#0c63d8;border:1px solid #d5e7ff;padding:4px 9px;font-size:9px}.admin-ui-v21 .grid{gap:17px}.admin-ui-v21 .col-1{grid-column:span 1}.admin-ui-v21 .col-2{grid-column:span 2}.admin-ui-v21 .col-3{grid-column:span 3}.admin-ui-v21 .col-4{grid-column:span 4}.admin-ui-v21 .col-5{grid-column:span 5}.admin-ui-v21 .col-6{grid-column:span 6}.admin-ui-v21 .col-7{grid-column:span 7}.admin-ui-v21 .col-8{grid-column:span 8}.admin-ui-v21 .col-9{grid-column:span 9}.admin-ui-v21 .col-10{grid-column:span 10}.admin-ui-v21 .col-11{grid-column:span 11}.admin-ui-v21 .col-12{grid-column:span 12}
.admin-ui-v21 .card{border:1px solid #d6e4f5;border-radius:20px;box-shadow:var(--shadow);background:rgba(255,255,255,.96);overflow:hidden}.admin-ui-v21 .card-header{min-height:58px;padding:16px 20px;border-bottom:1px solid #e3ecf8}.admin-ui-v21 .card-title{font-size:16px;color:#0c2d59;font-weight:800;letter-spacing:-.15px}.admin-ui-v21 .card-body{padding:20px}.admin-ui-v21 .stat{min-height:132px;padding:20px;position:relative;isolation:isolate}.admin-ui-v21 .stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-25px;bottom:-33px;background:rgba(255,255,255,.16);z-index:-1}.admin-ui-v21 .stat .label{font-size:12px;font-weight:750;color:inherit;opacity:.88}.admin-ui-v21 .stat .value{font-size:29px;line-height:1.08;letter-spacing:-.7px;font-weight:860;margin-top:9px;word-break:break-word}.admin-ui-v21 .stat .note{font-size:11px;color:inherit;opacity:.82}.admin-ui-v21 .stat .note a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.28)}
.admin-ui-v21 .grid>.stat:nth-child(8n+1){background:linear-gradient(135deg,#176df5,#11a6f1);color:#fff;border-color:transparent}.admin-ui-v21 .grid>.stat:nth-child(8n+2){background:linear-gradient(135deg,#0eae86,#22cfb8);color:#fff;border-color:transparent}.admin-ui-v21 .grid>.stat:nth-child(8n+3){background:linear-gradient(135deg,#ffad15,#ffc849);color:#3f2b00;border-color:transparent}.admin-ui-v21 .grid>.stat:nth-child(8n+4){background:linear-gradient(135deg,#7a3fe0,#a34cf0);color:#fff;border-color:transparent}.admin-ui-v21 .grid>.stat:nth-child(8n+5),.admin-ui-v21 .grid>.stat:nth-child(8n+6),.admin-ui-v21 .grid>.stat:nth-child(8n+7),.admin-ui-v21 .grid>.stat:nth-child(8n+8){background:#fff;color:#18365f;border-color:#d7e6f8}.admin-ui-v21 .grid>.stat:nth-child(n+5) .note a{text-decoration-color:#b8cce7}
.admin-ui-v21 table{font-size:13px}.admin-ui-v21 th,.admin-ui-v21 td{padding:13px 16px;border-bottom:1px solid #e8eef7}.admin-ui-v21 th{background:#f7faff;color:#6680a3;font-size:10px;font-weight:850;letter-spacing:.65px}.admin-ui-v21 tr:hover td{background:#f8fbff}.admin-ui-v21 .table-wrap{border-radius:0 0 20px 20px}.admin-ui-v21 .card>.table-wrap:first-child{border-radius:20px}
.admin-ui-v21 .btn{border-radius:13px;padding:9px 14px;min-height:38px;font-size:12px;font-weight:780;transition:transform .15s,box-shadow .15s,background .15s}.admin-ui-v21 .btn:hover{transform:translateY(-1px)}.admin-ui-v21 .btn-primary{background:linear-gradient(100deg,#176fff,#0ebed2);box-shadow:0 8px 17px rgba(24,117,236,.17);color:#fff}.admin-ui-v21 .btn-success{background:linear-gradient(100deg,#0ca67b,#23cda8)}.admin-ui-v21 .btn-danger{background:#e95061}.admin-ui-v21 .btn-warning{background:#ffbd35}.admin-ui-v21 .btn-light{background:#fff;color:#1767d6;border:1px solid #cfe0f7}.admin-ui-v21 .btn-light:hover{background:#eef6ff}.admin-ui-v21 .btn-sm{min-height:32px;padding:6px 10px;border-radius:10px}.admin-ui-v21 .actions{gap:8px;flex-wrap:wrap}
.admin-ui-v21 .form-control,.admin-ui-v21 .form-select{border:1px solid #cfdff2;border-radius:13px;padding:10px 12px;min-height:43px;color:#294363;background:#fff}.admin-ui-v21 .form-control:focus,.admin-ui-v21 .form-select:focus{border-color:#6caaff;box-shadow:0 0 0 4px rgba(22,119,255,.08)}.admin-ui-v21 .form-label{font-size:11px;color:#294363}.admin-ui-v21 .filterbar{align-items:center}.admin-ui-v21 .filterbar .form-control,.admin-ui-v21 .filterbar .form-select{min-width:160px}.admin-ui-v21 .badge{padding:5px 9px;font-size:10px}.admin-ui-v21 .alert{border-radius:14px;border:1px solid transparent;padding:13px 15px}.admin-ui-v21 .alert-success{background:#e9fbf5;border-color:#bcebdc}.admin-ui-v21 .alert-danger{background:#fff0f2;border-color:#f7ccd2}
.admin-ui-v21 .pagination{gap:7px}.admin-ui-v21 .pagination a,.admin-ui-v21 .pagination span{border-radius:10px;border-color:#d4e2f3}.admin-ui-v21 .pagination .active a{background:linear-gradient(100deg,#176fff,#12b9d4)}
/* Finance dashboard */
.admin-ui-v21 .finance-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-ui-v21 .finance-kpi{min-width:0;min-height:136px;border-radius:19px;padding:18px;border:1px solid transparent;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(42,80,140,.08)}.admin-ui-v21 .finance-kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-32px;background:rgba(255,255,255,.18)}.admin-ui-v21 .finance-kpi small{display:block;font-size:11px;font-weight:750;opacity:.85}.admin-ui-v21 .finance-kpi strong{display:block;margin-top:12px;font-size:24px;line-height:1.1;letter-spacing:-.55px;word-break:break-word}.admin-ui-v21 .finance-kpi:nth-child(1){background:linear-gradient(135deg,#176ff7,#17a7f5);color:#fff}.admin-ui-v21 .finance-kpi:nth-child(2){background:linear-gradient(135deg,#0fab83,#2bd0ae);color:#fff}.admin-ui-v21 .finance-kpi:nth-child(3){background:linear-gradient(135deg,#ffae17,#ffd057);color:#4a3100}.admin-ui-v21 .finance-kpi:nth-child(4){background:linear-gradient(135deg,#7d3fe2,#a64ff3);color:#fff}.admin-ui-v21 .finance-kpi:nth-child(5){background:linear-gradient(135deg,#174fba,#4888ef);color:#fff}.admin-ui-v21 .finance-kpi:nth-child(6){background:linear-gradient(135deg,#0a8d85,#29beb5);color:#fff}
.admin-ui-v21 .module-launcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.admin-ui-v21 .module-launcher .btn{min-height:56px;justify-content:flex-start;text-align:left;padding:12px}.admin-ui-v21 .module-launcher .btn-primary{box-shadow:none}
/* More consistent module layouts */
.admin-ui-v21 h2,.admin-ui-v21 h3{color:#12345f}.admin-ui-v21 .muted{color:#71839d}.admin-ui-v21 hr{border:0;border-top:1px solid #e5edf7}.admin-ui-v21 input[type="checkbox"],.admin-ui-v21 input[type="radio"]{accent-color:#1677ff}.admin-ui-v21 pre,.admin-ui-v21 code{border-radius:10px}.admin-ui-v21 .progress{background:#e6eef8;height:8px}.admin-ui-v21 .progress i{background:linear-gradient(90deg,#176fff,#12c3bd)}
/* Login / portal / public shared refresh */
.ui-v21-public.login-page{background:radial-gradient(circle at 15% 12%,#dcecff,#f7fbff 42%,#fff5e8 100%);padding:24px}.ui-v21-public .login-card{border:1px solid #d6e5f8;border-radius:24px;box-shadow:0 28px 70px rgba(37,77,135,.14);padding:32px}.ui-v21-public .login-logo{color:#0e3264;letter-spacing:-.5px}.ui-v21-public .login-card .btn-primary{min-height:45px;border-radius:13px;background:linear-gradient(100deg,#176fff,#10c4c1)}
.portal-body.ui-v21-public{background:linear-gradient(135deg,#edf5ff,#f9fbff 55%,#fff8ec)}.portal-body.ui-v21-public .portal-nav{background:#fff!important;color:#18385f;border-bottom:1px solid #d9e6f6;box-shadow:0 8px 24px rgba(47,81,132,.06)}.portal-body.ui-v21-public .portal-links a{color:#345473;font-weight:700}.portal-body.ui-v21-public .portal-links a:hover{color:var(--accent)}.portal-body.ui-v21-public .portal-main{max-width:1180px}.portal-body.ui-v21-public .card{border-radius:20px;border-color:#d9e6f6;box-shadow:var(--shadow)}
.saas-site.ui-v21-public{background:linear-gradient(180deg,#f9fbff,#f2f7ff)}.saas-site.ui-v21-public .saas-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid #e0eafb;max-width:none;padding-left:max(20px,calc((100vw - 1180px)/2 + 20px));padding-right:max(20px,calc((100vw - 1180px)/2 + 20px))}.saas-site.ui-v21-public .saas-hero{box-shadow:0 28px 70px rgba(52,89,145,.08);border-color:#d9e7f7}.saas-site.ui-v21-public .feature-card,.saas-site.ui-v21-public .pricing-card{border-radius:22px;box-shadow:0 14px 36px rgba(36,78,141,.07)}
@media(max-width:1280px){.admin-ui-v21 .finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-ui-v21 .account-name{display:none}.admin-ui-v21 .account-pill{padding-right:3px}}
@media(max-width:1080px){.admin-ui-v21 .col-2,.admin-ui-v21 .col-3{grid-column:span 6}.admin-ui-v21 .col-4,.admin-ui-v21 .col-5,.admin-ui-v21 .col-7,.admin-ui-v21 .col-8,.admin-ui-v21 .col-9,.admin-ui-v21 .col-10,.admin-ui-v21 .col-11{grid-column:span 12}.admin-ui-v21 .top-actions .locale-pill{display:none}}
@media(max-width:950px){.admin-ui-v21 .sidebar{transform:translateX(-100%);transition:.22s}.admin-ui-v21 .sidebar.open{transform:none}.admin-ui-v21 .sidebar-close{display:grid;place-items:center}.admin-ui-v21 .sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(9,28,56,.36);z-index:35;backdrop-filter:blur(2px)}.admin-ui-v21 .sidebar.open~.sidebar-backdrop{display:block}.admin-ui-v21 .main{margin-left:0;width:100%}.admin-ui-v21 .mobile-toggle{display:inline-flex}.admin-ui-v21 .topbar{padding:0 14px;gap:10px}.admin-ui-v21 .top-search{min-width:0}.admin-ui-v21 .logout-link{display:none}.admin-ui-v21 .content-shell{padding:18px 14px 38px}.admin-ui-v21 .page-context-status{display:none}}
@media(max-width:680px){.admin-ui-v21 .topbar{height:68px}.admin-ui-v21 .top-actions .icon-btn:not(:last-of-type){display:none}.admin-ui-v21 .top-search{height:42px}.admin-ui-v21 .top-search input{font-size:12px}.admin-ui-v21 .content-shell{padding-top:15px}.admin-ui-v21 .page-head{align-items:flex-start}.admin-ui-v21 .page-head h1{font-size:23px}.admin-ui-v21 .grid{gap:12px}.admin-ui-v21 .col-1,.admin-ui-v21 .col-2,.admin-ui-v21 .col-3,.admin-ui-v21 .col-4,.admin-ui-v21 .col-5,.admin-ui-v21 .col-6,.admin-ui-v21 .col-7,.admin-ui-v21 .col-8,.admin-ui-v21 .col-9,.admin-ui-v21 .col-10,.admin-ui-v21 .col-11,.admin-ui-v21 .col-12{grid-column:span 12}.admin-ui-v21 .stat{min-height:112px}.admin-ui-v21 .finance-kpis{grid-template-columns:1fr 1fr;gap:10px}.admin-ui-v21 .finance-kpi{min-height:116px;padding:15px}.admin-ui-v21 .finance-kpi strong{font-size:20px}.admin-ui-v21 .card{border-radius:17px}.admin-ui-v21 .card-body{padding:16px}.admin-ui-v21 .table-wrap{overflow:auto}.admin-ui-v21 th,.admin-ui-v21 td{padding:11px 12px}.admin-ui-v21 .filterbar{width:100%}.admin-ui-v21 .filterbar .form-control,.admin-ui-v21 .filterbar .form-select,.admin-ui-v21 .filterbar .btn{width:100%}.portal-body.ui-v21-public .portal-links{background:#fff;border:1px solid #d8e6f7;box-shadow:0 16px 38px rgba(44,79,132,.13)}.portal-body.ui-v21-public .portal-links a{color:#284c76}}
@media(max-width:430px){.admin-ui-v21 .finance-kpis{grid-template-columns:1fr}.admin-ui-v21 .top-actions{gap:4px}.admin-ui-v21 .icon-btn,.admin-ui-v21 .account-pill{min-width:38px;height:38px}.admin-ui-v21 .page-context{display:none}.admin-ui-v21 .page-head{margin-top:3px}.admin-ui-v21 .content-shell{padding-left:11px;padding-right:11px}}
@media print{.admin-ui-v21 .sidebar,.admin-ui-v21 .topbar,.admin-ui-v21 .page-context{display:none!important}.admin-ui-v21 .main{margin:0;width:100%}.admin-ui-v21 .content{background:#fff}.admin-ui-v21 .card{box-shadow:none}}
/* Dashboard-specific compositions */
.admin-ui-v21 .workspace-banner{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:15px 17px;background:linear-gradient(100deg,#f7fbff,#f1fffb);border:1px solid #d7e7f7;border-radius:19px;box-shadow:0 8px 22px rgba(41,83,145,.05)}.admin-ui-v21 .workspace-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#176fff,#13c6bb);color:#fff;font-size:17px}.admin-ui-v21 .workspace-copy{min-width:0;flex:1}.admin-ui-v21 .workspace-copy strong,.admin-ui-v21 .workspace-copy span{display:block}.admin-ui-v21 .workspace-copy strong{color:#143760;font-size:14px}.admin-ui-v21 .workspace-copy span{font-size:11px;color:#6b7e98;margin-top:4px}.admin-ui-v21 .quick-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.admin-ui-v21 .quick-metric-grid>a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dce8f6;border-radius:16px;background:#fbfdff;transition:.16s}.admin-ui-v21 .quick-metric-grid>a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(42,83,143,.08);border-color:#bfd6f5}.admin-ui-v21 .quick-metric-grid strong,.admin-ui-v21 .quick-metric-grid small{display:block}.admin-ui-v21 .quick-metric-grid strong{font-size:20px;color:#16365f}.admin-ui-v21 .quick-metric-grid small{color:#6d809a;margin-top:2px}.admin-ui-v21 .quick-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800}.admin-ui-v21 .quick-icon.blue{background:linear-gradient(135deg,#176fff,#22a7f6)}.admin-ui-v21 .quick-icon.green{background:linear-gradient(135deg,#0ca77b,#23cfa9)}.admin-ui-v21 .quick-icon.orange{background:linear-gradient(135deg,#ff9e16,#ffc844);color:#4b2d00}.admin-ui-v21 .quick-icon.purple{background:linear-gradient(135deg,#7042db,#a552ec)}.admin-ui-v21 .quick-icon.red{background:linear-gradient(135deg,#ef5365,#fa826f)}.admin-ui-v21 .quick-icon.cyan{background:linear-gradient(135deg,#0c9fac,#19cbc0)}.admin-ui-v21 .quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-ui-v21 .quick-actions-grid a{min-height:74px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d6e5f6;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fbff);font-weight:750;color:#20436d}.admin-ui-v21 .quick-actions-grid a:hover{border-color:#9dc2f4;box-shadow:0 9px 20px rgba(49,91,151,.08)}.admin-ui-v21 .quick-actions-grid a span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#176fff,#13c6bb);color:#fff}.admin-ui-v21 .soft-stat{background:#fff!important;color:#173861!important;border-color:#d8e6f7!important}.admin-ui-v21 .soft-stat:after{background:#edf5ff}.admin-ui-v21 .soft-stat .note a{text-decoration-color:#b4c9e6}.admin-ui-v21 .aging-list{display:grid;gap:1px;background:#e6eef8;border:1px solid #e1eaf6;border-radius:15px;overflow:hidden}.admin-ui-v21 .aging-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:#fff}.admin-ui-v21 .aging-list span{color:#657c98}.admin-ui-v21 .aging-list strong{color:#173861}.admin-ui-v21 .approval-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf2f8}.admin-ui-v21 .approval-row:last-child{border-bottom:0}.admin-ui-v21 .approval-row .approval-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#1467dc;font-weight:900}.admin-ui-v21 .approval-row strong,.admin-ui-v21 .approval-row small{display:block}.admin-ui-v21 .approval-row small{color:#76869d;margin-top:3px}.admin-ui-v21 .empty-state-mini{text-align:center;padding:18px 8px;color:#667c97}.admin-ui-v21 .empty-state-mini>span{width:42px;height:42px;border-radius:14px;background:#e9fbf5;color:#0eaa79;display:grid;place-items:center;margin:0 auto 10px;font-weight:900}.admin-ui-v21 .empty-state-mini strong,.admin-ui-v21 .empty-state-mini small{display:block}.admin-ui-v21 .empty-state-mini strong{color:#24476f}.admin-ui-v21 .empty-state-mini small{margin-top:4px}
@media(max-width:900px){.admin-ui-v21 .quick-metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.admin-ui-v21 .workspace-banner{align-items:flex-start;flex-wrap:wrap}.admin-ui-v21 .workspace-banner .btn{width:100%}.admin-ui-v21 .quick-metric-grid,.admin-ui-v21 .quick-actions-grid{grid-template-columns:1fr}}
.admin-ui-v21 .nav-group[open]>summary{color:#0c62cf}.admin-ui-v21 .system-ok{color:#0aa576;background:#effbf7;border-color:#cfece2;cursor:default}
.auth-page.ui-v21-public{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#dcecff,#f7fbff 44%,#fff5e8 100%);font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif;color:#18365f}.auth-page.ui-v21-public .auth-shell{width:min(470px,94vw)}.auth-page.ui-v21-public .auth-card{background:#fff;border:1px solid #d5e5f7;border-radius:24px;padding:30px;box-shadow:0 28px 70px rgba(37,77,135,.14)}.auth-page.ui-v21-public .auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.auth-page.ui-v21-public .auth-brand .brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#176fff,#13c6bb);color:#fff;font-weight:900}.auth-page.ui-v21-public .auth-brand strong,.auth-page.ui-v21-public .auth-brand small{display:block}.auth-page.ui-v21-public .auth-brand small{color:#71829b;margin-top:3px}.auth-page.ui-v21-public h1{margin:0 0 8px;color:#0b2f61}.auth-page.ui-v21-public p{color:#657a97}.auth-page.ui-v21-public .form-control{border-radius:13px;min-height:45px}.auth-page.ui-v21-public .btn{border-radius:13px;min-height:44px}.auth-page.ui-v21-public .btn-primary{background:linear-gradient(100deg,#176fff,#10c4c1)}
/* Complete 12-column form grid: fixes legacy pages that used spans not defined by the old stylesheet. */
.admin-ui-v21 .span-1{grid-column:span 1}.admin-ui-v21 .span-2{grid-column:span 2}.admin-ui-v21 .span-3{grid-column:span 3}.admin-ui-v21 .span-4{grid-column:span 4}.admin-ui-v21 .span-5{grid-column:span 5}.admin-ui-v21 .span-6{grid-column:span 6}.admin-ui-v21 .span-7{grid-column:span 7}.admin-ui-v21 .span-8{grid-column:span 8}.admin-ui-v21 .span-9{grid-column:span 9}.admin-ui-v21 .span-10{grid-column:span 10}.admin-ui-v21 .span-11{grid-column:span 11}.admin-ui-v21 .span-12{grid-column:span 12}
/* ARGALYTA ISP Manager v2.2.1 — UI refinement
   Compact control-panel layout, persistent active navigation, modern typography and icons. */
/* v3.14.0: external font request removed for faster first render; system font stack is used. */

:root{
  --ui-font:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ui-ink-221:#16345d;
  --ui-muted-221:#667c99;
  --ui-blue-221:#126ff5;
  --ui-cyan-221:#11bfc2;
  --ui-border-221:#d9e6f6;
  --ui-soft-221:#f5f9ff;
  --ui-shadow-221:0 12px 34px rgba(38,78,135,.075);
}

html,body,.admin-ui-v221,.admin-ui-v221 input,.admin-ui-v221 select,.admin-ui-v221 textarea,.admin-ui-v221 button{
  font-family:var(--ui-font)!important;
}
.admin-ui-v221{font-size:13px;line-height:1.5;color:var(--ui-ink-221);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.admin-ui-v221 strong,.admin-ui-v221 b{font-weight:700}
.admin-ui-v221 .ui-icon-svg{width:19px;height:19px;display:block;flex:none}
.admin-ui-v221 .nav .icon .ui-icon-svg{width:18px;height:18px}
.admin-ui-v221 .topbar .ui-icon-svg{width:17px;height:17px}
.admin-ui-v221 .search-icon .ui-icon-svg{width:18px;height:18px}

/* Sidebar: calmer, denser, more legible. */
.admin-ui-v221 .sidebar{width:250px;border-right:1px solid #dfe9f6;box-shadow:8px 0 28px rgba(35,72,124,.045)}
.admin-ui-v221 .main{margin-left:250px;width:calc(100% - 250px)}
.admin-ui-v221 .brand{min-height:88px;padding:16px 15px 14px}
.admin-ui-v221 .brand-mark{width:38px;height:38px;border-radius:12px;font-size:12px;box-shadow:0 8px 20px rgba(18,111,245,.18)}
.admin-ui-v221 .brand-copy strong{font-size:18px;letter-spacing:-.35px;font-weight:800}
.admin-ui-v221 .brand-copy small{font-size:10px;margin-top:6px;font-weight:500}
.admin-ui-v221 .nav{padding:7px 12px 18px}
.admin-ui-v221 .nav-label{padding:16px 10px 7px;font-size:9px;letter-spacing:1.25px;font-weight:700;color:#6683a9}
.admin-ui-v221 .nav-home,.admin-ui-v221 .nav-plain{min-height:43px;padding:9px 12px;border-radius:13px;gap:10px;font-size:13px;font-weight:600}
.admin-ui-v221 .nav-home:hover,.admin-ui-v221 .nav-home.active{background:linear-gradient(100deg,#126ff5,#13bfc4);box-shadow:0 8px 20px rgba(18,111,245,.18)}
.admin-ui-v221 .nav-group{border-color:#dbe7f6;border-radius:14px;margin-bottom:7px;box-shadow:none;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.admin-ui-v221 .nav-group summary{min-height:43px;padding:9px 11px;font-size:13px;font-weight:600;color:#294767}
.admin-ui-v221 .nav-group summary:hover{background:#f7faff}
.admin-ui-v221 .nav-group[open]{border-color:#bfd7f5;box-shadow:0 8px 22px rgba(48,87,144,.055)}
.admin-ui-v221 .nav-group.active-parent{border-color:#9dc6fb;background:linear-gradient(180deg,#fbfdff,#f7fbff)}
.admin-ui-v221 .nav-group.active-parent>summary{color:#0c63d7;background:#f1f7ff;font-weight:700}
.admin-ui-v221 .nav-group.active-parent>summary .icon{color:#126ff5}
.admin-ui-v221 .nav-group .chev{font-size:0;width:17px;height:17px;position:relative;flex:none}
.admin-ui-v221 .nav-group .chev:before,.admin-ui-v221 .nav-group .chev:after{content:"";position:absolute;top:8px;width:6px;height:1.5px;border-radius:2px;background:#7890ad;transition:.18s}
.admin-ui-v221 .nav-group .chev:before{left:3px;transform:rotate(45deg)}
.admin-ui-v221 .nav-group .chev:after{right:3px;transform:rotate(-45deg)}
.admin-ui-v221 .nav-group[open] .chev{transform:none}
.admin-ui-v221 .nav-group[open] .chev:before{transform:rotate(-45deg)}
.admin-ui-v221 .nav-group[open] .chev:after{transform:rotate(45deg)}
.admin-ui-v221 .nav-submenu{padding:4px 7px 8px}
.admin-ui-v221 .nav-submenu a{min-height:34px;display:flex;align-items:center;padding:7px 10px 7px 35px;border-radius:9px;font-size:12px;font-weight:500;color:#526b89;position:relative}
.admin-ui-v221 .nav-submenu a:before{content:"";position:absolute;left:13px;top:50%;width:13px;height:13px;transform:translateY(-50%);background-color:#a8bad0;box-shadow:none;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.admin-ui-v221 .nav-submenu a:hover{background:#f0f6ff;color:#0e62ce}
.admin-ui-v221 .nav-submenu a.active{background:linear-gradient(90deg,#e8f3ff,#f3f9ff);color:#075fcf;font-weight:700;box-shadow:inset 3px 0 0 #1478ff}
.admin-ui-v221 .nav-submenu a.active:before{background-color:#1478ff;box-shadow:none}
.admin-ui-v221 .sidebar-foot{margin:10px 12px 16px;border-radius:14px;padding:12px;background:#f4fbf9;border-color:#d9eee8}
.admin-ui-v221 .sidebar-foot strong{font-size:11px;font-weight:700}.admin-ui-v221 .sidebar-foot small{font-size:9px}

/* Header */
.admin-ui-v221 .topbar{height:70px;padding:0 20px;gap:16px;box-shadow:0 3px 14px rgba(42,76,127,.035)}
.admin-ui-v221 .top-search{height:43px;max-width:620px;border-radius:13px;border:1px solid #b8d1f5;padding:0 12px;box-shadow:none}
.admin-ui-v221 .top-search:focus-within{border-color:#1478ff;box-shadow:0 0 0 3px rgba(20,120,255,.08)}
.admin-ui-v221 .top-search input{font-size:13px;font-weight:400}
.admin-ui-v221 .search-icon{display:grid;place-items:center;color:#6f8bab;margin-right:8px}
.admin-ui-v221 .icon-btn,.admin-ui-v221 .locale-pill{height:39px;min-width:39px;border-radius:12px;padding:0 10px;border-color:#d3e2f5;font-size:12px;gap:6px}
.admin-ui-v221 .locale-pill .mini-chev{font-size:10px;color:#7891ae}
.admin-ui-v221 .account-pill{height:40px;border-color:#d3e2f5;font-size:12px;max-width:180px}
.admin-ui-v221 .avatar{width:32px;height:32px;font-size:11px}
.admin-ui-v221 .logout-link{font-size:11px;font-weight:600}

/* Content: less oversized, more information per screen. */
.admin-ui-v221 .content-shell{padding:22px 24px 40px;max-width:1720px}
.admin-ui-v221 .page-context{margin-bottom:11px;font-size:11px}
.admin-ui-v221 .page-head{margin-bottom:17px}
.admin-ui-v221 .page-head h1{font-size:25px;letter-spacing:-.55px;font-weight:800}
.admin-ui-v221 .page-head p{font-size:12px;margin-top:5px}
.admin-ui-v221 .card{border-radius:16px;border-color:var(--ui-border-221);box-shadow:var(--ui-shadow-221)}
.admin-ui-v221 .card-header{min-height:52px;padding:13px 17px}
.admin-ui-v221 .card-title{font-size:14px;font-weight:700;letter-spacing:-.08px}
.admin-ui-v221 .card-body{padding:17px}
.admin-ui-v221 .grid{gap:14px}
.admin-ui-v221 .stat{min-height:112px;padding:17px}
.admin-ui-v221 .stat .label{font-size:11px;font-weight:600}
.admin-ui-v221 .stat .value{font-size:26px;font-weight:800;margin-top:7px}
.admin-ui-v221 .stat .note{font-size:10px;margin-top:7px}

/* Forms / tables */
.admin-ui-v221 .form-label{font-size:11px;font-weight:600;margin-bottom:6px;color:#26496f}
.admin-ui-v221 .form-control,.admin-ui-v221 .form-select{min-height:40px;border-radius:11px;padding:9px 11px;border-color:#cfe0f4;font-size:12px;color:#24415f}
.admin-ui-v221 .form-control:focus,.admin-ui-v221 .form-select:focus{border-color:#7fb2f7;box-shadow:0 0 0 3px rgba(20,120,255,.075)}
.admin-ui-v221 .btn{border-radius:10px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:600;box-shadow:none}
.admin-ui-v221 .btn-sm{min-height:30px;padding:5px 9px;font-size:11px}
.admin-ui-v221 .btn-primary{background:linear-gradient(100deg,#126ff5,#10b9c3)}
.admin-ui-v221 .btn-light{background:#fff;border:1px solid #d4e3f5;color:#1763c7}
.admin-ui-v221 .btn-light:hover{background:#f3f8ff;border-color:#b8d2f2}
.admin-ui-v221 .table-wrap{border-top:1px solid #e6eef8}
.admin-ui-v221 table{font-size:12px}
.admin-ui-v221 th{font-size:9px;letter-spacing:.72px;font-weight:700;color:#6680a1;background:#f7faff;padding:10px 12px}
.admin-ui-v221 td{padding:11px 12px;color:#294665;vertical-align:top}
.admin-ui-v221 tr:hover td{background:#fbfdff}
.admin-ui-v221 .badge{padding:4px 7px;font-size:9px;font-weight:700}
.admin-ui-v221 .muted{color:#7589a3}
.admin-ui-v221 code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.94em}

/* Global compact filter bar — fixes vertically stacked voucher/user filters on wide screens. */
.admin-ui-v221 .filter-bar{
  display:grid;
  grid-template-columns:minmax(240px,2fr) repeat(3,minmax(135px,1fr)) auto auto;
  gap:9px;
  align-items:center;
  margin:0;
}
.admin-ui-v221 .filter-bar>.form-control,.admin-ui-v221 .filter-bar>.form-select{width:100%;margin:0}
.admin-ui-v221 .filter-bar>.btn{white-space:nowrap}
.admin-ui-v221 .voucher-filter-card .card-body{padding:13px 15px}
.admin-ui-v221 .voucher-filter-card{box-shadow:0 8px 24px rgba(38,78,135,.055)}

/* Hotspot sync layout: clearer hierarchy without oversized whitespace. */
.admin-ui-v221 .hotspot-summary .card{box-shadow:0 8px 22px rgba(35,77,136,.055)}
.admin-ui-v221 .hotspot-summary .stat{min-height:104px}
.admin-ui-v221 .hotspot-summary .stat .value{color:#0c3568}
.admin-ui-v221 .hotspot-sync-grid .card-body>p{max-width:940px;line-height:1.65}
.admin-ui-v221 .sync-toolbar{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(280px,1fr);gap:10px;align-items:end}
.admin-ui-v221 .sync-toolbar .form-group{margin:0}
.admin-ui-v221 .sync-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.admin-ui-v221 .sync-toolbar-actions form{margin:0}

/* Actions wrap more gracefully rather than pushing table width. */
.admin-ui-v221 .actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.admin-ui-v221 .actions form{margin:0}

/* Public/auth pages share the same neutral Inter typography. */
.auth-page.ui-v21-public,.portal-body.ui-v21-public,.saas-site.ui-v21-public{font-family:var(--ui-font)!important}

@media(max-width:1280px){
  .admin-ui-v221 .filter-bar{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(145px,1fr));}
  .admin-ui-v221 .filter-bar>.btn{width:auto;justify-self:start}
}
@media(max-width:950px){
  .admin-ui-v221 .main{margin-left:0;width:100%}
  .admin-ui-v221 .sidebar{width:min(300px,88vw)}
  .admin-ui-v221 .content-shell{padding:18px 14px 36px}
  .admin-ui-v221 .filter-bar{grid-template-columns:1fr 1fr}
  .admin-ui-v221 .filter-bar>.form-control:first-child{grid-column:1/-1}
  .admin-ui-v221 .sync-toolbar{grid-template-columns:1fr}
}
@media(max-width:620px){
  .admin-ui-v221 .topbar{height:64px;padding:0 10px}
  .admin-ui-v221 .content-shell{padding:14px 10px 30px}
  .admin-ui-v221 .page-head h1{font-size:22px}
  .admin-ui-v221 .filter-bar{grid-template-columns:1fr}
  .admin-ui-v221 .filter-bar>.form-control:first-child{grid-column:auto}
  .admin-ui-v221 .filter-bar>.btn{width:100%}
  .admin-ui-v221 .sync-toolbar-actions{grid-template-columns:1fr}
  .admin-ui-v221 .card-header{padding:12px 14px}.admin-ui-v221 .card-body{padding:14px}
}

/* ARGALYTA ISP Manager v2.3.0 — unified professional UI */
:root{--ui230-bg:#f4f8fd;--ui230-surface:#fff;--ui230-line:#dce8f6;--ui230-ink:#15385f;--ui230-muted:#6b819b;--ui230-blue:#126ff5;--ui230-teal:#11bcbc;--ui230-green:#11a876;--ui230-amber:#e99b22;--ui230-danger:#dc4d61}
.admin-ui-v230{background:linear-gradient(135deg,#f3f8ff 0%,#f8fbff 52%,#fffaf4 100%);color:var(--ui230-ink)}
.admin-ui-v230 .content{min-height:calc(100vh - 72px)}
.admin-ui-v230 .content-shell{max-width:1680px;margin:0 auto}
.admin-ui-v230 .page-head{gap:20px;align-items:flex-start;margin-bottom:18px}
.admin-ui-v230 .page-head h1{font-size:28px;line-height:1.15;letter-spacing:-.55px;color:#0b315f;margin:4px 0 7px}
.admin-ui-v230 .page-head p{max-width:820px;color:#6a7f98;line-height:1.6;margin:0}
.admin-ui-v230 .page-kicker,.settings-eyebrow{display:block;color:#1671db;font-size:9px;font-weight:850;letter-spacing:1.45px;text-transform:uppercase}
.admin-ui-v230 .page-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.admin-ui-v230 .card{border:1px solid #dce7f4;border-radius:17px;box-shadow:0 10px 32px rgba(37,73,121,.055);overflow:hidden;background:#fff}
.admin-ui-v230 .card-header{min-height:58px;padding:15px 18px;border-bottom:1px solid #e8eff7;background:linear-gradient(180deg,#fff,#fbfdff)}
.admin-ui-v230 .card-title{font-size:15px;color:#183c65;margin:2px 0 0}
.admin-ui-v230 .card-body{padding:18px}
.admin-ui-v230 table{font-size:12.5px}
.admin-ui-v230 table th{font-size:9px;letter-spacing:.65px;text-transform:uppercase;color:#6b82a0;background:#f5f9fe;border-color:#e6eef8}
.admin-ui-v230 table td{vertical-align:middle;border-color:#edf2f8}
.admin-ui-v230 table tbody tr:hover{background:#fbfdff}
.admin-ui-v230 .form-control,.admin-ui-v230 .form-select{min-height:42px;border-radius:11px;border-color:#d7e4f3;background:#fff;color:#1e4168;transition:border-color .16s,box-shadow .16s,background .16s}
.admin-ui-v230 textarea.form-control{min-height:88px}
.admin-ui-v230 .form-control:focus,.admin-ui-v230 .form-select:focus{border-color:#7eaff1;box-shadow:0 0 0 4px rgba(38,122,235,.09);background:#fff}
.admin-ui-v230 .form-label{font-size:11px;color:#365674;margin-bottom:7px}
.admin-ui-v230 .btn{border-radius:11px;min-height:38px;font-weight:700}
.admin-ui-v230 .btn-primary{background:linear-gradient(100deg,#126ff5,#11bcbc);border-color:transparent;box-shadow:0 7px 18px rgba(18,111,245,.16)}
.admin-ui-v230 .btn-primary:hover{filter:brightness(.98);box-shadow:0 9px 24px rgba(18,111,245,.23)}
.admin-ui-v230 .btn-light{border:1px solid #d8e5f4;background:#fff;color:#315777}
.admin-ui-v230 .alert{border-radius:13px;border:1px solid transparent;box-shadow:none}
.admin-ui-v230 .alert-success{border-color:#cceadd;background:#effbf6;color:#087653}
.admin-ui-v230 .alert-danger{border-color:#f1cbd2;background:#fff3f5;color:#a42b3d}
.admin-ui-v230 .badge{border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:.2px}
.admin-ui-v230 .actions{flex-wrap:wrap}
.admin-ui-v230 .muted{color:#73869e}
.admin-ui-v230 code{padding:3px 6px;border-radius:7px;background:#eef5fe;color:#145fae;font-size:11px;word-break:break-all}

/* Settings */
.admin-ui-v230 .settings-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.admin-ui-v230 .settings-feature-card{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px;border:1px solid #d8e6f5;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(38,76,126,.06);overflow:hidden}
.admin-ui-v230 .settings-feature-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-75px;top:-90px;background:rgba(18,111,245,.05);pointer-events:none}
.admin-ui-v230 .settings-feature-card.sync-card:after{background:rgba(17,188,188,.065)}
.admin-ui-v230 .settings-feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#146ff5,#11c0bc);color:#fff;font-size:20px;font-weight:850;box-shadow:0 9px 20px rgba(18,111,245,.18)}
.admin-ui-v230 .settings-feature-copy{min-width:0;position:relative;z-index:1}
.admin-ui-v230 .settings-feature-copy h2{font-size:18px;color:#113861;margin:5px 0 7px;letter-spacing:-.25px}
.admin-ui-v230 .settings-feature-copy>p{color:#6c819a;line-height:1.55;margin:0 0 13px}
.admin-ui-v230 .settings-switches,.admin-ui-v230 .switch-grid{display:grid;gap:8px;margin-bottom:13px}
.admin-ui-v230 .switch-grid{grid-template-columns:1fr 1fr}
.admin-ui-v230 .switch-row{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid #e2ebf6;border-radius:12px;background:#fbfdff;cursor:pointer;margin:0}
.admin-ui-v230 .switch-row:hover{border-color:#c1d8f4;background:#f7fbff}
.admin-ui-v230 .switch-row input{width:17px;height:17px;margin-top:1px;accent-color:#126ff5;flex:none}
.admin-ui-v230 .switch-row span,.admin-ui-v230 .switch-row strong,.admin-ui-v230 .switch-row small{display:block}
.admin-ui-v230 .switch-row strong{font-size:11.5px;color:#294b70}
.admin-ui-v230 .switch-row small{font-size:10px;color:#7a8da4;line-height:1.45;margin-top:2px}
.admin-ui-v230 .settings-inline-note{margin-top:10px;padding:10px 12px;border-radius:11px;background:#f3f8fe;border:1px solid #dce9f7;color:#57708d;font-size:10.5px}
.admin-ui-v230 .field-help{display:block;color:#7b8ea5;font-size:10px;line-height:1.45;margin-top:6px}
.admin-ui-v230 .settings-mini-row{margin-top:12px}
.admin-ui-v230 .settings-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.admin-ui-v230 .settings-card{margin:0}
.admin-ui-v230 .info-strip{padding:11px 13px;border-radius:11px;background:#f0f7ff;border:1px solid #d7e9fb;color:#4d6e92;font-size:10.5px;line-height:1.5}
.admin-ui-v230 .settings-savebar{position:sticky;bottom:12px;z-index:25;margin-top:18px;padding:12px 14px 12px 17px;border:1px solid #d3e3f5;border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 13px 38px rgba(36,70,117,.14);display:flex;align-items:center;justify-content:space-between;gap:18px}
.admin-ui-v230 .settings-savebar strong,.admin-ui-v230 .settings-savebar small{display:block}
.admin-ui-v230 .settings-savebar strong{color:#21486e}
.admin-ui-v230 .settings-savebar small{color:#7b8da2;font-size:10px;margin-top:3px}

/* MikroTik reconciliation */
.admin-ui-v230 .router-card-grid,.admin-ui-v230 .reconcile-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-ui-v230 .router-card{padding:16px;border:1px solid #dce8f5;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbff);min-width:0}
.admin-ui-v230 .router-card h3{margin:0 0 5px;color:#1d456d;font-size:14px}.admin-ui-v230 .router-card p{margin:0;color:#7890aa;font-size:10.5px}.admin-ui-v230 .router-card .actions{margin-top:13px}
.admin-ui-v230 .reconcile-kpi{padding:15px;border:1px solid #deebf7;border-radius:15px;background:#fff}.admin-ui-v230 .reconcile-kpi strong{font-size:24px;display:block;color:#153f6d}.admin-ui-v230 .reconcile-kpi span{font-size:10px;color:#7890aa}
.admin-ui-v230 .reconcile-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.admin-ui-v230 .state-synced{color:#0a986a}.admin-ui-v230 .state-drift{color:#d18410}.admin-ui-v230 .state-router_only,.admin-ui-v230 .state-app_only{color:#b93b50}

/* Portal/payment center */
.ui-v230-public{font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif;color:#173a60}
.ui-v230-public .portal-nav{background:linear-gradient(105deg,#0e3569,#0c5ba7 62%,#0f9c9f);box-shadow:0 8px 28px rgba(16,57,106,.15)}
.ui-v230-public .portal-main{max-width:1080px}
.ui-v230-public .card{border:1px solid #dce7f4;border-radius:18px;box-shadow:0 12px 34px rgba(38,75,124,.07)}
.ui-v230-public .payment-lock-banner{padding:14px 16px;border-radius:15px;background:linear-gradient(115deg,#fff5da,#fffaf0);border:1px solid #f0dcaa;color:#765116;margin-bottom:14px}
.ui-v230-public .payment-center-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.ui-v230-public .payment-hero{padding:23px;border-radius:20px;background:linear-gradient(135deg,#0c3e78,#146ef1 60%,#10b5b7);color:#fff;box-shadow:0 16px 38px rgba(19,89,175,.18)}
.ui-v230-public .payment-hero .muted{color:#d7eaff}.ui-v230-public .payment-total{font-size:34px;font-weight:850;letter-spacing:-1px;margin:8px 0}.ui-v230-public .payment-step-list{display:grid;gap:9px}.ui-v230-public .payment-step{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #deebf7;border-radius:13px;background:#fbfdff}.ui-v230-public .payment-step b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e9f3ff;color:#1268d7;flex:none}.ui-v230-public .payment-step strong,.ui-v230-public .payment-step small{display:block}.ui-v230-public .payment-step small{color:#798da5;margin-top:2px}
.payment-login-page{background:radial-gradient(circle at 10% 0,#d9eaff,#f7fbff 45%,#fff8ed 100%)}
.payment-login-page .login-card{border:1px solid #d9e7f7;border-radius:22px;box-shadow:0 24px 70px rgba(37,76,128,.14)}

/* Empty/loading states and responsive consistency */
.admin-ui-v230 .table-responsive{overflow:auto;border-radius:13px}
.admin-ui-v230 .empty-table-cell{text-align:center!important;padding:32px!important;color:#7c8ea3!important}
@media(max-width:1180px){.admin-ui-v230 .settings-highlight-grid{grid-template-columns:1fr}.admin-ui-v230 .router-card-grid,.admin-ui-v230 .reconcile-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.admin-ui-v230 .settings-grid>.col-6{grid-column:span 12}.admin-ui-v230 .settings-savebar{bottom:6px}.ui-v230-public .payment-center-grid{grid-template-columns:1fr}}
@media(max-width:620px){.admin-ui-v230 .content{padding:13px}.admin-ui-v230 .page-head h1{font-size:23px}.admin-ui-v230 .settings-feature-card{grid-template-columns:1fr;padding:16px}.admin-ui-v230 .settings-feature-icon{width:42px;height:42px}.admin-ui-v230 .switch-grid{grid-template-columns:1fr}.admin-ui-v230 .router-card-grid,.admin-ui-v230 .reconcile-kpis{grid-template-columns:1fr}.admin-ui-v230 .settings-savebar{position:static;align-items:stretch;flex-direction:column}.admin-ui-v230 .settings-savebar .btn{width:100%}.admin-ui-v230 .page-head-actions{margin-left:0;width:100%}.admin-ui-v230 .page-head-actions .btn{flex:1}.ui-v230-public .payment-total{font-size:28px}}

/* Payment center exact components */
.ui-v230-public .payment-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.ui-v230-public .payment-center-head h1{font-size:29px;letter-spacing:-.55px;color:#11365f;margin:5px 0 7px}.ui-v230-public .payment-center-head p{max-width:720px;color:#6b8099;line-height:1.6;margin:0}.ui-v230-public .payment-kicker{display:block;color:#136dde;font-size:9px;font-weight:850;letter-spacing:1.45px}.ui-v230-public .payment-customer-chip{min-width:210px;padding:12px 14px;border:1px solid #d9e6f4;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(36,74,123,.055)}.ui-v230-public .payment-customer-chip small,.ui-v230-public .payment-customer-chip strong,.ui-v230-public .payment-customer-chip span{display:block}.ui-v230-public .payment-customer-chip small{font-size:9px;color:#7c90a6;text-transform:uppercase;letter-spacing:.7px}.ui-v230-public .payment-customer-chip strong{color:#21466e;margin:3px 0}.ui-v230-public .payment-customer-chip span{font-size:10px;color:#7a8da5}.ui-v230-public .info-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:15px;margin-bottom:14px}.ui-v230-public .info-banner-warning{border:1px solid #efdba7;background:#fff8e9;color:#74531c}.ui-v230-public .info-banner-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1b746;color:#fff;font-weight:900;flex:none}.ui-v230-public .info-banner strong{display:block}.ui-v230-public .info-banner p{margin:3px 0 0;font-size:11px;line-height:1.5}.ui-v230-public .payment-summary-grid{margin-bottom:14px}.ui-v230-public .payment-stat .value{font-size:27px}.ui-v230-public .payment-stat .value-text{font-size:18px;line-height:1.25}.ui-v230-public .payment-primary-card{overflow:hidden}.ui-v230-public .payment-invoice-hero{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px;border-radius:15px;background:linear-gradient(120deg,#f3f8ff,#f8fcff);border:1px solid #dbe9f7}.ui-v230-public .payment-invoice-hero small,.ui-v230-public .payment-invoice-hero strong,.ui-v230-public .payment-invoice-hero span{display:block}.ui-v230-public .payment-invoice-hero small{color:#6b82a0;font-size:10px}.ui-v230-public .payment-invoice-hero strong{font-size:28px;color:#113e70;margin:4px 0}.ui-v230-public .payment-invoice-hero span{font-size:10.5px;color:#7389a2}.ui-v230-public .payment-cta-form{margin-top:14px}.ui-v230-public .manual-payment-box{padding:15px;border:1px solid #dae7f4;border-radius:14px;background:#fbfdff;margin-top:14px}.ui-v230-public .manual-payment-box p{color:#758aa3;line-height:1.5}.ui-v230-public .activation-steps{display:grid;gap:9px}.ui-v230-public .activation-steps>div{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e0eaf5;border-radius:12px;background:#fcfdff}.ui-v230-public .activation-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1267d3;flex:none}.ui-v230-public .activation-steps span{font-size:10.5px;color:#5f7690;line-height:1.45}.ui-v230-public .payment-empty{text-align:center;padding:34px 18px}.ui-v230-public .payment-empty strong{font-size:16px;color:#24496f}.ui-v230-public .payment-empty p{color:#7489a1}.ui-v230-public .payment-login-card{position:relative;overflow:hidden}.ui-v230-public .payment-login-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-75px;top:-95px;background:rgba(18,111,245,.07);pointer-events:none}.ui-v230-public .login-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#126ff5,#11bcbc);color:#fff;font-weight:900;margin-bottom:15px;box-shadow:0 9px 22px rgba(18,111,245,.2)}.ui-v230-public .payment-login-note{margin-top:14px;padding:12px;border-radius:13px;background:#f1f7ff;border:1px solid #d7e8fa}.ui-v230-public .payment-login-note strong,.ui-v230-public .payment-login-note span{display:block}.ui-v230-public .payment-login-note strong{font-size:11px;color:#23527f}.ui-v230-public .payment-login-note span{font-size:10px;color:#70879e;line-height:1.45;margin-top:3px}
@media(max-width:760px){.ui-v230-public .payment-center-head{flex-direction:column}.ui-v230-public .payment-customer-chip{width:100%}.ui-v230-public .payment-invoice-hero{align-items:stretch;flex-direction:column}.ui-v230-public .payment-invoice-hero .btn{width:100%}}
.admin-ui-v230 .settings-warning-note{background:#fff8e8;border-color:#f0dfaf;color:#7b5b1d}
/* MikroTik/admin utility components introduced in v2.3.0 */
.admin-ui-v230 .info-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #d6e6f8;border-radius:15px;background:#f5f9ff;color:#315979;margin-bottom:15px}.admin-ui-v230 .info-banner-primary{background:linear-gradient(115deg,#f0f7ff,#f7fbff);border-color:#cfe2f8}.admin-ui-v230 .info-banner-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#126ff5,#11bcbc);color:#fff;font-weight:850;flex:none}.admin-ui-v230 .info-banner strong{display:block;color:#214c76}.admin-ui-v230 .info-banner p{margin:3px 0 0;color:#6d829a;font-size:10.5px;line-height:1.5}
.admin-ui-v230 .card-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.admin-ui-v230 .eyebrow-small{display:block;color:#6480a0;font-size:8px;letter-spacing:1.1px;font-weight:850}.admin-ui-v230 .router-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.admin-ui-v230 .router-meta span{padding:9px;border:1px solid #e1eaf5;border-radius:11px;background:#fbfdff;color:#6e8299;font-size:9.5px;min-width:0;word-break:break-word}.admin-ui-v230 .router-meta b{display:block;color:#315575;font-size:8px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.admin-ui-v230 .router-actions{margin-top:12px}.admin-ui-v230 .empty-state,.admin-ui-v230 .empty-inline{text-align:center;color:#768aa1}.admin-ui-v230 .empty-state{padding:32px 18px}.admin-ui-v230 .empty-state strong{display:block;color:#2c5275;font-size:14px}.admin-ui-v230 .empty-state p{margin:5px 0 14px}.admin-ui-v230 .empty-inline{padding:24px}.admin-ui-v230 .compact-stats .stat{min-height:110px}.admin-ui-v230 .text-success{color:#0b9c6b!important}.admin-ui-v230 .text-warning{color:#c47c11!important}.admin-ui-v230 .text-danger{color:#bd4053!important}.admin-ui-v230 .sync-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-ui-v230 .sync-choice{height:100%;display:flex;flex-direction:column;padding:14px;border:1px solid #dfeaf6;border-radius:14px;background:#fbfdff}.admin-ui-v230 .sync-choice strong{color:#244d73}.admin-ui-v230 .sync-choice p{color:#768aa1;font-size:10px;line-height:1.5;flex:1}.admin-ui-v230 .status-panel{padding:13px 14px;border-radius:13px;border:1px solid}.admin-ui-v230 .status-panel strong,.admin-ui-v230 .status-panel span{display:block}.admin-ui-v230 .status-panel span{font-size:10px;margin-top:3px}.admin-ui-v230 .status-panel.success{background:#effbf6;border-color:#cfeade;color:#167555}.admin-ui-v230 .status-panel.warning{background:#fff8ea;border-color:#ecdba9;color:#79581b}
@media(max-width:900px){.admin-ui-v230 .sync-choice-grid{grid-template-columns:1fr}.admin-ui-v230 .router-meta{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.admin-ui-v230 .router-meta{grid-template-columns:1fr}}
.admin-ui-v230 .router-card-grid>.router-card{grid-column:auto!important;margin:0}
.portal-body.ui-v230-public .portal-nav{background:linear-gradient(105deg,#0e3569,#0c5ba7 62%,#0f9c9f)!important;color:#fff!important;border-bottom:0;box-shadow:0 8px 28px rgba(16,57,106,.15)}
.portal-body.ui-v230-public .portal-links a{color:#e6f2ff}.portal-body.ui-v230-public .portal-links a:hover{color:#fff}.portal-body.ui-v230-public .portal-brand{color:#fff}.portal-body.ui-v230-public .portal-brand small{color:#cfe6ff}
@media(max-width:680px){.portal-body.ui-v230-public .portal-links{background:#fff}.portal-body.ui-v230-public .portal-links a{color:#284c76}.portal-body.ui-v230-public .portal-links a:hover{color:#126ff5}}

/* ARGALYTA ISP Manager v2.6.0 — background convergence + separated customer lists */
.admin-ui-v230 .sync-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #d9e6f4;border-radius:999px;background:#fff;color:#55708d;font-size:10px;font-weight:800;white-space:nowrap}
.admin-ui-v230 .sync-pill i{width:8px;height:8px;border-radius:50%;background:#16ad7c;box-shadow:0 0 0 4px rgba(22,173,124,.1)}
.admin-ui-v230 .sync-pill.is-working{border-color:#c8ddfb;background:#f3f8ff;color:#1768ce}.admin-ui-v230 .sync-pill.is-working i{background:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.1);animation:syncPulse 1s ease-in-out infinite}
.admin-ui-v230 .sync-pill.is-error{border-color:#efcbd1;background:#fff5f6;color:#ae3345}.admin-ui-v230 .sync-pill.is-error i{background:#df5264;box-shadow:0 0 0 4px rgba(223,82,100,.1)}
@keyframes syncPulse{0%,100%{transform:scale(.86);opacity:.72}50%{transform:scale(1.18);opacity:1}}

.admin-ui-v230 .customer-page-head{margin-bottom:13px}
.admin-ui-v230 .customer-type-tabs{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin:0 0 15px;max-width:760px}
.admin-ui-v230 .customer-type-tab{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dbe7f4;border-radius:15px;background:#fff;color:#395a7a;text-decoration:none;box-shadow:0 7px 20px rgba(42,77,123,.04);transition:.16s ease}
.admin-ui-v230 .customer-type-tab:hover{transform:translateY(-1px);border-color:#bbd4f2;background:#fbfdff}
.admin-ui-v230 .customer-type-tab.active{border-color:#82b7f5;background:linear-gradient(135deg,#f3f8ff,#f0fffc);box-shadow:0 9px 24px rgba(24,112,223,.08);color:#0e5fc4}
.admin-ui-v230 .customer-type-tab-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf5ff;color:#126ff5;font-weight:900;flex:none}
.admin-ui-v230 .customer-type-tab.active .customer-type-tab-icon{background:linear-gradient(135deg,#126ff5,#11bcbc);color:#fff}
.admin-ui-v230 .customer-type-tab strong,.admin-ui-v230 .customer-type-tab small{display:block}.admin-ui-v230 .customer-type-tab strong{font-size:12px}.admin-ui-v230 .customer-type-tab small{margin-top:2px;color:#7b8fa6;font-size:9.5px}
.admin-ui-v230 .customer-filterbar{display:grid;grid-template-columns:minmax(280px,2fr) minmax(155px,.7fr) minmax(180px,.8fr);gap:9px;width:100%}
.admin-ui-v230 .customer-list-card .card-header{padding:13px 15px}
.admin-ui-v230 .sync-error-inline{display:inline-block;max-width:230px;color:#b33346;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.admin-ui-v230 .customer-empty-state{text-align:center;padding:38px!important;color:#4d6987}
.admin-ui-v230 .customer-background-sync-note{border-color:#cfe2f8;background:linear-gradient(135deg,#f4f9ff,#f2fffb);color:#325b7d}

.admin-ui-v230 .customer-sync-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #dce8f5;border-radius:14px;background:#f8fbff;margin-bottom:16px}
.admin-ui-v230 .customer-sync-card.is-synced{border-color:#cde9dd;background:#f3fbf7}.admin-ui-v230 .customer-sync-card.is-error{border-color:#efcdd3;background:#fff6f7}
.admin-ui-v230 .customer-sync-copy strong{display:block;color:#234a70;font-size:12px;margin-bottom:4px}.admin-ui-v230 .customer-sync-copy small{display:block;color:#70869e;line-height:1.5;max-width:760px}

@media(max-width:950px){.admin-ui-v230 .customer-filterbar{grid-template-columns:1fr 1fr}.admin-ui-v230 .customer-filterbar .form-control{grid-column:1/-1}.admin-ui-v230 .sync-pill{padding:7px 9px}.admin-ui-v230 .sync-pill span{display:none}}
@media(max-width:620px){.admin-ui-v230 .customer-type-tabs{grid-template-columns:1fr}.admin-ui-v230 .customer-filterbar{grid-template-columns:1fr}.admin-ui-v230 .customer-filterbar .form-control{grid-column:auto}.admin-ui-v230 .customer-sync-card{flex-direction:column}.admin-ui-v230 .sync-pill{display:none}}
/* v3.1.0 Operations Workflow Pro */
.admin-ui-v230 .detail-list{display:grid;grid-template-columns:minmax(110px,34%) 1fr;gap:8px 14px;margin:0 0 16px}.admin-ui-v230 .detail-list dt{color:#6e8299;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.admin-ui-v230 .detail-list dd{margin:0;color:#274d70;white-space:normal;word-break:break-word}.admin-ui-v230 .input-group{display:flex;align-items:stretch}.admin-ui-v230 .input-group .form-control{border-radius:9px 0 0 9px}.admin-ui-v230 .input-group>span{display:flex;align-items:center;padding:0 10px;border:1px solid #dce7f3;border-left:0;border-radius:0 9px 9px 0;background:#f6f9fd;color:#6e8299;font-size:10px;white-space:nowrap}.admin-ui-v230 .badge-muted{background:#eef3f8;color:#6b7f95}.admin-ui-v230 details>summary.btn{list-style:none}.admin-ui-v230 details>summary.btn::-webkit-details-marker{display:none}.admin-ui-v230 .alert-warning{background:#fff7e6;color:#856018;border:1px solid #f2dfae}.admin-ui-v230 .alert-info{background:#eef7ff;color:#275c85;border:1px solid #d9eafb}.admin-ui-v230 .po-line .remove-row{min-width:34px}.admin-ui-v230 .page-head .eyebrow{display:block;color:#1769e0;font-size:9px;letter-spacing:1.25px;font-weight:850;margin-bottom:6px}.admin-ui-v230 table td{vertical-align:top}
@media(max-width:950px){.admin-ui-v230 .detail-list{grid-template-columns:1fr}.admin-ui-v230 .detail-list dt{margin-top:6px}.admin-ui-v230 .input-group{width:100%}}


/* ARGALYTA ISP Manager v3.2.1 — global UI consistency */
:root{--ui-font:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body,button,input,select,textarea,optgroup,
.admin-ui-v21,.admin-ui-v221,.admin-ui-v230,
.auth-page.ui-v21-public,.portal-body.ui-v21-public,.ui-v230-public,.saas-site.ui-v21-public{
  font-family:var(--ui-font)!important;
}
.admin-ui-v230 .grid{column-gap:14px;row-gap:22px}
.admin-ui-v230 .form-row{column-gap:14px;row-gap:18px}
.admin-ui-v230 .content-shell>.card + .card,
.admin-ui-v230 .content-shell>.grid + .card,
.admin-ui-v230 .content-shell>.card + .grid,
.admin-ui-v230 .content-shell>.grid + .grid{margin-top:22px}
.admin-ui-v230 .grid + .grid{margin-top:22px}
.admin-ui-v230 .card + .card{margin-top:18px}
.admin-ui-v230 .grid>.card{margin-top:0!important;margin-bottom:0!important}
.ui-v230-public .grid{column-gap:14px;row-gap:20px}
.ui-v230-public .card + .card{margin-top:18px}

.auto-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #e7eef7;background:#fbfdff;flex-wrap:wrap}
.auto-pagination .auto-pagination-info{font-size:11px;color:#6f839b}
.auto-pagination .auto-pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.auto-pagination button{min-width:34px;height:32px;padding:0 9px;border:1px solid #d7e3f1;border-radius:8px;background:#fff;color:#345775;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.auto-pagination button:hover:not(:disabled){border-color:#9fc2ef;color:#1268d7;background:#f4f9ff}
.auto-pagination button.active{background:#126ff5;border-color:#126ff5;color:#fff}
.auto-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:680px){
  .admin-ui-v230 .grid,.ui-v230-public .grid{row-gap:16px}
  .admin-ui-v230 .content-shell>.card + .card,
  .admin-ui-v230 .content-shell>.grid + .card,
  .admin-ui-v230 .content-shell>.card + .grid,
  .admin-ui-v230 .content-shell>.grid + .grid{margin-top:16px}
  .auto-pagination{align-items:stretch;flex-direction:column}
  .auto-pagination .auto-pagination-controls{justify-content:flex-start}
}

/* Reporting Center v3.3.0 */
.admin-ui-v230 .report-page-head{margin-bottom:14px}.admin-ui-v230 .report-actions{flex-wrap:wrap}.admin-ui-v230 .report-filter{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end;margin-bottom:14px}.admin-ui-v230 .report-filter-field label{display:block;font-size:11px;font-weight:750;color:#627b96;margin-bottom:6px}.admin-ui-v230 .report-filter-submit .btn{width:100%}.admin-ui-v230 .report-tabs{display:flex;gap:8px;overflow:auto;padding:3px 1px 11px;margin:0 0 7px;scrollbar-width:thin}.admin-ui-v230 .report-tab{flex:0 0 auto;border:1px solid #d9e6f3;background:#fff;color:#365b80;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:750;text-decoration:none;box-shadow:0 5px 16px rgba(40,74,110,.04)}.admin-ui-v230 .report-tab.active{background:#176ff7;border-color:#176ff7;color:#fff;box-shadow:0 9px 22px rgba(23,111,247,.2)}.admin-ui-v230 .report-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 16px}.admin-ui-v230 .report-kpis-secondary{margin-top:2px}.admin-ui-v230 .report-kpi{min-width:0;background:#fff;border:1px solid #dce8f4;border-radius:16px;padding:15px;box-shadow:0 8px 24px rgba(39,77,119,.055)}.admin-ui-v230 .report-kpi small{display:block;color:#69839e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.admin-ui-v230 .report-kpi strong{display:block;color:#173f69;font-size:20px;line-height:1.15;margin:8px 0 6px;word-break:break-word}.admin-ui-v230 .report-kpi span{display:block;color:#7b91a8;font-size:10px;line-height:1.4}.admin-ui-v230 .report-grid{gap:15px}.admin-ui-v230 .report-card{margin-bottom:0}.admin-ui-v230 .report-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-ui-v230 .report-card .card-header p{margin:4px 0 0;color:#7b91a8;font-size:11px}.admin-ui-v230 .report-trend{display:grid;gap:9px}.admin-ui-v230 .report-trend-row{display:grid;grid-template-columns:58px 1fr 120px;gap:10px;align-items:center;font-size:11px;color:#607a94}.admin-ui-v230 .report-trend-row>strong{text-align:right;color:#244d76;font-size:11px}.admin-ui-v230 .report-trend-bars{display:grid;gap:3px}.admin-ui-v230 .report-trend-bars i{display:block;height:6px;min-width:2px;border-radius:10px}.admin-ui-v230 .report-trend-bars .income{background:#1a7af4}.admin-ui-v230 .report-trend-bars .expense{background:#f5a524}.admin-ui-v230 .report-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:#7890aa;font-size:10px}.admin-ui-v230 .report-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#aab9c8;margin-right:5px}.admin-ui-v230 .report-legend .legend-income:before{background:#1a7af4}.admin-ui-v230 .report-legend .legend-expense:before{background:#f5a524}.admin-ui-v230 .report-health-list{display:grid;gap:0}.admin-ui-v230 .report-health-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf2f7}.admin-ui-v230 .report-health-list>div:last-child{border-bottom:0}.admin-ui-v230 .report-health-list span{color:#617b96;font-size:11px}.admin-ui-v230 .report-health-list strong{color:#173f69;font-size:12px;text-align:right}.admin-ui-v230 .aging-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-ui-v230 .aging-grid>div{border:1px solid #e3ecf5;background:#f9fbfd;border-radius:13px;padding:13px}.admin-ui-v230 .aging-grid small{display:block;color:#7890aa;font-size:10px}.admin-ui-v230 .aging-grid strong{display:block;color:#173f69;margin-top:7px;font-size:14px}.admin-ui-v230 .report-pager{padding:14px 16px;border-top:1px solid #e8eff6}.admin-ui-v230 .report-footnote{margin:16px 0 4px;border:1px solid #dce8f4;background:#f7fbff;border-radius:14px;padding:13px 15px;color:#617b96;font-size:11px;line-height:1.55}.admin-ui-v230 .report-footnote strong{color:#244d76}
@media(max-width:1280px){.admin-ui-v230 .report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.admin-ui-v230 .report-filter{grid-template-columns:1fr 1fr}.admin-ui-v230 .report-trend-row{grid-template-columns:52px 1fr}.admin-ui-v230 .report-trend-row>strong{grid-column:2;text-align:left}.admin-ui-v230 .aging-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.admin-ui-v230 .report-filter{grid-template-columns:1fr}.admin-ui-v230 .report-kpis{grid-template-columns:1fr 1fr;gap:9px}.admin-ui-v230 .report-kpi{padding:13px}.admin-ui-v230 .report-kpi strong{font-size:17px}.admin-ui-v230 .report-actions{width:100%}.admin-ui-v230 .report-actions .btn{flex:1}.admin-ui-v230 .aging-grid{grid-template-columns:1fr}.admin-ui-v230 .report-tabs{margin-left:-2px;margin-right:-2px}}
@media(max-width:420px){.admin-ui-v230 .report-kpis{grid-template-columns:1fr}}

/* v3.4.0 Executive + Analytics information architecture */
.page-eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--primary,#2b7fff);margin-bottom:6px}.flow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.flow-strip>div{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e4eaf2;border-radius:14px;padding:14px 15px;min-height:94px}.flow-strip b,.flow-strip span{display:block}.flow-strip b{font-size:.9rem;margin-bottom:6px}.flow-strip span{font-size:.79rem;line-height:1.45;color:#657286}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.section-heading h2{margin:0 0 4px;font-size:1.15rem}.section-heading p{margin:0;color:#6c7788;font-size:.84rem}.money-value{font-size:clamp(1.15rem,1.7vw,1.65rem)!important}.attention-list{display:grid;gap:10px}.attention-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;border:1px solid #e8edf4;border-radius:12px;padding:11px 12px;text-decoration:none;color:inherit;background:#fff}.attention-item:hover{border-color:#cfd9e8;box-shadow:0 5px 18px rgba(28,55,90,.07)}.attention-item small{display:block;color:#748094;margin-top:2px}.attention-dot{width:9px;height:9px;border-radius:50%;background:#7c8798}.attention-arrow{color:#8b96a7;font-size:1.1rem}.attention-item.level-critical .attention-dot,.signal-card.level-critical:before{background:#d94452}.attention-item.level-warning .attention-dot,.signal-card.level-warning:before{background:#f0a62b}.attention-item.level-info .attention-dot,.signal-card.level-info:before{background:#2b7fff}.attention-item.level-success .attention-dot,.signal-card.level-success:before{background:#19a56f}.metric-list{display:grid;gap:0}.metric-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f6}.metric-list>div:last-child{border-bottom:0}.metric-list span{color:#697689;font-size:.86rem}.metric-list b{text-align:right;font-size:.9rem}.metric-list .small-value{font-size:.76rem}.metric-alert{font-style:normal;color:#d94452;font-size:.78rem}.action-links{display:flex;gap:14px;flex-wrap:wrap}.action-links a{font-size:.82rem;font-weight:700}.analytics-guide{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;background:#f6f9fd;border:1px solid #e4eaf2;border-radius:14px;padding:12px 15px;margin-bottom:18px;font-size:.82rem;color:#647185}.analytics-guide>b{color:#26354a}.analytics-guide span strong{color:#33455d}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.signal-card{position:relative;display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e7ecf3;border-radius:12px;padding:12px 13px;overflow:hidden}.signal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#8b96a7}.signal-card strong,.signal-card small{display:block}.signal-card small{font-size:.76rem;color:#758196;margin-top:3px}.signal-card>b{font-size:1.05rem}.chart-legend{display:flex;gap:14px;font-size:.78rem;color:#697689}.chart-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend-down:before{background:#2b7fff}.legend-up:before{background:#13a877}.forecast-note{min-width:240px;white-space:normal!important;line-height:1.4}.empty-state{text-align:center;color:#758196;padding:28px 10px}.analytics-next .card-body{display:flex;justify-content:space-between;align-items:center;gap:18px}.analytics-next strong,.analytics-next span{display:block}.analytics-next span{color:#6d798b;font-size:.82rem;margin-top:4px}@media(max-width:900px){.flow-strip{grid-template-columns:1fr 1fr}.signal-grid{grid-template-columns:1fr}}@media(max-width:600px){.flow-strip{grid-template-columns:1fr}.attention-item{grid-template-columns:auto 1fr auto}.attention-arrow{display:none}.analytics-next .card-body{align-items:flex-start;flex-direction:column}.section-heading{margin-top:20px}}

/* v3.9.2 Reporting & analytics flow */
.admin-ui-v230 .intelligence-nav{margin-top:-4px;margin-bottom:14px;padding-bottom:7px}
.admin-ui-v230 .analytics-export-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-ui-v230 .analytics-export-form .form-select{min-width:170px}
.admin-ui-v230 .nav-submenu a.active{font-weight:800}
@media(max-width:760px){.admin-ui-v230 .analytics-export-form{width:100%}.admin-ui-v230 .analytics-export-form .form-select,.admin-ui-v230 .analytics-export-form .btn{flex:1 1 150px}}


/* v3.9.8 — consistent active sidebar state */
.admin-ui-v230 .nav-submenu a.active,
.admin-ui-v230 .nav-submenu a[aria-current="page"]{
  background:linear-gradient(90deg,#e3f0ff 0%,#f1f7ff 100%);
  color:#075fcf;
  font-weight:800;
  box-shadow:inset 3px 0 0 #1478ff,0 0 0 1px #cfe2fb;
}
.admin-ui-v230 .nav-submenu a.active:before,
.admin-ui-v230 .nav-submenu a[aria-current="page"]:before{background-color:#1478ff}
.admin-ui-v230 .nav-group.active-parent>summary{
  color:#075fcf;
  background:#eef6ff;
}
.admin-ui-v230 .nav-home[aria-current="page"],
.admin-ui-v230 .nav-plain[aria-current="page"]{
  color:#fff;
  background:linear-gradient(100deg,#1677ff,#14c7b9);
}

/* v3.13.0 auth production refresh */
.auth-page.ui-v21-public{background:
 radial-gradient(circle at 13% 15%,rgba(37,134,255,.28),transparent 34%),
 radial-gradient(circle at 88% 85%,rgba(12,190,185,.22),transparent 32%),
 linear-gradient(135deg,#e7f2ff 0%,#f8fbff 46%,#eaf8f7 100%)}
.auth-page.ui-v21-public .auth-card{border-color:#c8dced;box-shadow:0 30px 80px rgba(15,60,105,.18);position:relative;overflow:hidden}
.auth-page.ui-v21-public .auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#176fff,#0da8d3,#11bfae)}
.auth-page.ui-v21-public .auth-card h1{letter-spacing:-.4px}
.auth-page.ui-v21-public .form-control{background:#f5f9ff;border-color:#cbdced}.auth-page.ui-v21-public .form-control:focus{background:#fff;border-color:#2b83ed;box-shadow:0 0 0 3px rgba(43,131,237,.12)}

/* v3.14.1 - auth recovery + higher readability */
.auth-page.ui-v21-public,.login-page.ui-v21-public{color:#111827}
.auth-page.ui-v21-public .muted,.login-page.ui-v21-public .muted{color:#374151!important}
.auth-page.ui-v21-public .form-label,.login-page.ui-v21-public .form-label{color:#111827;font-weight:800}
.auth-page.ui-v21-public a,.login-page.ui-v21-public a{color:#0b5fc6}
.auth-security-setup{width:min(760px,94vw)!important}.auth-security-setup h1{color:#0b0f17}.security-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.security-status-grid>div{border:1px solid #d5dfeb;border-radius:12px;padding:12px;background:#f8fafc}.security-status-grid strong,.security-status-grid span{display:block}.security-status-grid strong{color:#111827}.security-status-grid span{color:#374151;font-size:11px;margin-top:3px}.channel-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.channel-choice label{border:1px solid #d5dfeb;border-radius:12px;padding:12px;background:#fff;color:#111827;cursor:pointer}.auth-security-setup details{border:1px solid #d5dfeb;border-radius:12px;background:#fff;margin-top:10px;overflow:hidden}.auth-security-setup summary{cursor:pointer;padding:13px 15px;font-weight:800;color:#111827;background:#f8fafc}.setup-panel{padding:14px 15px}.auth-security-setup .switch-row small{color:#374151}@media(max-width:680px){.security-status-grid,.channel-choice{grid-template-columns:1fr}.auth-security-setup{width:min(96vw,760px)!important}}
.auth-security-setup .setup-panel-standalone{border:1px solid #d5dfeb;border-radius:12px;background:#fff;padding:15px}.auth-security-setup .setup-panel-standalone>p{margin:0 0 12px;color:#111827}.readonly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.readonly-grid>div{background:#f3f6f9;border:1px solid #dce3eb;border-radius:10px;padding:10px}.readonly-grid span,.readonly-grid b{display:block}.readonly-grid span{font-size:10px;color:#4b5563}.readonly-grid b{font-size:12px;color:#111827;margin-top:4px;word-break:break-word}@media(max-width:680px){.readonly-grid{grid-template-columns:1fr}}
.ui-v21-public.login-page{background:linear-gradient(135deg,#e5eaf0 0%,#f1f3f5 50%,#e7edf2 100%)}
.auth-page.ui-v21-public{background:linear-gradient(135deg,#e5eaf0 0%,#f1f3f5 50%,#e7edf2 100%)}
.ui-v21-public .login-card,.auth-page.ui-v21-public .auth-card{background:#fff;color:#111827;border-color:#cfd7e1}