@keyframes fadeInScale{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#resellerDropdown .dropdown-item:hover{background-color:#f8f9fa;border-radius:4px}.table-custom{width:100%;min-width:500px;border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));border-collapse:separate;border-spacing:0;overflow:hidden}.table-custom td,.table-custom th{vertical-align:middle!important;border-color:var(--datatable-border-color, var(--bs-border-color, #e0e0e0))!important}.table-custom>:not(caption)>*>*{border-bottom:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-right:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0))}.table-custom>:not(caption)>*>:last-child{border-right:0}.table-custom>tbody>tr:last-child>*{border-bottom:0}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,table.dataTable td,table.dataTable th{white-space:nowrap}:root{--dt-control-height:calc(1.5em + .8125rem + 2px);--dt-mobile-search-width:220px}.dt-layout-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-top:20px;padding-bottom:8px}.dt-layout-top .dt-layout-cell{display:flex;align-items:center;min-width:0}.dt-layout-top .dt-layout-cell:first-child{flex:1 1 auto;justify-content:flex-start;gap:5px}.dt-layout-top .dt-layout-cell:last-child{flex:0 0 auto;justify-content:flex-end}.dt-layout-top .dt-layout-cell>*{margin:0}.dt-extra-filter,.dt-length{display:flex;align-items:center}.dt-length{justify-content:center;height:var(--dt-control-height);flex:0 0 auto;margin-bottom:0}.dt-extra-filter{justify-content:flex-start;margin-top:0;margin-left:0;min-width:0}.datatable-input,.datatable-selector{height:var(--dt-control-height);min-height:var(--dt-control-height);padding-top:.40625rem!important;padding-bottom:.40625rem!important;line-height:1.5;box-sizing:border-box}.dt-search,.server-toolbox{display:flex;align-items:center;width:auto}.dt-search{justify-content:flex-end;height:var(--dt-control-height);margin-top:0}.dt-search input{text-align:center;width:220px;max-width:260px}.dt-extra-filter select{min-width:130px;width:auto}.server-toolbox{justify-content:flex-start;gap:6px}.server-toolbox.d-none{display:none!important}#server-table-list .checkbox-wrapper,.btn-compact{display:inline-flex;align-items:center;justify-content:center}.btn-compact{height:var(--dt-control-height);min-height:var(--dt-control-height);font-size:.875rem;line-height:1.5;padding:.40625rem .75rem;gap:4px;white-space:nowrap;letter-spacing:.04em;width:auto}.btn-compact .material-symbols-outlined{font-size:1rem;line-height:1}@media (max-width:767.98px){.dt-layout-top{flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-top:28px;padding-bottom:14px}.dt-layout-top .dt-layout-cell,.dt-layout-top .dt-layout-cell:first-child,.dt-layout-top .dt-layout-cell:last-child{width:100%;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:8px}.dt-length{width:auto;height:var(--dt-control-height);justify-content:center;margin-bottom:0}.dt-extra-filter{width:100%;justify-content:center;padding-top:8px}.server-toolbox{display:inline-flex;width:auto;max-width:100%;justify-content:center;gap:6px}.server-toolbox.d-none{display:none!important}.btn-compact{width:auto;min-width:auto;padding-left:.55rem;padding-right:.55rem;font-size:.75rem}.btn-compact .material-symbols-outlined{font-size:.9rem}.dt-search{width:100%;height:var(--dt-control-height);justify-content:center}.dt-search input{width:min(100%,var(--dt-mobile-search-width));max-width:none}}@media (max-width:360px){.server-toolbox{gap:4px}.btn-compact{padding-left:.45rem;padding-right:.45rem;font-size:.7rem;letter-spacing:.02em}.btn-compact .material-symbols-outlined{font-size:.85rem}}mwc-select{--mdc-menu-max-height:300px;--mdc-menu-min-width:100%}.select-icon{width:1.5rem;margin-right:.5rem;vertical-align:middle}.litepicker{animation:fadeInScale .15s ease}#data-table tbody td,#server-table-list tbody td{vertical-align:middle!important}#server-table-list.dataTable tbody tr:hover{background-color:#f1f3f5}#server-table-list td.select-checkbox{position:relative;cursor:pointer}#server-table-list td.select-checkbox::before{content:"";width:14px;height:14px;border:1px solid #adb5bd;border-radius:3px;display:inline-block;vertical-align:middle;background:#fff}#server-table-list tr.selected td.select-checkbox::after{content:"";position:absolute;top:50%;left:50%;width:4px;height:8px;border:solid #0d6efd;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}#server-table-list.dataTable tbody tr.selected,#server-table-list.dataTable tbody tr.selected>*,#server-table-list.dataTable tbody tr.selected>td{background-color:#f5f5f5!important;color:inherit!important}#server-table-list.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(var(--bs-primary-rgb),.15)!important}#server-table-list .checkbox-wrapper{width:100%}#bulk-list{padding-right:0!important;margin-right:0!important;scrollbar-gutter:auto!important}.bulk-item{padding-right:8px}.bulk-item:hover{background:#f8f9fa}.bulk-action-content{width:100%}.bulk-action-content .alert,.bulk-server-item,.bulk-server-list{width:100%;box-sizing:border-box}.bulk-server-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;overflow-x:hidden;padding-right:0!important;margin-right:0!important;scrollbar-width:thin}.bulk-server-item{border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));padding:10px 12px;background:#fff;transition:background .15s ease,border-color .15s ease}.bulk-server-item:hover{background:#fafafa;border-color:#d6d6d6}.bulk-server-main{display:flex;align-items:center;gap:8px;min-width:0}.bulk-server-ip{font-weight:700;color:var(--bs-primary);white-space:nowrap}.bulk-server-name{color:#757575;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-remove-btn{width:28px;height:28px;min-width:28px;min-height:28px;padding:0!important;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;line-height:1}.bulk-remove-btn i,.session-route-action-btn i{font-size:16px;line-height:1}.bulk-confirm-area{text-align:center;padding-top:8px}.bulk-confirm-text{font-size:13px;color:#424242}.bulk-confirm-btn{min-width:170px;font-weight:700;letter-spacing:.04em}.session-route-list{display:flex;flex-direction:column;gap:10px}.session-route-item{position:relative;border:1px solid #e9ecef;border-radius:10px;padding:12px;background:#fff;overflow:hidden}.session-route-confirm,.session-route-front{transition:transform .2s ease,opacity .2s ease}.session-route-front{opacity:1;transform:rotateY(0)}.session-route-confirm{position:absolute;inset:0;background:#fff;padding:12px;opacity:0;transform:rotateY(90deg);pointer-events:none;display:flex;flex-direction:column;justify-content:center}.session-route-item.is-confirming .session-route-front{opacity:0;transform:rotateY(-90deg);pointer-events:none}.session-route-item.is-confirming .session-route-confirm{opacity:1;transform:rotateY(0);pointer-events:auto}.session-route-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.session-route-head{display:flex;align-items:center;gap:8px}.session-route-number{font-size:12px;color:#777;font-weight:700;min-width:20px}.session-protocol-badge,.session-route-action-btn{display:inline-flex;align-items:center;justify-content:center}.session-route-action-btn{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:50%;padding:0}.session-protocol-badge{height:18px;line-height:1;font-size:9px;font-weight:700;padding:0 7px;border-radius:4px;white-space:nowrap}.session-route-main{--arrow-left:43%;--arrow-top:10px;position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:start}.session-route-client,.session-route-ipbox,.session-route-server{min-width:0}.session-route-label{font-size:9px;color:#888;text-transform:uppercase;line-height:1;margin-bottom:3px}.session-route-ip{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;line-height:1.2;min-width:0}.session-route-ip-text{word-break:break-all;overflow-wrap:anywhere}.session-route-country{font-size:10px;color:#777;line-height:1.2}.session-route-flag{width:16px;height:12px;object-fit:cover;flex:0 0 auto;border-radius:2px}.session-route-arrow,.session-route-arrow-wrap{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.session-route-arrow-wrap{position:absolute;left:var(--arrow-left);top:var(--arrow-top);transform:translateX(-50%);z-index:2}.session-route-arrow{color:#999;font-size:12px;font-weight:700;border-radius:50%;background:#f8f9fa;line-height:1}.session-route-time{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin-top:9px;font-size:10px;color:#777}.session-route-time span b{color:#555}.session-time-last,.session-time-start{min-width:0}.session-kick-title{font-size:13px;font-weight:700;color:#333;margin-bottom:4px}.session-kick-text{font-size:11px;color:#777;line-height:1.4;margin-bottom:10px}.session-kick-actions{display:flex;align-items:center;gap:8px}.session-kick-cancel-btn,.session-kick-confirm-btn{font-size:11px;font-weight:600;padding:5px 10px}.session-kick-confirm-btn:disabled{opacity:.75;cursor:not-allowed}.session-penalty-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.session-penalty-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ffe69c;background:#fff8e1;border-radius:8px;padding:7px 9px;font-size:11px;color:#664d03}.session-penalty-info{display:flex;align-items:center;gap:5px;min-width:0}.session-penalty-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-penalty-time{font-weight:700;white-space:nowrap}.session-refreshing .session-route-item{opacity:.6;pointer-events:none}.session-refreshing .session-kick-cancel-btn,.session-refreshing .session-kick-confirm-btn,.session-refreshing .session-route-action-btn{pointer-events:none}@media (max-width:420px){.session-route-confirm,.session-route-item{padding:10px}.session-route-top{margin-bottom:8px}.session-route-action-btn{width:24px;height:24px;min-width:24px;min-height:24px}.session-route-action-btn i{font-size:15px}.session-route-main{--arrow-left:47%;--arrow-top:10px;grid-template-columns:1fr 1fr;column-gap:42px}.session-route-arrow{width:20px;height:20px;font-size:11px}.session-route-ip{font-size:11px}.session-route-country{font-size:9px}.session-route-time{grid-template-columns:1fr 1fr;column-gap:42px;font-size:9px}.session-kick-title{font-size:12px}.session-kick-text{font-size:10px;margin-bottom:8px}.session-kick-cancel-btn,.session-kick-confirm-btn{font-size:10px;padding:5px 8px}.session-penalty-item{font-size:10px;padding:6px 8px}.session-penalty-text{max-width:170px}}:root{--datatable-radius:var(--bs-border-radius, 0.25rem);--datatable-border-color:var(--bs-border-color, #e0e0e0)}.install-status-item,.install-status-panel{border-radius:var(--datatable-radius);padding:10px 12px;background:#fff}.install-status-panel{border:1px solid rgba(var(--bs-primary-rgb),.14);margin-bottom:14px}.install-status-item{border:1px solid #edf0f2;border-left-width:3px;border-left-style:solid}.install-status-item:last-child{margin-bottom:0!important}.install-status-progress{height:5px;border-radius:999px;background-color:#f1f3f5}.install-status-progress .progress-bar{border-radius:999px}.install-status-primary{border-left-color:var(--bs-primary)}.install-status-success{border-left-color:var(--bs-success)}.install-status-danger{border-left-color:var(--bs-danger)}.install-status-icon{width:18px;min-width:18px;display:flex;align-items:center;justify-content:center}.install-status-icon .material-symbols-outlined{font-size:18px}.min-w-0{min-width:0}.dt-container .dt-scroll{border:1px solid var(--datatable-border-color)!important;border-radius:var(--datatable-radius)!important;overflow:hidden!important;background:#fff;box-shadow:none!important}.dt-container .dt-scroll-body,.dt-container .dt-scroll-head,.dt-container .dt-scroll-headInner,.dt-container table.dataTable{border:0!important;box-shadow:none!important}.dt-container .dt-scroll-body{scrollbar-width:thin}.dt-container table.dataTable{margin-bottom:0!important;border-collapse:collapse!important;border-spacing:0!important;border-bottom:0!important}.dt-container table.dataTable.no-footer{border-bottom:0!important}.dt-container table.dataTable td,.dt-container table.dataTable th{border-color:var(--datatable-border-color)!important;box-shadow:none!important;vertical-align:middle!important}.dt-container table.dataTable>tbody>tr>td,.dt-container table.dataTable>tbody>tr>th,.dt-container table.dataTable>thead>tr>td,.dt-container table.dataTable>thead>tr>th{border-top:0!important;border-bottom:1px solid var(--datatable-border-color)!important}.dt-container table.dataTable>tbody>tr>td:not(:last-child),.dt-container table.dataTable>tbody>tr>th:not(:last-child),.dt-container table.dataTable>thead>tr>td:not(:last-child),.dt-container table.dataTable>thead>tr>th:not(:last-child){border-right:1px solid var(--datatable-border-color)!important}.dt-container table.dataTable>tbody>tr>td:last-child,.dt-container table.dataTable>tbody>tr>th:last-child,.dt-container table.dataTable>thead>tr>td:last-child,.dt-container table.dataTable>thead>tr>th:last-child{border-right:0!important}.dt-container .dt-scroll table.dataTable tbody tr:last-child td.dt-empty,.dt-container .dt-scroll table.dataTable tbody tr:last-child>*{border-bottom:0!important}.dt-container:not(:has(.dt-scroll)) table.dataTable{border:1px solid var(--datatable-border-color)!important;border-radius:var(--datatable-radius)!important;overflow:hidden}.dt-container table.dataTable .btn-icon,.usage-reset-confirm mwc-checkbox{flex:0 0 auto}.dt-container table.dataTable tbody td:last-child{white-space:nowrap}.dt-container table.dataTable tbody td:last-child>.col-12{width:auto;min-width:max-content}.dt-container table.dataTable tbody td:last-child .d-flex{flex-wrap:nowrap!important;align-items:center}.dt-container table.dataTable tbody td:last-child .btn-icon{flex:0 0 auto}.dt-container table.dataTable td.dt-action-cell,.dt-container table.dataTable th.dt-action-cell{width:1%!important;min-width:max-content!important;max-width:max-content!important;white-space:nowrap!important;padding-left:.45rem!important;padding-right:.45rem!important}.dt-container table.dataTable td.dt-action-cell>.col-12{width:max-content!important;min-width:max-content!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.dt-container table.dataTable td.dt-action-cell .d-flex,.dt-container table.dataTable td.dt-action-cell .table-action-buttons{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;width:max-content!important;min-width:max-content!important;max-width:none!important}.dt-container table.dataTable td.dt-action-cell .btn-icon{flex:0 0 auto!important}.credit-pill,.credit-pill-icon{display:inline-flex;align-items:center}.credit-pill{gap:5px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#fff;white-space:nowrap;transform:scale(.92);transform-origin:right center}.credit-pill-icon{width:17px;height:17px;min-width:17px;border-radius:50%;background:rgba(255,255,255,.2);justify-content:center}.credit-pill-icon i{font-size:12px;line-height:1}.credit-pill-value{font-size:11px;font-weight:800;color:#fff;line-height:1}.install-slot-pill{cursor:default;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.credit-pill.install-slot-pill-warning{background:rgba(255,193,7,.98);border-color:rgba(255,255,255,.42);box-shadow:0 0 0 2px rgba(255,193,7,.2)}.credit-pill.install-slot-pill-warning .credit-pill-icon{background:rgba(0,0,0,.12)}.credit-pill.install-slot-pill-warning .credit-pill-icon i,.credit-pill.install-slot-pill-warning .credit-pill-value{color:#212529}.credit-pill.install-slot-pill-danger{background:rgba(220,53,69,.95);border-color:rgba(255,255,255,.38);box-shadow:0 0 0 2px rgba(220,53,69,.18)}.credit-pill.install-slot-pill-danger .credit-pill-icon{background:rgba(255,255,255,.24)}.account-stats-card .card-body{padding:12px}.account-stat-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));background:#fafafa;border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0))}.account-stat-item+.account-stat-item{margin-top:6px}.account-stat-left{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.account-stat-icon,.account-stat-value{display:inline-flex;align-items:center;justify-content:center}.account-stat-icon{width:21px;height:21px;min-width:21px;border-radius:7px}.account-stat-icon i{font-size:13px;line-height:1}.account-stat-value{min-width:24px;height:20px;padding:0 7px;border-radius:999px;color:#fff;font-size:11px;font-weight:800}.account-stat-primary .account-stat-left{color:var(--bs-primary)}.account-stat-success .account-stat-left{color:var(--bs-success)}.account-stat-warning .account-stat-left{color:var(--bs-warning)}.account-stat-danger .account-stat-left{color:var(--bs-danger)}.account-stat-primary .account-stat-icon{background:rgba(var(--bs-primary-rgb),.12)}.account-stat-success .account-stat-icon{background:rgba(var(--bs-success-rgb),.12)}.account-stat-warning .account-stat-icon{background:rgba(var(--bs-warning-rgb),.16)}.account-stat-danger .account-stat-icon{background:rgba(var(--bs-danger-rgb),.12)}.account-stat-primary .account-stat-value{background:var(--bs-primary)}.account-stat-success .account-stat-value{background:var(--bs-success)}.account-stat-warning .account-stat-value{background:var(--bs-warning)}.account-stat-danger .account-stat-value{background:var(--bs-danger)}.panel-strip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));background:#fff;margin-bottom:14px}.panel-strip-left{display:flex;align-items:center;gap:9px;min-width:0;width:100%}.panel-strip-icon{width:26px;height:26px;min-width:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.panel-strip-icon i{font-size:16px;line-height:1}.panel-strip-items{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.panel-strip-expiry,.panel-strip-text{font-size:12px;font-weight:600;color:#555}.panel-strip-domain{color:#222}.panel-strip-domain,.panel-strip-status{font-size:12px;font-weight:700}.panel-strip-status-success{color:var(--bs-success)}.panel-strip-status-warning{color:#9a6700}.panel-strip-status-danger{color:var(--bs-danger)}.panel-strip-separator{font-size:12px;font-weight:700;color:#b0b0b0}.panel-strip-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:2px 7px;border-radius:5px;color:#fff;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.panel-strip-success{border-color:rgba(var(--bs-success-rgb),.22);background:rgba(var(--bs-success-rgb),.035)}.panel-strip-warning{border-color:rgba(var(--bs-warning-rgb),.35);background:rgba(var(--bs-warning-rgb),.06)}.panel-strip-danger{border-color:rgba(var(--bs-danger-rgb),.25);background:rgba(var(--bs-danger-rgb),.045)}.panel-strip-muted{background:#fafafa}.panel-strip-success .panel-strip-icon{color:var(--bs-success);background:rgba(var(--bs-success-rgb),.12)}.panel-strip-warning .panel-strip-icon{color:#9a6700;background:rgba(var(--bs-warning-rgb),.18)}.panel-strip-danger .panel-strip-icon{color:var(--bs-danger);background:rgba(var(--bs-danger-rgb),.12)}.panel-strip-muted .panel-strip-icon{color:#777;background:#f1f3f5}.dashboard-stat-card{border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-left-width:3px;box-shadow:none}.dashboard-stat-card .card-body{padding:14px 16px}.dashboard-stat-primary{border-left-color:var(--bs-primary)}.dashboard-stat-warning{border-left-color:var(--bs-warning)}.dashboard-stat-content{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-stat-value{font-size:18px;font-weight:400;line-height:1.2;color:#222}.dashboard-stat-label{font-size:12px;color:#666;margin-top:4px}.dashboard-stat-icon{width:42px;height:42px;min-width:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}.dashboard-stat-primary .dashboard-stat-icon{background:var(--bs-primary)}.dashboard-stat-warning .dashboard-stat-icon{background:var(--bs-warning)}.dashboard-stat-icon i{font-size:23px;line-height:1}@media (max-width:575.98px){.dashboard-stat-card .card-body{padding:12px 14px}.dashboard-stat-value{font-size:17px;font-weight:400}.dashboard-stat-icon{width:38px;height:38px;min-width:38px}}:root{--card-header-control-size:28px;--card-header-min-height:42px}.card>.card-header{padding-top:10px!important;padding-bottom:7px!important;min-height:var(--card-header-min-height)!important;display:flex!important;flex-direction:column;justify-content:center}.card>.card-header>.d-flex{width:100%;min-height:var(--card-header-control-size)!important;align-items:center!important}.card>.card-header>.d-flex>:first-child{min-height:var(--card-header-control-size)!important;display:flex;flex-direction:column;justify-content:center}.card>.card-header .card-title{font-size:16px!important;line-height:1.1!important;font-weight:500!important;margin-bottom:0!important}.card>.card-header h1.card-title,.card>.card-header h2.card-title,.card>.card-header h3.card-title,.card>.card-header h4.card-title,.card>.card-header h5.card-title,.card>.card-header h6.card-title{margin-bottom:0!important}.card>.card-header .card-header-subtitle,.card>.card-header .card-subtitle,.card>.card-header .small,.card>.card-header small{display:block;font-size:11px!important;line-height:1.15!important;font-weight:inherit!important;margin-top:3px!important}.card>.card-header.bg-primary .card-header-subtitle,.card>.card-header.bg-primary .card-subtitle,.card>.card-header.bg-primary .small,.card>.card-header.bg-primary small{color:rgba(255,255,255,.72)!important}.card>.card-header .btn-icon{width:var(--card-header-control-size)!important;height:var(--card-header-control-size)!important;min-width:var(--card-header-control-size)!important;min-height:var(--card-header-control-size)!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.card>.card-header .btn-icon.btn-sm{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}.card>.card-header .btn-icon i{font-size:16px!important;line-height:1!important}.card>.card-header .btn-icon.btn-sm i{font-size:15px!important}.card>.card-header.bg-primary .btn-primary.btn-icon{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.card>.card-header.bg-primary .btn-primary.btn-icon:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important}.card>.card-header .card-header-actions,.card>.card-header .d-flex.gap-2{display:flex;align-items:center;gap:6px}@media (max-width:575.98px){:root{--card-header-control-size:26px;--card-header-min-height:40px}.card>.card-header{padding-top:9px!important;padding-bottom:7px!important}.card>.card-header .card-title{font-size:15px!important;font-weight:500!important}.card>.card-header .card-header-subtitle,.card>.card-header .card-subtitle,.card>.card-header .small,.card>.card-header small{font-size:10px!important}.card>.card-header .btn-icon i{font-size:15px!important}}.panel-info-card .card-body{padding:12px!important}.panel-info-list{display:flex;flex-direction:column;gap:8px}.panel-info-row{display:flex;align-items:center;gap:10px;border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));background:#fafafa;padding:9px 10px}.panel-info-row-icon{width:28px;height:28px;min-width:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.panel-info-row-icon i{font-size:17px;line-height:1}.panel-info-row-main{min-width:0;flex:1}.panel-info-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#777;margin-bottom:4px;line-height:1}.panel-info-value{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap;font-size:12px;line-height:1.2}.panel-info-domain{font-weight:600;color:#222}.panel-info-muted-text{color:#666;font-weight:500}.panel-info-dot{color:#aaa;font-weight:700}.panel-info-status,.settings-vpn-clear-main mwc-formfield{font-weight:600}.panel-info-status-success{color:var(--bs-success)}.panel-info-status-warning{color:#9a6700}.panel-info-status-danger{color:var(--bs-danger)}.panel-info-primary{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.12)}.panel-info-success{color:var(--bs-success);background:rgba(var(--bs-success-rgb),.12)}.panel-info-warning{color:#9a6700;background:rgba(var(--bs-warning-rgb),.18)}.panel-info-danger{color:var(--bs-danger);background:rgba(var(--bs-danger-rgb),.12)}.panel-info-muted{color:#777;background:#f1f3f5}.panel-info-empty{display:flex;align-items:center;gap:8px;color:#666;font-size:12px;font-weight:500}.dashboard-registration-card{height:auto}.dashboard-line-wrap,.dashboard-pie-wrap{position:relative;width:100%;height:250px}.dashboard-pie-wrap{max-width:14rem;height:240px;margin:0 auto}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#777;font-size:12px;font-weight:500;text-align:center}.chart-empty.d-none{display:none!important}@media (max-width:575.98px){.dashboard-line-wrap{height:220px}.dashboard-pie-wrap{max-width:13rem;height:220px}}.cloudflare-traffic-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cloudflare-traffic-total{font-size:18px;font-weight:700;color:#222}.cloudflare-traffic-subtitle{font-size:12px;color:#777}.cloudflare-country-list{display:flex;flex-direction:column;gap:8px}.cloudflare-country-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e9ecef;border-radius:8px;padding:9px 10px;background:#fff}.cloudflare-country-info{display:flex;align-items:center;gap:8px;min-width:0}.cloudflare-country-flag{width:18px;height:13px;object-fit:cover;border-radius:2px;flex:0 0 auto}.cloudflare-country-name{font-size:13px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloudflare-country-requests{font-size:13px;font-weight:700;color:#333;white-space:nowrap}.cloudflare-empty{padding:22px 0;text-align:center;color:#777}@media (max-width:420px){.cloudflare-traffic-summary{align-items:flex-start;flex-direction:column}.cloudflare-country-name{max-width:170px}}.cloudflare-card-body{min-height:145px}.cloudflare-loading{min-height:145px;display:flex;align-items:center;justify-content:center;color:#777;font-size:13px}.server-map-wrap{display:grid;grid-template-columns:1fr 280px;gap:12px}#server-map,.server-map-list{border:1px solid #e9ecef;border-radius:10px;height:320px}#server-map{width:100%;overflow:hidden;background:#f8f9fa}.server-map-list{padding:10px;max-height:320px;overflow-y:auto;overflow-x:hidden;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ced4da transparent}.server-map-list::-webkit-scrollbar{width:6px}.server-map-list::-webkit-scrollbar-track{background:0 0}.server-map-list::-webkit-scrollbar-thumb{background:#ced4da;border-radius:10px}.server-map-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.server-map-empty,.server-map-loading{min-height:290px;display:flex;align-items:center;justify-content:center;color:#777;font-size:13px;text-align:center}.server-map-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f1f3f5;padding:9px 8px;cursor:pointer;border-radius:6px;transition:background .12s ease}.server-map-row:last-child{border-bottom:0}.server-map-row:hover{background:#f5f5f5}.server-map-row.is-active{background:#eee}.server-map-info{display:flex;align-items:center;gap:8px;min-width:0}.server-map-flag{width:18px;height:13px;object-fit:cover;border-radius:2px;flex:0 0 auto}.server-map-name{font-size:13px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.server-map-country,.server-map-ip{font-size:10px;color:#777;line-height:1.2}.server-map-country{color:#999}.server-map-connected{font-size:12px;font-weight:700;white-space:nowrap;color:#111}.leaflet-container{font-family:inherit;background:#f8f9fa}.leaflet-control-attribution{font-size:9px}.server-map-marker{width:34px;height:34px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.22);cursor:pointer}.server-map-popup .leaflet-popup-content-wrapper{padding:0;border-radius:10px;overflow:hidden;background:0 0;box-shadow:0 8px 24px rgba(0,0,0,.16)}.server-map-popup .leaflet-popup-content{margin:0}.server-map-popup .leaflet-popup-tip,.server-map-popup-box{background:var(--bs-primary, #6f00ff)}.server-map-popup-box{color:#fff;padding:12px 14px;min-width:170px}.server-map-popup-name{font-size:13px;font-weight:400;line-height:1.3;margin-bottom:4px;color:#fff}.server-map-popup-line{font-size:12px;font-weight:400;line-height:1.35;color:rgba(255,255,255,.95);margin-bottom:2px}.server-map-popup-line:last-child{margin-bottom:0}@media (max-width:768px){.server-map-wrap{grid-template-columns:1fr}#server-map{height:260px}.server-map-list{height:260px;max-height:260px}.server-map-name{max-width:180px}}.server-map-cluster{width:38px;height:38px;border-radius:50%;background:var(--bs-primary, #6f00ff);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.22)}.free-mode-user-card{border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));box-shadow:none}.free-mode-user-card .card-body{padding:14px 16px}.free-mode-user-card.border-primary{border-color:var(--bs-primary)!important}.free-mode-user-heading{min-width:0}.free-mode-user-title{font-size:14px;font-weight:700;color:#111;line-height:1.2}.free-mode-user-subtitle{font-size:12px;color:#777;line-height:1.3;margin-top:3px}.free-mode-badge{height:18px;padding:0 7px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;line-height:1}.free-mode-alert{border-color:rgba(var(--bs-warning-rgb),.35);background:rgba(var(--bs-warning-rgb),.08);color:#664d03}.free-stat-box{border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));background:#fff;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.free-stat-label,.free-stat-value{font-size:12px;line-height:1.2;display:flex;align-items:center}.free-stat-label{gap:5px;color:#777}.free-stat-label i{font-size:16px;line-height:1}.free-stat-value{font-weight:400;color:var(--bs-primary);min-height:15px}.free-pending-box{--free-close-top:0px;--free-close-right:-8px;position:relative;overflow:hidden;border-color:rgba(var(--bs-warning-rgb),.35);background:rgba(var(--bs-warning-rgb),.08);color:#664d03;border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));min-height:82px}.free-pending-confirm,.free-pending-front{transition:transform .18s ease,opacity .18s ease}.free-pending-front{opacity:1;transform:rotateY(0);padding-right:34px}.free-pending-confirm{position:absolute;inset:0;padding:10px 12px;background:#fff8e1;opacity:0;transform:rotateY(90deg);pointer-events:none;display:flex;flex-direction:column;justify-content:center;border-radius:inherit}.free-pending-box.is-confirming .free-pending-front{opacity:0;transform:rotateY(-90deg);pointer-events:none}.free-pending-box.is-confirming .free-pending-confirm{opacity:1;transform:rotateY(0);pointer-events:auto}.free-pending-close{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%!important;position:absolute;top:var(--free-close-top)!important;right:var(--free-close-right)!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;line-height:1;z-index:5}.free-pending-close i{font-size:17px;line-height:1}.free-pending-title{font-size:12px;font-weight:700;color:#664d03;line-height:1.2;margin-bottom:5px}.free-pending-row{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px;line-height:1.35}.free-pending-row+.free-pending-row{margin-top:5px}.free-pending-icon{font-size:16px;line-height:1;flex:0 0 auto}.free-pending-text{min-width:0;word-break:break-word;overflow-wrap:anywhere}.free-pending-confirm-title{font-size:13px;font-weight:700;color:#333;line-height:1.2;margin-bottom:4px;text-align:center}.free-pending-confirm-text{font-size:11px;color:#777;line-height:1.35;margin-bottom:9px;text-align:center}.free-pending-confirm-actions{display:flex;align-items:center;justify-content:center;gap:8px}.free-action-btn,.free-confirm-btn{display:inline-flex;align-items:center;justify-content:center}.free-confirm-btn{min-width:72px;font-size:10px;font-weight:700;letter-spacing:.04em}.free-action-btn{text-align:center;white-space:nowrap}.free-user-actions{display:flex;align-items:center;gap:8px}.free-delete-modal-text{font-size:13px;color:#333;line-height:1.35}.free-delete-modal-muted{font-size:12px;color:#777;line-height:1.4}@media (max-width:575.98px){.free-mode-user-card .card-body{padding:12px}.free-mode-alert{padding:10px 12px}.free-stat-box{padding:8px 9px}.free-mode-alert .small,.free-stat-label{font-size:11px}.free-stat-label i{font-size:15px}.free-pending-box{--free-close-top:0px;--free-close-right:-8px;min-height:78px}.free-pending-front{padding-right:32px}.free-pending-row,.free-pending-title,.free-stat-value{font-size:11px}.free-pending-confirm-title{font-size:12px}.free-pending-confirm-text{font-size:10px}.free-user-actions{display:grid!important;grid-template-columns:1fr;gap:8px}.free-action-btn,.free-user-actions .btn{width:100%;justify-content:center;text-align:center}}.settings-vpn-shell{width:100%}.settings-vpn-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(var(--bs-primary-rgb),.18);border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.08),rgba(var(--bs-primary-rgb),.02));padding:14px 16px;margin-bottom:12px}.settings-vpn-hero-main{display:flex;align-items:center;gap:11px;min-width:0}.settings-vpn-hero-icon{width:38px;height:38px;min-width:38px;border-radius:12px;color:#fff;background:var(--bs-primary);display:inline-flex;align-items:center;justify-content:center}.settings-vpn-hero-icon i{font-size:22px;line-height:1}.settings-vpn-title{font-size:17px;font-weight:700;color:#222;line-height:1.2}.settings-vpn-subtitle{font-size:12px;color:#666;margin-top:3px;line-height:1.35}.settings-vpn-card,.settings-vpn-info-card{border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));box-shadow:none;background:#fff}.settings-vpn-info-card{padding:12px}.settings-vpn-info-item{display:flex;align-items:flex-start;gap:10px;border:1px solid #edf0f2;border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));padding:10px;margin-bottom:9px;background:#fafafa}.settings-vpn-info-icon{width:28px;height:28px;min-width:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.settings-vpn-info-icon i{font-size:17px;line-height:1}.settings-vpn-info-title{font-size:12px;font-weight:700;color:#333;line-height:1.2;margin-bottom:3px}.settings-vpn-info-text{font-size:11px;color:#666;line-height:1.4}.settings-vpn-protocols{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.settings-vpn-protocols .badge{font-size:10px;font-weight:700}.settings-vpn-card .card-body{padding:16px}.settings-vpn-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.settings-vpn-section-title{font-size:14px;font-weight:700;color:#333;line-height:1.2}.settings-vpn-section-subtitle{font-size:11px;color:#777;margin-top:3px}.settings-vpn-clear-box{border:1px solid #edf0f2;border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));padding:10px 12px;background:#fafafa}.settings-vpn-save-note{font-size:11px}.vpn-clear-warning{font-size:12px}.vpn-clear-warning .material-symbols-outlined{font-size:18px;line-height:1}@media (max-width:575.98px){.settings-vpn-hero{flex-direction:column;align-items:stretch;padding:12px}.settings-vpn-form-head{flex-direction:column;align-items:flex-start}}.settings-tab-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(var(--bs-primary-rgb),.18);border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.08),rgba(var(--bs-primary-rgb),.02));padding:14px 16px;margin-bottom:12px}.settings-tab-hero-main{display:flex;align-items:center;gap:11px;min-width:0}.settings-tab-hero-icon{width:38px;height:38px;min-width:38px;border-radius:12px;color:#fff;background:var(--bs-primary);display:inline-flex;align-items:center;justify-content:center}.settings-tab-hero-icon i{font-size:22px;line-height:1}.settings-tab-title{font-size:17px;font-weight:700;color:#222;line-height:1.2}.settings-tab-subtitle{font-size:12px;color:#666;margin-top:3px;line-height:1.35}.settings-app-hero{border-color:rgba(var(--bs-success-rgb),.2);background:linear-gradient(135deg,rgba(var(--bs-success-rgb),.08),rgba(var(--bs-success-rgb),.02))}.settings-app-hero-icon{background:var(--bs-success)}.settings-cloudflare-hero{border-color:rgba(var(--bs-primary-rgb),.2);background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.08),rgba(var(--bs-primary-rgb),.02))}.settings-cloudflare-hero-icon{background:var(--bs-primary)}.settings-form-card,.settings-info-card,.settings-table-card{border:1px solid var(--datatable-border-color, var(--bs-border-color, #e0e0e0));border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));box-shadow:none;background:#fff}.settings-info-card{padding:12px}.settings-info-item{display:flex;align-items:flex-start;gap:10px;border:1px solid #edf0f2;border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem));padding:10px;margin-bottom:9px;background:#fafafa}.settings-info-icon{width:28px;height:28px;min-width:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.settings-info-icon i{font-size:17px;line-height:1}.settings-info-title{font-size:12px;font-weight:700;color:#333;line-height:1.2;margin-bottom:3px}.settings-info-text{font-size:11px;color:#666;line-height:1.4}.settings-info-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.settings-info-tags .badge{font-size:10px;font-weight:700}.settings-form-card .card-body,.settings-table-card .card-body{padding:16px}.settings-form-title,.settings-table-title{font-size:14px;font-weight:700;color:#333;line-height:1.2}.settings-form-subtitle,.settings-table-subtitle{font-size:11px;color:#777;margin-top:3px}.settings-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}@media (max-width:575.98px){.settings-tab-hero{flex-direction:column;align-items:stretch;padding:12px}.settings-tab-title{font-size:16px}.settings-tab-subtitle{font-size:11px}.settings-form-card .card-body,.settings-table-card .card-body{padding:14px}}.settings-form-head-action{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.settings-header-action{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.settings-header-action i{font-size:16px;line-height:1}@media (max-width:420px){.settings-form-head-action{flex-direction:column;align-items:stretch}.settings-header-action{width:100%}}.free-disabled-note{border:1px solid rgba(var(--bs-danger-rgb),.2)!important;border-radius:var(--datatable-radius, var(--bs-border-radius, 0.25rem))!important;background:rgba(var(--bs-danger-rgb),.035)!important;color:#842029!important;padding:8px 10px!important;box-shadow:none!important}.free-disabled-row{display:flex;align-items:flex-start;gap:9px}.free-disabled-icon{width:24px;height:24px;min-width:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--bs-danger);background:rgba(var(--bs-danger-rgb),.1);margin-top:1px}.free-disabled-icon i{font-size:15px;line-height:1}.free-disabled-copy{min-width:0}.free-disabled-title{font-size:12px;font-weight:700;color:#842029;line-height:1.2;margin-bottom:3px}.free-disabled-text{font-size:11px;font-weight:500;line-height:1.35;color:#9f2432}@media (max-width:420px){.free-disabled-note{padding:8px 10px!important}.free-disabled-text{font-size:10.5px}}.free-stat-box{position:relative;min-height:54px;padding:8px 10px}.free-stat-label{min-height:17px;margin-bottom:4px}.free-session-value-row>.free-stat-value,.free-stat-box>.free-stat-value{position:absolute;left:10px;bottom:8px;height:15px;min-height:15px;display:flex;align-items:center;line-height:15px;transform:none}.free-session-stat-box{padding-right:62px}.free-session-value-row{display:block;height:15px;min-height:15px}.free-session-view-btn{position:absolute;right:10px;top:50%;bottom:auto;transform:translateY(-50%);height:20px;min-height:20px;padding:0 9px!important;border:1px solid rgba(var(--bs-primary-rgb),.34);border-radius:999px!important;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;background:rgba(var(--bs-primary-rgb),.06);color:var(--bs-primary);transition:background .15s ease,border-color .15s ease,color .15s ease}.free-session-view-btn:focus,.free-session-view-btn:hover{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.free-session-view-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;background:#f8f9fa;border-color:#dee2e6;color:#9aa0a6}@media (max-width:575.98px){.free-mode-user-card .row.gx-2.gy-2{--bs-gutter-x:0}.free-mode-user-card .row.gx-2.gy-2>.col-6{width:100%;flex:0 0 100%;max-width:100%}.free-mode-user-card .row.gx-2.gy-2>.col-6+.col-6{margin-top:8px}.free-stat-box{min-height:54px;padding:8px 10px}.free-session-value-row>.free-stat-value,.free-stat-box>.free-stat-value{left:10px;bottom:8px}.free-session-stat-box{padding-right:64px}.free-session-view-btn{right:10px;top:50%;bottom:auto;transform:translateY(-50%);height:20px;min-height:20px;padding:0 9px!important;font-size:8px}}@media (max-width:360px){.free-mode-user-card .card-body{padding:11px}.free-session-stat-box{padding-right:60px}.free-session-view-btn{right:9px;top:50%;bottom:auto;transform:translateY(-50%);padding:0 8px!important;font-size:7.5px}}.usage-modalize .modal-dialog{max-width:520px}.usage-reset-alert{margin-bottom:16px}.usage-alert-row{display:grid;grid-template-columns:minmax(135px,42%) minmax(0,1fr);column-gap:10px;padding:4px 0}.usage-alert-label,.usage-detail-label{color:var(--bs-gray-600)}.usage-alert-value,.usage-detail-value{min-width:0;text-align:left;overflow-wrap:anywhere}.usage-detail-row{display:grid;grid-template-columns:minmax(125px,42%) minmax(0,1fr);align-items:center;column-gap:12px;padding:8px 16px}.usage-detail-label{font-size:.875em}.usage-progress-wrap{padding:8px 16px}.usage-progress{height:20px}.usage-reset-confirm{display:flex;width:100%;max-width:100%;align-items:flex-start;white-space:normal;line-height:1.35}.usage-reset-actions .btn{min-width:140px}@media (max-width:575.98px){.usage-modalize .modal-dialog{max-width:none;margin:8px}.usage-modalize .modal-content{max-height:calc(100dvh - 16px)}.usage-modalize .modal-header{padding:14px 16px}.usage-modalize .modal-body{overflow-y:auto;padding:10px 12px 14px}.usage-reset-alert{padding:12px!important;margin-bottom:12px;font-size:.875rem}.usage-reset-alert>.mb-2{margin-bottom:8px!important}.usage-alert-row{grid-template-columns:minmax(0,1fr);row-gap:1px;padding:5px 0}.usage-alert-row+.usage-alert-row{border-top:1px solid rgba(0,0,0,.06)}.usage-alert-label{font-size:.75rem;line-height:1.25}.usage-alert-value{font-size:.875rem;line-height:1.35}.usage-detail-row{grid-template-columns:minmax(110px,40%) minmax(0,1fr);column-gap:8px;padding:9px 12px}.usage-detail-label{font-size:.75rem;line-height:1.25}.usage-detail-value{font-size:.875rem;line-height:1.35}.usage-progress-wrap{padding:8px 12px}.usage-reset-confirm{margin-bottom:12px!important;font-size:.875rem}}@media (max-width:380px){.usage-detail-row{grid-template-columns:minmax(0,1fr);row-gap:2px}}