/* 88CLB QTV · compact operations layout */
:root{--font-scale:1;--bg:#07131f;--sidebar:#071320;--surface:#0c1b2c;--surface-2:#102239;--surface-3:#142a43;--line:#20344b;--text:#e9f1fb;--muted:#849ab4;--blue:#3c8df8;--blue-2:#4266e9;--green:#33c98f;--red:#ec6775;--amber:#e9ab4f;--shadow:0 18px 42px #0004}
*{box-sizing:border-box}
html{scrollbar-color:#2c405a #07131f}
body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Inter,"Segoe UI",Arial,sans-serif}
[hidden]{display:none!important}
.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--muted);text-align:center;padding:24px}
.boot-screen img{width:min(240px,70vw);height:auto;object-fit:contain}
.boot-screen p{margin:0;font-size:13px}
.boot-screen .btn{width:auto;margin-top:4px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.icon{display:inline-block;flex:none;vertical-align:middle}
.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:0 10px 13px;background:var(--sidebar);border-right:1px solid #172a40;z-index:30}
.brand{min-height:74px;display:flex;align-items:center;padding:9px 4px 7px;border-bottom:1px solid #172b40;margin-bottom:10px}
.brand-logo{display:block;background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;object-fit:contain}
.sidebar-logo{width:177px;height:auto;max-height:57px;object-position:left center}
.sidebar nav{overflow-y:auto;flex:1;padding:0 0 8px}
.nav-label{color:#66809c;font-size:calc(10px * var(--font-scale));font-weight:800;letter-spacing:.12em;margin:19px 10px 6px}
.nav-button{display:flex;align-items:center;gap:10px;width:100%;min-height:35px;padding:8px 10px;margin:2px 0;border:1px solid transparent;border-radius:7px;background:transparent;color:#a7bbd0;font-size:calc(12px * var(--font-scale));font-weight:600;text-align:left;box-shadow:none}
.nav-button:hover{background:#10243a;color:#eef5ff}
.nav-button.active{background:#162b45;color:#fff;border-color:#31506e;box-shadow:inset 2px 0 #4c8af9}
.nav-icon{display:inline-flex;width:18px;align-items:center;justify-content:center;color:#8faac6}
.nav-button.active .nav-icon{color:#77acff}
.sidebar-bottom{border-top:1px solid #1d3348;padding:14px 8px 0}
.sidebar-status{display:flex;align-items:center;gap:9px;margin:0 0 12px}
.sidebar-status b{font-size:calc(11px * var(--font-scale))}.sidebar-status small{display:block;color:#7290aa;font-size:calc(10px * var(--font-scale))}
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#30ca8d;box-shadow:0 0 0 4px #30ca8d22}
.theme-button{width:100%;display:flex;align-items:center;gap:8px;background:#102239;color:#acc1d6;border:1px solid #233c55;border-radius:7px;padding:8px 10px;text-align:left;font-size:calc(11px * var(--font-scale))}
.main-column{min-width:0}
.topbar{height:56px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:0 19px;background:#081625;border-bottom:1px solid #1b3045;backdrop-filter:blur(12px)}
.top-search{max-width:555px;min-width:180px;flex:1;display:flex;align-items:center;gap:9px;background:#0d2033;border:1px solid #203750;border-radius:7px;color:#7190ae;padding:6px 10px}
.top-search:focus-within{border-color:#477de0;box-shadow:0 0 0 2px #477de022}
.top-search input{width:100%;min-width:0;background:none;color:#dceafa;border:0;outline:0;font-size:calc(11px * var(--font-scale));padding:0}
.top-search input::placeholder{color:#6683a0}
.top-search kbd{flex:none;border:1px solid #294058;border-radius:4px;padding:1px 4px;color:#67819b;font:9px/1.2 monospace}
.top-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.top-page{color:#8ea8c2;font-size:calc(11px * var(--font-scale));white-space:nowrap}
.icon-button{width:30px;height:30px;display:inline-grid;place-items:center;color:#8ea9c7;background:#102239;border:1px solid #203951;border-radius:7px;padding:0}
.icon-button:hover{color:#fff;border-color:#416ca5;background:#15304f}
.menu-button{display:none}
.user-chip{display:flex;align-items:center;gap:7px;padding:0;background:none;border:0}
.user-chip>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#526cae;color:#fff;font-size:calc(10px * var(--font-scale));font-weight:900}
.user-chip b{display:block;color:#dce8f7;font-size:calc(11px * var(--font-scale));line-height:1.15}.user-chip small{display:block;color:#35c58b;font-size:calc(9px * var(--font-scale));line-height:1.2;text-transform:uppercase}
.content{max-width:none;min-height:calc(100vh - 56px);padding:20px 20px 38px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 17px}
.page-heading{display:flex;align-items:center;gap:12px;min-width:0}
.page-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:8px;background:linear-gradient(135deg,#4e6de3,#4654ad);color:#dbe6ff;box-shadow:0 7px 17px #3850b22a}
.page-head h1{margin:0;color:#f0f6ff;font-size:calc(17px * var(--font-scale));line-height:1.2;font-weight:800}
.page-head p{margin:3px 0 0;color:#8aa1b8;font-size:calc(10px * var(--font-scale))}
.page-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;border-radius:6px;padding:6px 10px;background:#162a42;color:#c4d6e8;border:1px solid #2a435e;font-size:calc(10px * var(--font-scale));font-weight:750;line-height:1.1;white-space:nowrap;box-shadow:none}
.btn:hover{background:#203b5a;color:#fff;border-color:#4a6b91}
.btn.primary{background:linear-gradient(120deg,#2e96f2,#435df1);color:#fff;border-color:#4a8ef2;box-shadow:0 6px 17px #2e64e12e}
.btn.primary:hover{filter:brightness(1.08)}
.btn.green{color:#b7ffe0;border-color:#22785e;background:#123d36}.btn.green:hover{background:#185344}
.btn.red{color:#ffc2c7;border-color:#70444d;background:#3c222e}.btn.red:hover{background:#572c39}
.btn.ghost{background:#122339;color:#bfd3e8}.btn.ghost:hover{background:#1b3553}
.btn.small{min-height:26px;padding:4px 7px;font-size:calc(9px * var(--font-scale))}
.btn.wide{width:100%;min-height:39px;font-size:calc(12px * var(--font-scale))}
.btn:disabled,.link:disabled{opacity:.42;cursor:not-allowed;filter:none}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.kpi{position:relative;min-height:78px;padding:13px 15px;border-radius:8px;border:1px solid #21364d;background:#0b1a2b;overflow:hidden}
.kpi small{display:block;color:#8098b4;font-size:calc(10px * var(--font-scale));font-weight:650}.kpi strong{display:block;font-size:calc(21px * var(--font-scale));line-height:1.25;margin:5px 0 1px;color:#f1f7ff}.kpi .kpi-icon{position:absolute;right:14px;top:15px;width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#1b3554;color:#69a4ff}
.kpi.good .kpi-icon{background:#103e36;color:#43d7a5}.kpi.warn .kpi-icon{background:#4b341e;color:#f0b35c}.kpi.danger .kpi-icon{background:#3b2645;color:#bb8bf2}
.kpi .kpi-note{font-size:calc(9px * var(--font-scale));color:#39bb86}
.panel{background:#0c1b2b;border:1px solid #20354d;border-radius:8px;overflow:hidden;margin:0 0 12px;box-shadow:none}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #1b3045;min-height:42px}
.panel-head h2{margin:0;color:#eaf2fb;font-size:calc(12px * var(--font-scale));font-weight:800}.panel-head p{margin:2px 0 0;color:#7089a5;font-size:calc(9px * var(--font-scale))}
.panel-body{padding:13px}
.split-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:12px}
.split-grid>div,.split-grid>section{min-width:0}
.table-wrap{width:100%;overflow:auto}
.table{width:100%;border-collapse:collapse;min-width:660px;font-size:calc(10px * var(--font-scale))}
.table th{background:#102239;color:#7891ac;font-size:calc(9px * var(--font-scale));font-weight:800;letter-spacing:.02em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:9px 11px;border-bottom:1px solid #263d55}
.table td{padding:9px 11px;border-bottom:1px solid #1b3045;color:#b9cada;vertical-align:middle}
.table tbody tr:hover{background:#11283f}.table tbody tr:last-child td{border-bottom:0}
.primary-cell{color:#e9f3ff!important;font-weight:700}
.table small{color:#7790a8;font-size:calc(9px * var(--font-scale))}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}
.row-actions .btn{min-height:23px;padding:4px 6px;font-size:calc(9px * var(--font-scale))}
.row-actions .btn.icon-only{width:25px;padding:3px;min-width:25px}
.status{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:3px 6px;font-size:calc(9px * var(--font-scale));font-weight:800;white-space:nowrap;background:#1c3349;color:#a6bdd4}
.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.status.running,.status.done,.status.active,.status.used{background:#123d31;color:#43d899}.status.paused,.status.pending,.status.uncertain,.status.missing{background:#46371f;color:#efc76a}.status.draining,.status.delivered{background:#1b3655;color:#84b8ff}.status.offline,.status.expired{background:#293745;color:#a6bacd}.status.failed,.status.error,.status.revoked{background:#482630;color:#ff9aaa}
.device-name{display:flex;align-items:center;gap:8px}.device-icon{width:27px;height:27px;display:grid;place-items:center;color:#80afff;background:#193252;border-radius:6px;border:1px solid #27466b}
.action-list{display:grid;gap:0}
.action-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 2px;border-bottom:1px solid #22364d}
.action-row:first-child{padding-top:2px}.action-row:last-child{border-bottom:0;padding-bottom:2px}
.action-row strong{font-size:calc(11px * var(--font-scale));color:#e5eef9}.action-row p{font-size:calc(10px * var(--font-scale));color:#829bb4;margin:2px 0 0;overflow-wrap:anywhere}
.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.detail-stat{padding:12px;background:#102239;border:1px solid #25405b;border-radius:7px;min-width:0}.detail-stat small{display:block;color:#86a0ba;font-size:calc(9px * var(--font-scale))}.detail-stat b{display:block;font-size:calc(14px * var(--font-scale));margin:5px 0 0;overflow-wrap:anywhere}
.pair-card{border:1px solid #254367;border-radius:8px;background:linear-gradient(135deg,#122a47,#12223b);padding:16px;margin:0 0 12px}.pair-card h2{font-size:calc(16px * var(--font-scale));margin:2px 0 5px}.pair-card p{font-size:calc(10px * var(--font-scale));color:#99b5cf;line-height:1.6;margin:0 0 11px}.pair-card .eyebrow{color:#83b4fa}
.feed-item{display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid #1e3349}.feed-item:last-child{border-bottom:0}.feed-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:#1b3657;color:#81aeeb}.feed-item b{display:block;font-size:calc(10px * var(--font-scale))}.feed-item small{display:block;color:#829bb3;font-size:calc(9px * var(--font-scale))}
.empty{padding:30px 20px;text-align:center;color:#849bb4}.empty-icon{color:#6e9bd4;margin-bottom:7px}.empty b{display:block;color:#cedbec;font-size:calc(12px * var(--font-scale))}.empty p{font-size:calc(10px * var(--font-scale));margin:5px 0 0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}.form-grid .span-2{grid-column:1/-1}
label{color:#9cb2c8;font-size:calc(10px * var(--font-scale));font-weight:700}
input,textarea,select{display:block;width:100%;padding:8px 10px;margin-top:5px;background:#102239;border:1px solid #29425d;border-radius:6px;color:#ecf4ff;outline:0;min-height:33px}
input:focus,textarea:focus,select:focus{border-color:#4d8cec;box-shadow:0 0 0 2px #4d8cec22}
input::placeholder,textarea::placeholder{color:#69839e}
textarea{resize:vertical;line-height:1.5}
input[type=checkbox]{width:14px;min-height:0;height:14px;accent-color:#4b80ed;margin:0}
.toggle-line,.checkbox-row{display:flex;align-items:center;gap:8px}
.field-hint{font-size:calc(10px * var(--font-scale));color:#829bb3;line-height:1.55}
.form-actions{display:flex;justify-content:flex-end;gap:7px;margin:15px 0 0}
.permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.checkbox-row{background:#10243a;border:1px solid #28415c;border-radius:6px;padding:9px;color:#bed0e2;font-size:calc(10px * var(--font-scale))}
.account-card{margin:0 0 9px;padding:0;border:1px solid #284058;border-radius:7px;background:#102239;overflow:hidden}
.account-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px}.account-head strong{display:block;font-size:calc(11px * var(--font-scale))}.account-head small{display:block;color:#829bb2;font-size:calc(9px * var(--font-scale));margin-top:2px}
.account-actions{padding:0 12px;border-top:1px solid #263c54}.account-actions .action-row{padding:7px 0}.account-actions .action-row strong{font-size:calc(10px * var(--font-scale))}.account-actions .action-row p{font-size:calc(9px * var(--font-scale))}
.link{background:none;border:0;color:#8db9ff;font-size:calc(10px * var(--font-scale));font-weight:750;padding:0}.link:hover{text-decoration:underline;color:#bed8ff}
.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#020912bf;backdrop-filter:blur(4px)}
.modal{width:min(650px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #2c4968;border-radius:10px;background:#0b1b2d;box-shadow:0 28px 80px #0009}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 17px;border-bottom:1px solid #243a53}.modal-head .eyebrow{font-size:calc(9px * var(--font-scale));letter-spacing:.12em;color:#647e9a;margin:0 0 4px}.modal-head h2{font-size:calc(16px * var(--font-scale));margin:0;color:#f0f5ff}.modal #modalBody{padding:16px 17px 17px}
.modal #modalBody form>.form-actions{border-top:1px solid #233a52;padding-top:12px;margin-top:16px}
.notice{border:1px solid #7d6038;background:#3e301e;color:#f0d3a1;padding:9px 11px;border-radius:6px;font-size:calc(10px * var(--font-scale));line-height:1.5;margin:0 0 12px}
.code-box{display:block;padding:15px;border:1px dashed #557aa9;background:#122942;border-radius:7px;color:#dbe9ff;text-align:center;font:700 19px ui-monospace,Consolas,monospace;letter-spacing:.08em;overflow-wrap:anywhere;margin:12px 0}
.toast-root{position:fixed;right:17px;bottom:17px;z-index:99;display:grid;gap:8px}.toast{padding:10px 13px;border:1px solid #3c6084;border-radius:7px;background:#17304a;color:#e7f4ff;box-shadow:var(--shadow);font-size:calc(11px * var(--font-scale))}.toast.error{background:#442935;border-color:#94535d;color:#ffd7db}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,#132a43,#07131f 58%)}
.login-card{width:min(390px,100%);margin:0;padding:30px;border:1px solid #294563;border-radius:12px;background:#0b1c2f;box-shadow:0 28px 75px #0008}
.login-logo{width:min(270px,100%);height:auto;margin:0 auto 25px;object-fit:contain}
.login-card h1{font-size:calc(19px * var(--font-scale));text-align:center;color:#f1f6ff;margin:0 0 22px}.login-card label{display:block;margin:0 0 13px}.login-card input{min-height:39px;font-size:calc(12px * var(--font-scale))}
.form-error{min-height:16px;color:#ff9ca9;font-size:calc(10px * var(--font-scale));margin:9px 0 0;text-align:center}
.break{overflow-wrap:anywhere}
.light{--bg:#edf3f9;--sidebar:#e7eff8;--surface:#fff;--surface-2:#f4f8fc;--surface-3:#e8f0f8;--line:#cfdeec;--text:#1b2d43;--muted:#627b94;background:var(--bg);color:var(--text)}
.light .sidebar,.light .topbar{background:#edf4fb;border-color:#cfdeec}.light .nav-button{color:#3d5873}.light .nav-button.active{color:#123b65;background:#dceafa}.light .panel,.light .kpi,.light .login-card{background:#fff;border-color:#d2e0ed}.light .table th,.light .detail-stat,.light .action-row,.light .top-search{background:#f4f8fc}.light .table td,.light .table th,.light .page-head h1,.light .panel-head h2,.light .account-head strong{color:#1b2d43}.light .page-head p,.light .panel-head p{color:#647d96}.light input,.light textarea,.light select{background:#fff;color:#1b2d43}.light .nav-button:hover{background:#deebf8}.light .login-screen{background:#eaf2fb}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:220px;transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-button{display:inline-grid}.topbar{padding:0 10px}.top-page,.top-search kbd,.user-chip div{display:none}.top-search{min-width:60px}.content{padding:14px 10px 28px}.page-head{align-items:flex-start;flex-direction:column}.page-actions{justify-content:flex-start}.kpi-grid{gap:7px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.permissions{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}
.font-size-control{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#9bb2cb;font-size:calc(10px * var(--font-scale));font-weight:700}
body{font-size:calc(13px * var(--font-scale))}
.font-size-control select{width:auto;min-height:28px;margin:0;padding:3px 22px 3px 7px;font-size:calc(10px * var(--font-scale));background:#102239;color:#d8e7f7;border-color:#2a435e}
.confirm-backdrop{z-index:120}.confirm-modal{width:min(430px,100%)}.confirm-body{padding:16px}.confirm-body p{margin:0;color:#d5e2f1;line-height:1.6}.confirm-body .form-actions{margin-top:18px}
.sync-panel{margin-top:12px}.sync-panel .action-row{min-height:0}.detail-config-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.detail-config-grid>.panel{min-width:0;margin-bottom:0}
.provider-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.provider-heading strong{color:#e6f0fa;font-size:calc(12px * var(--font-scale))}.provider-heading p{margin:2px 0 0;color:#8aa1b8;font-size:calc(10px * var(--font-scale))}
.provider-rows{display:grid;gap:7px;overflow-x:auto}.provider-row{display:grid;grid-template-columns:minmax(140px,1.3fr) repeat(4,minmax(95px,1fr)) 60px 32px;align-items:end;gap:7px;min-width:810px;background:#102239;border:1px solid #29425d;border-radius:7px;padding:9px}.provider-row label{min-width:0}.provider-row input{margin-top:4px}.provider-active{display:flex;align-items:center;gap:5px;min-height:33px;white-space:nowrap}.provider-row .btn{min-width:28px;min-height:32px}.form-grid label small{display:block;margin-top:5px;color:#829bb3;font-size:calc(10px * var(--font-scale));font-weight:500}
.toast-root{top:70px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:min(400px,calc(100vw - 24px));justify-items:center}.toast{width:max-content;max-width:100%;text-align:center}
.light{--bg:#eaf0f6;--sidebar:#f5f8fc;--surface:#fff;--surface-2:#eef4fa;--surface-3:#e4edf7;--line:#bdcede;--text:#12283e;--muted:#40566e;background:var(--bg);color:var(--text)}
.light .sidebar{background:#f5f8fc;border-color:#bfcede}.light .topbar{background:#fff;border-color:#bfcede}.light .brand,.light .sidebar-bottom{border-color:#c6d5e2}.light .nav-label,.light .sidebar-status small,.light .top-page{color:#405c77}.light .nav-button{color:#24425f}.light .nav-button:hover{background:#e0eaf5;color:#153450}.light .nav-button.active{background:#d9e9fb;border-color:#a9c8e9;color:#133b66}.light .nav-icon{color:#315b81}.light .sidebar-status b,.light .user-chip b,.light .page-head h1,.light .panel-head h2,.light .kpi strong,.light .action-row strong,.light .empty b,.light .account-head strong,.light .detail-stat b{color:#142b43}
.light .panel,.light .kpi,.light .detail-stat,.light .account-card,.light .modal,.light .login-card{background:#fff;border-color:#c4d4e3}.light .panel-head,.light .table td,.light .feed-item,.light .modal-head,.light .account-actions{border-color:#d4e0eb}.light .table th{background:#e7f0f9;color:#294963;border-color:#cad9e7}.light .table td{color:#274159}.light .table tbody tr:hover{background:#eff6fc}.light .primary-cell{color:#102e49!important}.light .page-head p,.light .panel-head p,.light .action-row p,.light .field-hint,.light .empty p,.light .account-head small,.light .feed-item small,.light .kpi small,.light .kpi .kpi-note{color:#46617b}.light .kpi .kpi-icon,.light .device-icon,.light .feed-icon{background:#dceafb;color:#225f9b}
.light .top-search,.light .font-size-control select,.light .theme-button,.light .icon-button,.light .btn.ghost,.light .btn:not(.primary):not(.green):not(.red),.light .checkbox-row,.light .action-row{background:#eef4fa;color:#173a5a;border-color:#bdd0e2}.light .top-search input,.light input,.light select,.light textarea{background:#fff;color:#132e48;border-color:#b6cadc}.light input::placeholder,.light textarea::placeholder,.light .top-search input::placeholder{color:#667e94}.light label,.light .font-size-control{color:#294861}.light .permissions .checkbox-row{color:#24445f}.light .user-chip small{color:#176b49}.light .status.active,.light .status.done,.light .status.running,.light .status.used{background:#d7f3e6;color:#116b48}.light .status.paused,.light .status.pending,.light .status.missing{background:#fff0cd;color:#80580f}.light .status.failed,.light .status.revoked,.light .status.error{background:#ffe0e4;color:#a62d3f}.light .status.offline,.light .status.expired{background:#e5ebf2;color:#3c536a}
.light .pair-card{background:#e0edfb;border-color:#9ebddd}.light .pair-card h2,.light .pair-card .eyebrow{color:#143c69}.light .pair-card p{color:#315775}.light .pair-card .btn{background:#225fa8;color:#fff;border-color:#225fa8}.light .modal-backdrop{background:#071d35aa}.light .confirm-body p{color:#274159}.light .notice{background:#fff4dc;color:#6b4a12;border-color:#dfbd76}.light .code-box{background:#e8f2fc;color:#153c63;border-color:#85a9cb}.light .toast{background:#e8f3ff;color:#143d65;border-color:#91b5d9}.light .toast.error{background:#ffe5e9;color:#942f3d;border-color:#d895a0}.light .login-screen{background:radial-gradient(circle at 50% 20%,#e8f3fe,#dce9f5 70%)}.light .login-card h1{color:#152e48}
.light .provider-row{background:#edf4fb;border-color:#bfd1e1}.light .provider-heading strong{color:#183851}.light .provider-heading p,.light .form-grid label small{color:#4b657d}
@media(max-width:900px){.top-page{display:none}.font-size-control{gap:2px}.font-size-control select{max-width:86px}}
@media(max-width:560px){.font-size-control{font-size:0}.font-size-control select{width:92px;max-width:92px}.topbar{gap:5px}.top-right{gap:4px}.top-search{max-width:130px}.user-chip{display:none}}
.config-tabs{display:flex;gap:6px;overflow-x:auto;padding:3px 1px 12px;border-bottom:1px solid #29415a}.config-tabs button{flex:1;min-width:110px;white-space:nowrap;border:1px solid #2d4866;border-radius:7px;background:#122840;color:#a8bfd8;padding:9px 11px;font-weight:750}.config-tabs button[aria-selected="true"]{background:#3476d4;border-color:#4793f0;color:#fff}.config-pane{padding:8px 0}.config-section{padding:8px 0 14px;border-bottom:1px solid #29415a}.config-section:last-child{border-bottom:0}.config-rows{display:grid;gap:6px;max-height:540px;overflow:auto}.config-row{display:grid;align-items:end;gap:7px;padding:9px;background:#102239;border:1px solid #29425d;border-radius:7px;min-width:0}.config-row.level-row{grid-template-columns:minmax(180px,1fr) 130px 130px 64px 32px}.config-row.vnd-row{grid-template-columns:minmax(145px,1fr) repeat(4,minmax(90px,110px)) 60px 32px}.config-row.usdt-row{grid-template-columns:minmax(140px,1fr) repeat(4,minmax(90px,110px)) 60px 32px}.config-row.member-row{grid-template-columns:minmax(180px,1fr) 32px}.config-row label{min-width:0}.config-row label input{margin-top:3px}.config-row .config-check{display:flex;align-items:center;gap:5px;min-height:33px;white-space:nowrap}.config-check input,.config-pane .toggle-line input{width:auto}.config-row .btn{min-height:34px;min-width:32px;padding:6px}.config-row .blocked-banks{grid-column:1 / -1}.config-save{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:15px;border-top:1px solid #29415a}.config-save .field-hint{margin:0}.member-search{max-width:340px;margin:2px 0 12px}.light .config-tabs{border-color:#c5d7e6}.light .config-tabs button{background:#eaf2fa;color:#234866;border-color:#bdd1e3}.light .config-tabs button[aria-selected="true"]{background:#256bba;color:#fff;border-color:#256bba}.light .config-section,.light .config-save{border-color:#cad9e8}.light .config-row{background:#edf4fb;border-color:#bfd1e1}
@media(max-width:1050px){.config-rows{overflow-x:auto}.config-row.level-row{min-width:650px}.config-row.vnd-row,.config-row.usdt-row{min-width:810px}}
@media(max-width:650px){.config-save{flex-direction:column;align-items:stretch}.config-save .btn{width:100%}.config-row.member-row{min-width:0}.config-tabs button{flex:0 0 auto}}
.api-advanced{overflow:hidden}.api-advanced summary{cursor:pointer;padding:15px 17px;color:#c7d9ec;font-weight:750}.api-advanced[open] summary{border-bottom:1px solid #29415a}.api-advanced .panel-body{padding-top:12px}.light .api-advanced summary{color:#254764}.light .api-advanced[open] summary{border-color:#cad9e8}