:root{--bg:#f4f1ec;--surface:#fff;--surface-soft:#fbfaf7;--text:#202124;--muted:#71716d;--line:#e4dfd6;--accent:#2f8f83;--accent-strong:#1f6f67;--accent-soft:#e4f3ef;--orange:#b66b1f;--orange-soft:#fff0dd;--rose:#b94e64;--rose-soft:#fae6eb;--shadow:0 20px 50px #2a261f1c;--sidebar-bg:#fffdf9;--sidebar-heading:#9a8f82;--nav-text:#4e504f;--topbar-bg:#f4f1ece0;--switch-bg:#eee7dc;--switch-text:#6f6961;--rank-bg:#f0eee8;--rank-text:#7c746a;--scrollbar-track:transparent;--scrollbar-thumb:#b4afa566;--scrollbar-thumb-hover:#8c877d99}:root[data-theme=dark]{--bg:#0e0f11;--surface:#1a1b1e;--surface-soft:#212226;--text:#e8e6e3;--muted:#8a8a8a;--line:#2e2f33;--accent:#3fb8aa;--accent-strong:#5fd4c6;--accent-soft:#3fb8aa1f;--orange:#e8a045;--orange-soft:#e8a0451f;--rose:#e06080;--rose-soft:#e060801f;--shadow:0 20px 50px #0006;--sidebar-bg:#141518;--sidebar-heading:#6e6e6e;--nav-text:#b0b0b0;--topbar-bg:#0e0f11e0;--switch-bg:#2a2b2e;--switch-text:#8a8a8a;--rank-bg:#252629;--rank-text:#8a8a8a;--scrollbar-track:transparent;--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hover:#ffffff40}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .15s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:2px solid #0000}html,body{min-height:100%}body{background:var(--bg);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .2s,color .2s}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(135deg,#172925e0,#305b54c2),url(https://phongvu.vn/cong-nghe/wp-content/uploads/2024/11/hinh-nen-dien-thoai-4k-22-576x1024.jpg) 50%/cover;flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #ffffff3d;border-radius:24px;width:260px;height:260px;position:absolute;inset:auto 42px 42px auto;transform:rotate(8deg)}.login-brand,.brand{align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:inline-grid}.login-copy{z-index:1;max-width:620px;position:relative}.login-copy p{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:700}.login-copy h1{letter-spacing:0;max-width:720px;margin:0 0 22px;font-size:clamp(38px,5vw,72px);line-height:1.02}.login-copy span{color:#ffffffd1;max-width:480px;font-size:17px;line-height:1.7;display:block}.login-card{background:var(--surface);flex-direction:column;justify-content:center;padding:56px;display:flex}.security-badge{border:1px solid var(--line);width:max-content;color:var(--accent-strong);border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:700;display:inline-flex}.login-card-heading{margin:30px 0}.login-card h2{letter-spacing:0;margin:0 0 10px;font-size:34px}.login-card p{color:var(--muted);margin:0}.auth-form{gap:18px;max-width:420px;display:grid}.auth-form label{color:var(--text);gap:8px;font-size:14px;font-weight:700;display:grid}.input-shell{border:1px solid var(--line);background:var(--surface-soft);min-height:48px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.input-shell input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.form-error,.alert-error{background:var(--rose-soft);color:#8c3148;border:1px solid #f0bec9;border-radius:10px}.form-error{padding:11px 13px;font-size:14px}.form-success{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #b9dfd0;border-radius:10px;padding:11px 13px;font-size:14px;font-weight:800}.primary-button,.ghost-button,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button{background:var(--accent);color:#fff;border-radius:10px;min-height:48px;padding:0 18px;font-weight:800}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.65}.button-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.admin-shell{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:100vh;padding:22px 18px;transition:background .2s;position:sticky;top:0;overflow-y:auto;border-right:1px solid var(--line)!important;background:var(--sidebar-bg)!important}.brand{padding:4px 6px 18px;font-size:17px}.nav-list,.nav-group{gap:5px;display:grid}.nav-group{margin-top:16px}.nav-heading{text-transform:uppercase;padding:8px 10px;font-size:11px;font-weight:800;color:var(--sidebar-heading)!important}.nav-item{border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:0 10px;font-size:14px;font-weight:700;display:flex;color:var(--nav-text)!important}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-item.disabled{cursor:default;opacity:.46}.shell-main{min-width:0;overflow-x:hidden}.sidebar-backdrop{display:none}.topbar-title{flex:1;min-width:0}.topbar-title h1,.topbar-title p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:16px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:0;margin:0;font-size:24px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:14px}.ghost-button,.icon-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--nav-text);border-radius:10px;font-weight:800}.ghost-button{padding:0 14px}.topbar-actions{align-items:center;gap:8px;display:flex}.locale-dropdown{position:relative}.locale-menu{z-index:1000;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:160px;padding:6px;animation:.15s ease-out locale-slide-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}@keyframes locale-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.locale-option{width:100%;color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;transition:background .15s;display:flex}.locale-option:hover{background:var(--hover)}.locale-option.active{background:var(--accent);color:#fff}.locale-flag{font-size:16px;line-height:1}.icon-button{width:40px}.content{gap:22px;padding:28px;display:grid}.alert-error,.ticket-alert,.toolbar-row,.panel,.metric-pair,.quick-actions a,.quick-actions span{box-shadow:var(--shadow)}.alert-error{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.ticket-alert{background:var(--orange-soft);color:#6c461e;border:1px solid #f3d3a5;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:800;display:flex}.ticket-alert strong{color:var(--orange)}.toolbar-row{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.toolbar-row h2,.panel h2{margin:0;font-size:18px}.toolbar-row p,.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);min-height:146px;box-shadow:var(--shadow);border-radius:14px;padding:18px;position:relative;overflow:hidden}.stat-card p{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:800}.stat-card strong{letter-spacing:0;font-size:30px;display:block}.stat-card small{color:var(--muted);font-weight:700;position:absolute;bottom:18px;left:18px}.stat-icon{background:var(--rank-bg);width:38px;height:38px;color:var(--rank-text);border-radius:10px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.tone-green .stat-icon{background:var(--accent-soft);color:var(--accent-strong)}.tone-orange .stat-icon{background:var(--orange-soft);color:var(--orange)}.tone-rose .stat-icon{background:var(--rose-soft);color:var(--rose)}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.quick-actions a,.quick-actions span{border:1px solid var(--line);background:var(--surface);color:#404240;text-align:center;border-radius:14px;justify-content:center;align-items:center;min-height:74px;font-weight:900;display:flex}.quick-actions a{opacity:1}.quick-actions span{opacity:.74}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-pair{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:8px;padding:18px;display:grid}.metric-pair span{color:var(--muted);font-size:13px;font-weight:800}.metric-pair strong{font-size:24px}.metric-pair small{color:var(--muted)}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.panel-heading>span{color:var(--muted);font-size:12px;font-weight:800}.chart-panel{min-width:0}.line-chart{width:100%;height:280px;display:block}.chart-grid{stroke:#eee7dc;stroke-width:1px}.chart-area{fill:url(#revenueFill)}.chart-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.chart-axis,.chart-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.chart-summary{color:#4b4d4b;justify-content:flex-end;margin-top:12px}.chart-summary strong{color:var(--text)}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rank-list{gap:14px;display:grid}.rank-row{gap:8px;display:grid}.rank-meta{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;display:grid}.rank-meta span{background:var(--rank-bg);width:24px;height:24px;color:var(--rank-text);border-radius:8px;place-items:center;font-weight:900;display:grid}.rank-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-meta small{color:var(--muted);font-weight:800}.rank-bar{background:var(--rank-bg);border-radius:999px;height:8px;overflow:hidden}.rank-bar span{border-radius:inherit;background:var(--accent);height:100%;display:block}.empty-state,.loading-state{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.loading-state svg{animation:1s linear infinite spin}.config-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.config-tabs{gap:8px;display:grid;position:sticky;top:100px}.config-tabs button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:62px;color:var(--nav-text);cursor:pointer;text-align:left;box-shadow:var(--shadow);border-radius:12px;gap:5px;padding:12px 14px;display:grid}.config-tabs button.active{background:var(--accent-soft);color:var(--accent-strong);border-color:#b8d7ce}.config-tabs span{font-weight:900}.config-tabs small{color:var(--muted);line-height:1.35}.config-panel{padding:0;overflow:hidden}.config-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.config-panel-heading h2{margin:0;font-size:20px}.config-panel-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.save-button{min-width:128px}.config-warning{background:var(--orange-soft);color:#6c461e;border:1px solid #f3d3a5;border-radius:12px;margin:18px 18px 0;padding:12px 14px;font-size:13px;font-weight:700}.config-fields{display:grid}.config-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.95fr) minmax(280px,1fr);align-items:center;gap:18px;padding:18px;display:grid}.config-row-copy h3{margin:0 0 6px;font-size:14px}.config-row-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.config-row-control{justify-content:flex-end;display:flex}.config-input{border:1px solid var(--line);background:var(--surface-soft);width:min(100%,440px);min-height:42px;color:var(--text);border-radius:10px;outline:0;padding:9px 12px}.config-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}textarea.config-input{resize:vertical;min-height:112px}.switch-control{border:1px solid var(--line);background:var(--switch-bg);min-width:112px;min-height:38px;color:var(--switch-text);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 5px;font-size:12px;font-weight:900;display:inline-flex}.switch-control span{background:#fff;border-radius:50%;width:28px;height:28px;display:block;box-shadow:0 6px 14px #0000001f}.switch-control.on{background:var(--accent);color:#fff;border-color:#b8d7ce;flex-direction:row-reverse;padding:0 5px 0 12px}.config-actions{background:var(--surface-soft);justify-content:flex-end;align-items:center;gap:12px;padding:18px;display:flex}.config-actions span{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.table-panel{min-height:280px;padding:0;overflow:hidden}.admin-table-wrap{min-height:280px;overflow-x:auto}.admin-table tbody tr{transition:z-index .15s;position:relative}.admin-table tbody tr:hover,.admin-table tbody tr:focus-within{z-index:20!important}:is(.admin-table tbody tr:has(.action-dropdown-wrap.active),.admin-table tbody tr:has(.action-dropdown-menu),.admin-table tbody tr:has(.dropdown-menu)){z-index:30!important}.action-dropdown-wrap:focus-within,.action-dropdown-wrap:hover,.action-dropdown-wrap.active,.col-picker-wrap:focus-within,.col-picker-wrap:hover{z-index:50!important}.admin-table{border-collapse:collapse;width:100%;min-width:980px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 16px}.admin-table th{background:var(--surface-soft);color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.admin-table td{font-size:13px}.admin-table td strong{display:block}.admin-table td small{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sort-cell,.row-actions{align-items:center;gap:8px;display:inline-flex}.mini-button{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.mini-button:disabled{cursor:not-allowed;opacity:.45}.mini-button.danger{color:var(--rose);border-color:#f0bec9}.inline-badge{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.match-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.muted-tag{color:var(--muted)}.status-pill{border:1px solid var(--line);background:var(--switch-bg);min-height:30px;color:var(--switch-text);cursor:pointer;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.status-pill.enabled{background:var(--accent-soft);color:var(--accent-strong);border-color:#b8d7ce}.status-pill.status-pending{background:var(--orange-soft);color:var(--orange);border-color:#e0d4b8}.status-pill.status-paid{background:var(--accent-soft);color:var(--accent-strong);border-color:#b8d7ce}.status-pill.status-cancelled{background:var(--rose-soft);color:var(--rose);border-color:#f0bec9}.status-pill.status-completed{background:var(--accent-soft);color:var(--accent-strong);border-color:#b8d7ce}.mono{word-break:break-all;font-family:SF Mono,ui-monospace,monospace;font-size:12px}.filter-bar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-select{min-width:130px;width:auto!important}.search-input-wrap{border:1px solid var(--line);background:var(--surface-soft);min-width:0;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-input-wrap .config-input{background:0 0;border:0;flex:1;min-height:42px;padding:0}.search-input-wrap .config-input:focus{box-shadow:none}.pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.page-info{color:var(--muted);font-size:13px;font-weight:800}.copy-value{max-width:460px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.copy-value span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-backdrop{z-index:30;background:#1d1c196b;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(720px,100%);max-height:min(86vh,860px);overflow:auto;box-shadow:0 26px 80px #1d1c1952}.compact-modal{width:min(420px,100%)}.drawer-panel{width:min(860px,100%)}.form-section-title{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;margin:8px 0 0;padding-bottom:8px;font-size:13px;font-weight:900}.checkbox-row{align-items:center;flex-direction:row!important;gap:10px!important;display:flex!important}input[type=checkbox]{appearance:none;border:1.5px solid var(--line);background-color:var(--surface);cursor:pointer;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s ease-in-out;display:inline-flex;position:relative}input[type=checkbox]:hover{border-color:var(--accent);background-color:var(--surface-soft)}input[type=checkbox]:focus-visible{box-shadow:0 0 0 2px var(--accent-soft)}input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;display:block;transform:rotate(45deg)}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;padding:18px;display:flex}.modal-heading h2{margin:0;font-size:20px}.modal-heading p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.45}.modal-form{gap:16px;padding:18px;display:grid}.modal-form label{color:var(--text);gap:7px;font-size:13px;font-weight:800;display:grid}.modal-form .config-input{width:100%}.form-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.theme-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.theme-media{background-position:50%;background-size:cover;min-height:154px;position:relative}.theme-media:after{content:"";background:linear-gradient(#00000005,#00000052);position:absolute;inset:0}.theme-active{z-index:1;color:var(--accent-strong);background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px}.theme-body{flex-direction:column;justify-content:space-between;gap:12px;min-height:124px;padding:16px;display:flex}.theme-body h3{margin:0 0 6px;font-size:19px}.theme-body p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.theme-body small{color:var(--muted);font-weight:800}.theme-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 16px;display:flex}.mobile-only{display:none}.empty-state{min-height:120px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.queue-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.queue-item small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.queue-item strong{word-break:break-all;font-size:14px}.log-viewer{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);white-space:pre-wrap;word-break:break-all;border-radius:10px;max-height:400px;margin:0;padding:14px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;line-height:1.6;overflow:auto}@keyframes spin{to{transform:rotate(360deg)}}.dropdown-menu{z-index:1000;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.dropdown-item{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--surface-soft)}.dropdown-overlay{z-index:90;cursor:default;background-color:#0000;transition:background-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;position:fixed;inset:0}.protocol-option-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:4px 8px;transition:background-color .15s;display:flex}.protocol-option-btn:hover{background-color:var(--surface-hover)}.protocol-icon-wrapper{display:none}.protocol-badge{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:6px 12px;font-size:12px;font-weight:700;transition:transform .15s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.mobile-sheet-header{display:none}.status-help-trigger{background:var(--surface-hover);border:1px solid var(--line);width:14px;height:14px;color:var(--text-muted);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex;position:relative}.status-help-tooltip{visibility:hidden;z-index:1000;opacity:0;pointer-events:none;background:#222;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:6px;width:max-content;max-width:220px;padding:8px 12px;transition:opacity .15s,visibility .15s;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.status-help-tooltip:after{content:"";border:5px solid #0000;border-top-color:#222;position:absolute;top:100%;left:50%;transform:translate(-50%)}.status-help-trigger:hover .status-help-tooltip{visibility:visible;opacity:1}.tooltip-item{color:#fff;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.tooltip-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.tooltip-dot.red{background:#ef4444}.tooltip-dot.orange{background:#f59e0b}.tooltip-dot.blue{background:#3b82f6}.status-indicator-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-indicator-dot.status-0{background:#ef4444;box-shadow:0 0 6px #ef444480}.status-indicator-dot.status-1{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.status-indicator-dot.status-2{background:#3b82f6;box-shadow:0 0 6px #3b82f680}.online-badge{background:var(--surface-soft);border:1px solid var(--line);color:var(--text);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.online-dot{background:var(--text-muted);opacity:.6;border-radius:50%;width:6px;height:6px;transition:all .2s}.online-dot.active{opacity:1;background:#10b981;animation:2s infinite pulse-dot;box-shadow:0 0 8px #10b98199}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.json-editor-toggle{border:1px dashed var(--line);width:100%;min-height:36px;color:var(--accent-strong);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.json-editor-toggle:hover{background:var(--accent-soft);border-color:var(--accent-strong)}.json-editor-toggle.active{border-style:solid;border-color:var(--accent-strong);background:var(--accent-soft)}.json-editor-wrap{gap:6px;animation:.15s fadeIn;display:grid}.json-editor-textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-soft);width:100%;min-height:140px;max-height:400px;color:var(--text);tab-size:2;white-space:pre;overflow-wrap:normal;border-radius:10px;padding:14px 16px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.6;transition:border-color .15s;overflow-x:auto}.json-editor-textarea:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.json-editor-textarea.json-error{border-color:var(--badge-danger-bg)}.json-editor-hint{color:var(--muted);font-size:11px}.json-editor-error{color:var(--badge-danger-bg);font-size:11px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1100px){.stat-grid,.quick-actions,.overview-grid,.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-layout,.theme-grid{grid-template-columns:1fr}.config-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.admin-table{min-width:760px}}@media (max-width:860px){.login-page{grid-template-columns:1fr}.login-visual{min-height:38vh}.login-card{padding:36px 22px}.admin-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:min(300px,82vw);box-shadow:none;transition:transform .22s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(-102%)}.sidebar-open{transform:translate(0);box-shadow:16px 0 40px #00000040}.sidebar-backdrop{z-index:15;background:#00000059;animation:.2s fadeIn;display:block;position:fixed;inset:0}.mobile-only{display:inline-flex}.topbar{gap:10px;min-height:60px;padding:12px 16px}.topbar h1{font-size:18px}.topbar p{margin-top:2px;font-size:12px}.content{gap:16px;padding:16px}.admin-table{min-width:640px}.admin-table th,.admin-table td{padding:10px 12px;font-size:12px}.modal-backdrop{align-items:flex-end;padding:10px}.modal-panel{border-radius:16px 16px 0 0;width:100%;max-height:92vh}.drawer-panel,.compact-modal{width:100%}.modal-heading{background:var(--surface);z-index:2;border-bottom:1px solid var(--line);padding:16px 18px;position:sticky;top:0}.modal-form{padding:16px 18px}.modal-actions{background:var(--surface);border-top:1px solid var(--line);margin:0 -18px -16px;padding:14px 18px;position:sticky;bottom:0}.filter-bar{flex-wrap:wrap}.filter-select{flex:1;min-width:100px}.search-input-wrap{order:-1;width:100%}.pagination{flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 8px}.pagination button{min-width:36px;min-height:36px;padding:0 8px;font-size:12px}.page-info{text-align:center;width:100%;font-size:11px}.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.log-viewer{max-height:260px;font-size:11px}.dropdown-menu{max-height:75vh;min-width:unset;border:none;border-top:1px solid var(--line);border-radius:24px 24px 0 0;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px 40px;animation:.32s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -10px 40px #0000004d;display:grid!important}.dropdown-overlay{animation:.25s overlayFadeIn;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background-color:#00000073!important}.mobile-sheet-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:16px;display:flex!important}.mobile-sheet-handle{background:var(--line);opacity:.8;border-radius:99px;width:36px;height:4px;margin-bottom:12px}.mobile-sheet-title{color:var(--text);letter-spacing:.3px;margin:0 0 4px;font-size:15px;font-weight:800}.mobile-sheet-subtitle{color:var(--text-muted);opacity:.7;margin:0;font-size:12px}.protocol-option-btn{background:var(--surface-soft)!important;border:1px solid var(--line)!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:18px 12px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 4px 12px #0000000d!important}.protocol-option-btn:active{background:var(--surface-hover)!important;border-color:var(--text-muted)!important;transform:scale(.94)!important}.protocol-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:10px;transition:transform .2s;box-shadow:inset 0 1px 2px #ffffff0d;display:flex!important}.protocol-badge{box-shadow:none!important;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important}.dropdown-item{background:0 0!important;padding:0!important}}@media (max-width:640px){.topbar h1{font-size:16px}.topbar p,.topbar .ghost-button span{display:none}.stat-grid,.quick-actions,.overview-grid,.rank-grid{grid-template-columns:1fr}.toolbar-row,.ticket-alert,.alert-error,.panel-heading{flex-direction:column;align-items:stretch;gap:10px}.toolbar-row h2{font-size:16px}.toolbar-row p{font-size:11px}.config-tabs,.config-row{grid-template-columns:1fr}.config-panel-heading,.config-actions{flex-direction:column;align-items:stretch}.config-row-control{justify-content:stretch}.config-input{width:100%}.button-row,.modal-actions,.theme-actions{justify-content:stretch}.button-row>*,.modal-actions>*,.theme-actions>*{flex:1}.form-split{grid-template-columns:1fr}.login-copy h1{font-size:34px}.content{gap:12px;padding:12px}.panel{border-radius:12px}.admin-table-wrap{margin:-2px -4px}.admin-table{min-width:100%}.mobile-hide{display:none!important}.admin-table th,.admin-table td{padding:8px 10px;font-size:11px}.admin-table th{font-size:10px}.row-actions{gap:4px}.mini-button{border-radius:6px;gap:3px;min-height:28px;padding:0 6px;font-size:11px}.status-pill{gap:4px;min-height:26px;padding:0 8px;font-size:11px}.ghost-button{min-height:34px;padding:0 10px;font-size:12px}.primary-button{min-height:34px;padding:0 12px;font-size:12px}.icon-button{width:34px;min-height:34px}.brand{padding:2px 6px 14px;font-size:15px}.nav-item{min-height:38px;font-size:13px}.tag{padding:2px 6px;font-size:10px}.queue-grid{grid-template-columns:1fr}.queue-item{padding:10px}.queue-item strong{font-size:13px}.form-section-title{font-size:11px}.checkbox-row{font-size:12px}.match-tags{gap:4px}.inline-badge{min-height:22px;padding:0 6px;font-size:11px}.filter-bar{gap:6px}.search-input-wrap .config-input{min-height:36px;font-size:13px}.copy-value{max-width:200px;font-size:11px}.modal-heading h2{font-size:16px}.modal-heading p,.modal-form label span{font-size:11px}.table-panel{padding:0}}.group-tooltip-container{display:inline-block;position:relative}.group-tooltip{visibility:hidden;opacity:0;background:var(--surface);border:1px solid var(--line);z-index:100;pointer-events:none;border-radius:8px;flex-wrap:wrap;gap:4px;width:max-content;max-width:250px;padding:8px 10px;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}.group-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--line) transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.group-tooltip-container:hover .group-tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.action-dropdown-trigger{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:2px;padding:4px 8px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.action-dropdown-trigger:hover{background-color:var(--accent-soft);color:var(--accent-strong)}.action-dropdown-overlay{z-index:90;background:0 0;position:fixed;inset:0}.action-dropdown-menu{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:1000;border-radius:10px;flex-direction:column;min-width:130px;margin-top:6px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:absolute;top:100%;right:0}.admin-table tbody tr:nth-child(n+4):nth-last-child(-n+3) .action-dropdown-menu,.admin-table tbody tr:nth-child(n+4):nth-last-child(-n+3) .dropdown-menu{margin-top:0!important;margin-bottom:6px!important;animation:.18s cubic-bezier(.16,1,.3,1) menu-fade-up!important;top:auto!important;bottom:100%!important;box-shadow:0 -8px 24px #0000001f!important}@keyframes menu-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.action-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.action-dropdown-item:hover{background-color:var(--surface-soft)}.action-dropdown-item.danger{color:var(--rose)}.action-dropdown-item.danger:hover{background-color:var(--rose-soft)}.mobile-node-toolbar,.mobile-node-list{display:none!important}@media (max-width:768px){.table-panel.hide-on-mobile,.table-panel.desktop-only,.desktop-only{display:none!important}.mobile-node-toolbar{align-items:center;gap:10px;width:100%;margin-bottom:12px;display:flex!important}.mobile-add-btn{background:var(--surface);border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-add-btn:active{background:var(--surface-soft);transform:scale(.95)}.mobile-search-wrap{flex:1;align-items:center;display:flex;position:relative}.mobile-search-input{border:1px solid var(--line);background:var(--surface);width:100%;height:42px;color:var(--text);box-shadow:var(--shadow);border-radius:10px;outline:none;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.mobile-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow)}.mobile-node-list{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;overflow:hidden;display:flex!important}.mobile-node-card{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:16px;transition:background-color .2s;display:flex}.mobile-node-card:last-child{border-bottom:none}.mobile-node-card:active{background-color:var(--surface-soft)}.card-header-row{justify-content:space-between;align-items:center;display:flex}.card-header-left{align-items:center;gap:8px;display:flex}.mobile-node-name{color:var(--text);font-size:15px;font-weight:700}.card-header-right{align-items:center;gap:8px;display:flex}.card-middle-row{align-items:center;margin-top:2px;display:flex}.mobile-node-address{color:var(--muted);font-family:monospace;font-size:13px}.card-bottom-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.mobile-badge-pill{border:1px solid var(--line);height:22px;color:var(--muted);background:var(--surface-soft);border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}}.node-toolbar-desktop{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 18px;display:flex}.left-toolbar-group{align-items:center;gap:12px;display:flex}.right-toolbar-group{align-items:center;gap:8px;display:flex}.desktop-add-btn{background:var(--surface);border:1px solid var(--line);width:38px;height:38px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.desktop-add-btn:hover{background:var(--surface-soft);border-color:var(--accent);color:var(--accent)}.desktop-search-wrap{align-items:center;display:flex;position:relative}.desktop-search-input{border:1px solid var(--line);background:var(--surface);width:220px;height:38px;color:var(--text);border-radius:8px;outline:none;padding:0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s,width .2s}.desktop-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);width:280px}.node-pagination{border-top:1px solid var(--line);background:var(--surface);border-bottom-right-radius:14px;border-bottom-left-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:14px 18px;display:flex}.pagination-btn{border:1px solid var(--line);background:var(--surface);min-width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--surface-soft)}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.pagination-btn.active{border-color:var(--accent);background:var(--surface);color:var(--accent)}.pagination-ellipsis{min-width:32px;height:32px;color:var(--muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.pagination-size-select-wrapper{margin-left:8px;display:inline-block;position:relative}.pagination-size-select{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--text);cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%237d8083%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%276%209%2012%2015%2018%209%27%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border-radius:6px;outline:none;padding:0 26px 0 10px;font-size:13px;font-weight:700;transition:all .2s}.pagination-size-select:hover{border-color:var(--accent)}.sort-action-btn{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.sort-action-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sort-action-btn:disabled{opacity:.3;cursor:not-allowed}.success-btn{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.success-btn:hover{background:#1d4ed8!important}@media (max-width:768px){.node-toolbar-desktop{display:none!important}.node-pagination{border:1px solid var(--line);box-shadow:var(--shadow);border-top:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:center;margin-top:-1px}}.admin-table tbody tr[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s,background-color .15s}.admin-table tbody tr.dragging,.mobile-node-list .mobile-node-card.dragging{opacity:.45;transform:scale(.995);box-shadow:inset 0 0 10px #0000000d;background-color:var(--surface-soft)!important;border:1px dashed var(--accent)!important}.drag-handle-cell{text-align:center;vertical-align:middle;width:50px}.drag-handle{width:28px;height:28px;color:var(--text-muted);cursor:grab;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.drag-handle:hover{background-color:var(--surface-soft);color:var(--accent)}.drag-handle:active{cursor:grabbing}.mobile-sort-btn{background:var(--surface);border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-sort-btn:active{background:var(--surface-soft);transform:scale(.95)}.mobile-sort-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.mobile-sorting-bar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;animation:.2s fadeIn;display:flex}.mobile-node-list .mobile-node-card[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s,background-color .15s}.admin-switch{background-color:var(--line);cursor:pointer;border:none;border-radius:9999px;outline:none;align-items:center;width:44px;height:24px;padding:0;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:inset 0 1px 3px #0000001a}.admin-switch:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.admin-switch.active{background-color:#10b981}.admin-switch-thumb{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.admin-switch.active .admin-switch-thumb{transform:translate(20px)}