@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/nunito-sans-cyrillic-ext-400-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/nunito-sans-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/nunito-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/nunito-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/nunito-sans-cyrillic-ext-500-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/nunito-sans-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/nunito-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/nunito-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/nunito-sans-cyrillic-ext-600-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/nunito-sans-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/nunito-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/nunito-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/nunito-sans-cyrillic-ext-700-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/nunito-sans-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/nunito-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/nunito-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}body{margin:0;font:calc(15px*var(--k,1))/1.45 system-ui,"Segoe UI",Arial,sans-serif;background:#f3f5f9;color:#1f2937;display:flex;min-height:100vh}
aside{width:230px;background:#0f172a;color:#cbd5e1;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}
.logo{font-size:calc(18px*var(--k,1));font-weight:700;color:#fff;padding:20px}aside nav{flex:1;overflow:auto}
aside nav a{display:flex;gap:10px;align-items:center;padding:11px 20px;color:#cbd5e1;text-decoration:none;border-left:3px solid transparent}
aside nav a:hover{background:#1e293b}aside nav a.on{background:#1e293b;color:#fff;border-color:#38bdf8;font-weight:600}
.usr{padding:16px 20px;font-size:calc(13px*var(--k,1));border-top:1px solid #1e293b}.usr a{color:#7dd3fc;text-decoration:none}
main{flex:1;padding:24px 28px;min-width:0}h1{margin:0 0 16px;font-size:calc(24px*var(--k,1))}h2{font-size:calc(17px*var(--k,1));margin:22px 0 10px}
.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.presets{display:flex;gap:6px;flex-wrap:wrap}.presets a{padding:7px 14px;border-radius:20px;background:#fff;color:#475569;text-decoration:none;border:1px solid #e2e8f0}
.presets a.on{background:#0ea5e9;color:#fff;border-color:#0ea5e9}
.flt{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.flt label,.sform label{display:flex;flex-direction:column;font-size:calc(12px*var(--k,1));color:#64748b;gap:3px}
input,select,textarea,button{font:inherit;padding:7px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}
button,.btn{background:#0ea5e9;color:#fff;border:0;cursor:pointer;text-decoration:none;border-radius:8px;display:inline-block;padding:8px 16px}
button.gray{background:#64748b}button.red{background:#ef4444}.sm{padding:4px 10px;font-size:calc(13px*var(--k,1))}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:8px}
.card{background:#fff;border-radius:12px;padding:14px 16px;border-left:5px solid #94a3b8;text-decoration:none;color:inherit;box-shadow:0 1px 2px #0001}
a.card:hover{box-shadow:0 3px 10px #0002}.card.ok{border-color:#22c55e}.card.bad{border-color:#ef4444}.card.out{border-color:#3b82f6}.card.warn{border-color:#f59e0b}
.card small{display:block;color:#64748b}.card b{font-size:calc(26px*var(--k,1))}
.tw{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 1px 2px #0001;margin-bottom:16px}table{border-collapse:collapse;width:100%}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eef2f7;white-space:nowrap}th{background:#f8fafc;font-size:calc(12px*var(--k,1));color:#64748b;text-transform:uppercase}tr:hover td{background:#fafcff}.c{text-align:center;color:#94a3b8}
.tag{padding:3px 10px;border-radius:12px;background:#e2e8f0;font-size:calc(12px*var(--k,1))}.tag.ok{background:#dcfce7;color:#166534}.tag.bad{background:#fee2e2;color:#991b1b}.tag.warn{background:#fef3c7;color:#92400e}
.tag.in{background:#e0f2fe;color:#075985}.tag.out{background:#ede9fe;color:#5b21b6}.tag.int{background:#f1f5f9;color:#475569}
.chart{display:flex;gap:4px;height:170px;background:#fff;padding:14px;border-radius:12px}.col{flex:1;display:flex;flex-direction:column;align-items:center}.bar{flex:1;width:100%;display:flex;flex-direction:column-reverse}
.bar i{display:block;width:100%}i.a{background:#22c55e}i.b{background:#ef4444}.col small{color:#94a3b8;font-size:calc(10px*var(--k,1))}.legend i{display:inline-block;width:10px;height:10px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.hint{color:#64748b;font-size:calc(13px*var(--k,1))}.pager{display:flex;gap:10px;align-items:center}
.notice{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:10px}.okmsg{background:#dcfce7;color:#166534;padding:12px 16px;border-radius:10px}.err{color:#b91c1c}
.play{padding:2px 10px}.dl{text-decoration:none}.chk{flex-direction:row!important;align-items:center;gap:6px!important;font-size:calc(14px*var(--k,1))!important;color:#1f2937!important}
.sform fieldset,fieldset.sform{background:#fff;border:0;border-radius:12px;padding:16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px;max-width:720px;box-shadow:0 1px 2px #0001}
legend{font-weight:700;padding:0 6px}.card-form{background:#fff;padding:14px;border-radius:12px;margin-bottom:14px}.inl{display:inline-flex;gap:4px;margin-right:6px}.acts2{display:flex;gap:10px;margin:14px 0}
code{background:#f1f5f9;padding:2px 6px;border-radius:5px;word-break:break-all}.qbox{margin-bottom:26px}
body.lg{display:grid;place-items:center;background:#0f172a}.box{background:#fff;padding:30px;border-radius:14px;display:flex;flex-direction:column;gap:12px;width:320px}
@media(max-width:800px){body{flex-direction:column}aside{width:100%;height:auto;position:static}aside nav{display:flex;overflow-x:auto}aside nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.usr{display:none}main{padding:16px}}
/* v3 */
.logo{padding:18px 16px}.logo img{height:36px;display:block}.cr{margin-top:8px;color:#64748b;font-size:calc(11px*var(--k,1))}
.tabs{display:flex;gap:4px;margin:0 0 14px;border-bottom:2px solid #e2e8f0;flex-wrap:wrap}.tabs a{padding:9px 16px;color:#475569;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-weight:500}
.tabs a.on{color:#0284c7;border-color:#0284c7;font-weight:700}.tabs a:hover{background:#eef6ff}
.live{background:#ecfeff;border:1px solid #a5f3fc;color:#155e75;padding:12px 18px;border-radius:12px;margin-bottom:6px;display:flex;gap:26px;flex-wrap:wrap;align-items:center}.live b{font-size:calc(22px*var(--k,1))}.live[hidden]{display:none}.live a{margin-left:auto;color:#0369a1}
.sec{display:flex;align-items:center;gap:8px}details.dg{background:#fff;border-radius:10px;margin-bottom:8px;padding:8px 12px;box-shadow:0 1px 2px #0001}details.dg summary{cursor:pointer}
.grid td{padding:3px 6px}.grid input{width:100%}.gridbox{background:#fff;border-radius:12px;padding:12px;max-width:680px;box-shadow:0 1px 2px #0001}
.prog{display:flex;height:9px;border-radius:6px;overflow:hidden;background:#e2e8f0;min-width:150px}.prog i{display:block}
.tgl{display:flex;flex-direction:column;gap:2px}.row2{display:flex;gap:12px;flex-wrap:wrap}.stat-ok{color:#16a34a}.stat-bad{color:#dc2626}
.hb{padding:10px 14px;border-radius:10px;margin-bottom:12px}.hb.ok{background:#dcfce7;color:#166534}.hb.bad{background:#fee2e2;color:#991b1b}

/* ===== v4 dizayn: yangi ko'rinish, yorug'/qorong'i rejim, mobil menyu ===== */
:root{--bg:#f1f5fb;--panel:#fff;--txt:#0f172a;--mut:#64748b;--line:#e6ebf3;--acc:#0ea5e9;--acc2:#2563eb;--side1:#0b1226;--side2:#111c3a;--shadow:0 1px 2px #0f172a0d,0 4px 14px #0f172a0a}
html[data-theme=dark]{--bg:#0b1120;--panel:#131c31;--txt:#e2e8f0;--mut:#94a3b8;--line:#1f2b46;--shadow:0 1px 2px #0006,0 4px 14px #0004}
body{background:var(--bg);color:var(--txt);font-family:Inter,system-ui,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
aside{background:linear-gradient(180deg,var(--side1),var(--side2));width:236px;box-shadow:2px 0 18px #0003}
.logo{display:block;padding:20px 18px 14px;text-decoration:none}.logo img{height:38px;transition:opacity .15s}.logo:hover img{opacity:.85}
aside nav{padding:6px 10px}aside nav a{border-left:0;border-radius:10px;margin:2px 0;padding:10px 12px;font-weight:500;transition:background .15s}
aside nav a span{width:22px;text-align:center}aside nav a:hover{background:#ffffff14}
aside nav a.on{background:linear-gradient(90deg,#0ea5e933,#2563eb33);color:#fff;box-shadow:inset 3px 0 0 #38bdf8}
.usr{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:8px}.usr b{color:#fff;font-weight:600}
.lsw{display:flex;gap:4px;align-items:center}.lsw a{padding:2px 8px;border-radius:6px;color:#94a3b8;background:#ffffff0f;font-size:calc(12px*var(--k,1));text-decoration:none}.lsw a.cur{background:#0ea5e9;color:#fff}
.thm{background:#ffffff14;color:#e2e8f0;border:0;border-radius:6px;padding:1px 8px;margin-left:auto;cursor:pointer;font-size:calc(15px*var(--k,1))}.cr a{color:#64748b;text-decoration:none}.cr a:hover{color:#38bdf8}
main{padding:28px 32px}h1{font-size:calc(26px*var(--k,1));font-weight:700;letter-spacing:-.4px;color:var(--txt)}
.card,.tw,.card-form,.sform fieldset,fieldset.sform,.gridbox,details.dg,.chart{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);color:var(--txt)}
.card{border-left-width:5px;border-radius:14px;transition:transform .12s,box-shadow .12s}a.card:hover{transform:translateY(-2px)}.card small{color:var(--mut)}
.tw,.card-form,.sform fieldset,fieldset.sform{border-radius:14px}
th{background:transparent;color:var(--mut);border-bottom:1px solid var(--line)}td{border-bottom:1px solid var(--line)}tr:hover td{background:#0ea5e90a}
input,select,textarea{background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px #0ea5e933}
button,.btn{background:linear-gradient(135deg,var(--acc),var(--acc2));border-radius:10px;font-weight:600;transition:filter .15s,transform .05s}button:hover,.btn:hover{filter:brightness(1.08)}button:active{transform:scale(.98)}
button.gray{background:#64748b}button.red{background:linear-gradient(135deg,#f87171,#dc2626)}
.presets a,.tabs a{color:var(--mut)}.presets a{background:var(--panel);border-color:var(--line)}.presets a.on{background:var(--acc);border-color:var(--acc);color:#fff}
.tabs{border-bottom-color:var(--line)}.tabs a.on{color:var(--acc);border-color:var(--acc)}.tabs a:hover{background:#0ea5e914}
.hint,.flt label,.sform label{color:var(--mut)}.chk{color:var(--txt)!important}code{background:#94a3b826;color:inherit}legend{color:var(--txt)}
html[data-theme=dark] .notice{background:#422006;color:#fde68a}html[data-theme=dark] .okmsg,html[data-theme=dark] .hb.ok{background:#052e16;color:#86efac}html[data-theme=dark] .hb.bad{background:#450a0a;color:#fca5a5}
html[data-theme=dark] .tag{background:#1e293b;color:#cbd5e1}html[data-theme=dark] .tag.ok{background:#052e16;color:#86efac}html[data-theme=dark] .tag.bad{background:#450a0a;color:#fca5a5}html[data-theme=dark] .tag.warn{background:#422006;color:#fde68a}
html[data-theme=dark] .tag.in{background:#082f49;color:#7dd3fc}html[data-theme=dark] .tag.out{background:#2e1065;color:#c4b5fd}html[data-theme=dark] .live{background:#083344;border-color:#155e75;color:#a5f3fc}
.permf{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;max-width:420px}.permf .chk{font-size:calc(13px*var(--k,1))!important}.permf button{margin-left:auto}
.burger{display:none;position:fixed;top:10px;right:10px;z-index:30;padding:6px 12px;font-size:calc(20px*var(--k,1));background:#0b1226;color:#fff;border-radius:10px}
body.lg{background:radial-gradient(1200px 600px at 20% -10%,#1d4ed855,transparent),radial-gradient(900px 500px at 100% 110%,#0ea5e944,transparent),#0b1226;display:grid;place-items:center;padding:16px}
.box{background:var(--panel);color:var(--txt);border-radius:18px;padding:32px;width:min(380px,100%);box-shadow:0 20px 60px #0008;border:1px solid var(--line)}
.lglogo{display:block;align-self:flex-start}.lglogo img{height:46px}.lgttl{font-size:calc(13px*var(--k,1));letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:-4px}
html[data-theme=dark] .lglogo img{filter:none}.lsw-l{margin-top:4px}.lsw-l a{background:#94a3b822;color:var(--mut)}.lsw-l .thm{background:#94a3b822;color:var(--txt)}
@media(max-width:800px){aside{position:fixed;inset:0 auto 0 0;height:100vh;width:260px;transform:translateX(-105%);transition:transform .2s;z-index:20;flex-direction:column}
 body.menu aside{transform:none}aside nav{display:block}aside nav a{white-space:normal;border-bottom:0}.usr{display:flex}.burger{display:block}main{padding:58px 14px 20px}body{display:block}}
/* v4.3 autocall liniya tanlovi */
.lbl{display:block;margin:8px 0}.lnl{display:flex;flex-direction:column;gap:4px;margin:4px 0;max-height:190px;overflow:auto}.lnlx{display:flex;flex-direction:column;gap:4px;margin:4px 0;max-height:190px;overflow:auto}
label.ck{display:flex;align-items:center;gap:6px;font-weight:400}label.ck input{width:auto}
.sform label.ck,label.ck{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:calc(14px*var(--k,1));color:var(--txt,#1f2937);padding:3px 0}
label.ck input[type=radio],label.ck input[type=checkbox]{width:auto!important;flex:none;margin:0}
label.ck small{color:var(--mut,#64748b)}
.lnl{border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:6px 10px;max-height:230px}
.chtab th.fh{white-space:normal!important;text-transform:none!important;letter-spacing:0!important;font-size:calc(11px*var(--k,1))!important;line-height:1.25;text-align:center;vertical-align:bottom;width:78px;min-width:78px;max-width:90px;padding:6px 4px;word-break:break-word;hyphens:auto}
.chtab th.fh .fe{display:block;font-size:calc(18px*var(--k,1));margin-bottom:2px}
.chtab td.c{text-align:center}.chtab td input[type=checkbox]{width:18px;height:18px}

/* v4.5 marketing / lidlar / AI */
.mktabs{margin:0 0 14px}
table.hm td,table.hm th{text-align:center;padding:4px 5px;min-width:26px;font-size:calc(12px*var(--k,1))}
table.hm th:first-child{text-align:left}
ul.adv{margin:6px 0 16px;padding-left:20px}ul.adv li{margin:5px 0}
pre.code{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow:auto;font-size:calc(13px*var(--k,1));white-space:pre-wrap;word-break:break-all}
td.barc{width:40%}.bar{height:10px;background:rgba(37,99,235,.35);border-radius:5px;position:relative;min-width:2px}.bar i{display:block;height:100%;background:rgba(220,38,38,.85);border-radius:5px}
.ocf{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ocf select,.ocf input{padding:3px 5px;font-size:calc(12px*var(--k,1));max-width:110px}.ocf input[name=note]{max-width:140px}
.aibox{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;line-height:1.55}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0}.grid2 label{display:flex;flex-direction:column;gap:4px;font-size:calc(13px*var(--k,1))}.grid2 input,.grid2 select{width:100%;box-sizing:border-box}
.ln{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:4px 0}.ln select{min-width:220px;max-width:100%}
.tk{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.tk .acts{display:flex;gap:6px;flex-wrap:wrap}

/* PBX: guruhlangan tablar */
.pxg{margin-bottom:14px;border:1px solid var(--bd,#e5e7eb);border-radius:10px;padding:6px 10px}
.pxr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0}
.pxr+.pxr{border-top:1px dashed var(--bd,#e5e7eb)}
.pxl{min-width:130px;font-size:calc(12px*var(--k,1));font-weight:600;opacity:.65}
.pxr .tabs{margin:0;flex:1}
@media(max-width:700px){.pxl{min-width:100%}}
.pxr .tabs{border-bottom:0}.pxr .tabs a{margin-bottom:0;padding:6px 12px;border-radius:6px;border-bottom:0}.pxr .tabs a.on{background:#e0f2fe}
.pxg{border-color:var(--line,#e2e8f0)}

/* ===== v5.2 — ippbx.uz sayt uslubi (qora-ko'k fon, turkuaz aksent, monospace yorliqlar) ===== */
:root{--acc:#0d9488;--acc2:#0f766e;--mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--sans:"IBM Plex Sans",Inter,system-ui,"Segoe UI",Roboto,Arial,sans-serif;--onacc:#fff}
html[data-theme=dark]{--bg:#0e1318;--panel:#121a21;--txt:#e6edf3;--mut:#8593a0;--line:#1c2733;--acc:#2dd4bf;--acc2:#14b8a6;--onacc:#05201c;--side1:#0b1015;--side2:#0b1015;--shadow:none}
body{font-family:var(--sans);font-size:calc(14.5px*var(--k,1))}
h1,h2,h3{font-family:var(--sans)}h1{font-size:calc(22px*var(--k,1));letter-spacing:-.2px}
aside{background:var(--side1);border-right:1px solid var(--line);box-shadow:none;width:244px}
html:not([data-theme=dark]) aside{background:#0e1318}
.logo{display:flex;flex-direction:column;gap:6px;padding:20px 18px 10px}.logo img{height:34px}
.logo::after{content:"CALL CENTER";font:600 calc(11px*var(--k,1)) var(--mono);letter-spacing:.18em;color:#8593a0}
aside nav{padding:10px 12px}aside nav a{color:#c4ced8;border-radius:8px;padding:9px 12px;margin:2px 0;font-weight:500;font-size:calc(14px*var(--k,1));border:1px solid transparent;box-shadow:none;background:none}
aside nav a svg{width:18px;height:18px;flex:none;stroke:#8593a0;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
aside nav a:hover{background:#ffffff0a;color:#fff}aside nav a:hover svg{stroke:#cbd5e1}
aside nav a.on{background:#161f28;border-color:#1f2c38;color:#fff;box-shadow:inset 2px 0 0 #2dd4bf}aside nav a.on svg{stroke:#2dd4bf}
.usr{border-top:1px solid var(--line);color:#c4ced8}.lsw a{font:600 calc(11px*var(--k,1)) var(--mono);background:#161f28;color:#8593a0;border-radius:5px;padding:3px 8px}.lsw a.cur{background:#14b8a633;color:#2dd4bf;box-shadow:inset 0 0 0 1px #2dd4bf55}
.thm{background:#161f28;color:#c4ced8}.usr a{color:#2dd4bf}
main{padding:26px 30px}
.card,.tw,.card-form,.sform fieldset,fieldset.sform,.gridbox,details.dg,.chart,.pxg,.tk,.aibox{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:10px}
.card{border-left:3px solid #8593a0;padding:14px 16px}.card small{font:500 calc(11.5px*var(--k,1)) var(--mono);letter-spacing:.02em;color:var(--mut)}.card b{font:600 calc(28px*var(--k,1)) var(--mono);color:var(--txt)}
.card.ok{border-left-color:#2dd4bf}.card.bad{border-left-color:#f87171}.card.warn{border-left-color:#f5a524}.card.out{border-left-color:#60a5fa}a.card:hover{transform:none;border-color:#2dd4bf66}
th{font:600 calc(11px*var(--k,1)) var(--mono);letter-spacing:.06em;color:var(--mut);background:transparent}td{font-size:calc(14px*var(--k,1))}tr:hover td{background:#2dd4bf0a}
td.mono,.mono{font-family:var(--mono)}
button,.btn{background:var(--acc);color:var(--onacc);border-radius:8px;font-weight:600;border:0}button:hover,.btn:hover{filter:brightness(1.1)}
button.gray{background:#1f2c38;color:#cbd5e1}html:not([data-theme=dark]) button.gray{background:#64748b;color:#fff}button.red{background:#ef4444;color:#fff}
input,select,textarea{background:#0e1318;color:var(--txt);border:1px solid var(--line);border-radius:8px}html:not([data-theme=dark]) input,html:not([data-theme=dark]) select,html:not([data-theme=dark]) textarea{background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px #2dd4bf26}
.presets a{border-radius:8px;font:500 calc(12.5px*var(--k,1)) var(--mono);background:var(--panel);border:1px solid var(--line);color:var(--mut)}.presets a.on{background:#14b8a626;border-color:#2dd4bf;color:#2dd4bf}
.tabs a{font-weight:500}.tabs a.on{color:var(--acc);border-color:var(--acc)}.tabs a:hover{background:#2dd4bf12}.pxr .tabs a.on{background:#14b8a626;color:var(--acc)}
.tag{font:500 calc(11.5px*var(--k,1)) var(--mono);border-radius:6px}
html[data-theme=dark] .tag.ok{background:#0d3b36;color:#5eead4}html[data-theme=dark] .tag.in{background:#0c2e45;color:#7dd3fc}
.live{border-radius:10px;font-family:var(--mono)}html[data-theme=dark] .live{background:#0f2a2a;border-color:#14524c;color:#5eead4}
.notice{border-radius:8px}.okmsg{border-radius:8px}
code,pre.code{font-family:var(--mono)}
.burger{background:#161f28;border:1px solid #1f2c38}
body.lg{background:radial-gradient(900px 500px at 15% -10%,#14b8a622,transparent),#0e1318}
.box{background:#121a21;border:1px solid #1c2733;border-radius:14px;box-shadow:0 20px 60px #0009}.lgttl{font-family:var(--mono)}
/* yuqori panel: demo ko'rinishidagi sarlavha chizig'i */
main>h1:first-child{padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid var(--line)}
a{color:var(--acc)}aside a{color:inherit}
aside nav a span{width:auto;text-align:left}
/* v5.2 tuzatishlar */
.pxn{border-radius:10px!important}.pxn h4{background:#0e1318!important;color:#2dd4bf!important;font:600 calc(11px*var(--k,1)) var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px!important;border-top:1px solid var(--line)!important}
html:not([data-theme=dark]) .pxn h4{background:#0e1318!important}
.pxn a{padding:6px 12px 6px 14px!important}.pxn a:hover{background:#2dd4bf12!important}.pxn a.on{background:#14b8a622!important;border-left-color:#2dd4bf!important;color:var(--acc)!important}
html[data-theme=dark] .pxn a.on{color:#5eead4!important}
.card,.card.ok,.card.bad,.card.warn,.card.out{border-color:var(--line)}.card.ok{border-left-color:#2dd4bf}.card.bad{border-left-color:#f87171}.card.warn{border-left-color:#f5a524}.card.out{border-left-color:#60a5fa}
html[data-theme=dark] .live,html[data-theme=dark] .notice{border:1px solid var(--line)}
html[data-theme=dark] .ri .ris .did.on{background:#14b8a622}
html[data-theme=dark] a.card:hover{border-color:#2dd4bf66}
html[data-theme=dark] .onb,html[data-theme=dark] .box2{background:var(--panel)}
html[data-theme=dark] [style*="background:#e0f2fe"],html[data-theme=dark] [style*="background:#dbeafe"],html[data-theme=dark] [style*="background:#eef2ff"]{background:#0f2a2a!important;color:#5eead4!important}
html[data-theme=dark] [style*="background:#fef3c7"]{background:#2b1f08!important;color:#fcd34d!important}
html[data-theme=dark] [style*="background:#fee2e2"]{background:#2b1010!important;color:#fca5a5!important}
html[data-theme=dark] [style*="background:#e2e8f0"]{background:#1c2733!important}
.lgd{display:none}html[data-theme=dark] .lgl{display:none}html[data-theme=dark] .lgd{display:block}
html[data-theme=dark] .live a{color:#2dd4bf}
html[data-theme=dark] .bar{background:rgba(45,212,191,.16)}html[data-theme=dark] .bar i{background:rgba(248,113,113,.85)}
html[data-theme=dark] .chart i.a{background:#2dd4bf}
aside nav a .nbd{margin-left:auto;background:#2dd4bf;color:#05201c;border-radius:10px;font:700 calc(11px*var(--k,1)) var(--mono);padding:1px 7px;font-style:normal}
/* v5.3.1 — guruhlangan menyu */
aside nav .ng{margin:2px 0}.ngh{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none!important;border:1px solid transparent;border-radius:8px;color:#c4ced8;font:600 calc(11.5px*var(--k,1)) var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left}
.ngh:hover{background:#ffffff0a!important;color:#fff}.ngh svg{width:18px;height:18px;flex:none;stroke:#8593a0;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ngh span{flex:1}.ngh .chev{width:7px;height:7px;border-right:2px solid #8593a0;border-bottom:2px solid #8593a0;transform:rotate(-45deg);transition:transform .15s;margin-right:4px}
.ng.open>.ngh .chev{transform:rotate(45deg)}.ng.open>.ngh{color:#fff}.ng.open>.ngh svg{stroke:#2dd4bf}
.ngb{display:none;padding:0 0 4px 12px;margin-left:17px;border-left:1px solid #1f2c38}.ng.open>.ngb{display:block}
.ng[data-g=main]>.ngb{display:block;padding:0;margin:0;border:0}
.ngb a{padding:7px 10px!important;font-size:calc(13.5px*var(--k,1))!important}.ngh .nbd{margin-left:0}
.pmd{max-width:520px}.pmd summary{cursor:pointer}.permf2{margin-top:8px;display:flex;flex-direction:column;gap:8px}.pmp{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pmg{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding:6px 0;border-top:1px dashed var(--line)}.pmg>b{width:100%;font:600 calc(11px*var(--k,1)) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
/* v5.8.1 — tartibli jadvallar: foydalanuvchilar va CRM xodimlari */
.utab td{vertical-align:top}.utab td:nth-child(5){min-width:300px;width:44%}.utab .pmd{max-width:none}
.utab .pmd>summary{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:#f8fafc;list-style:none;font-weight:600}
.utab .pmd>summary::-webkit-details-marker{display:none}.utab .pmd[open]>summary{background:#e6f4f1;border-color:#0f9d8a}
.utab .permf2{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;padding:12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fbfdfd}
.utab .pmp{grid-column:1/-1;padding-bottom:8px;border-bottom:1px dashed var(--line,#e5e7eb)}
.utab .pmg{display:flex;flex-direction:column;align-items:stretch;gap:5px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:#fff;padding:9px 11px}
.utab .pmg>b{font-size:calc(11px*var(--k,1));letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:2px}
.utab .permf2>p{grid-column:1/-1;margin:0;text-align:right}
.uact{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:230px}.uact .inl{margin:0;width:100%}.uact .inl input{flex:1;min-width:0}
.uact .inl:not(:first-child){width:auto;display:inline-flex}.uact{}
.stf{table-layout:fixed;width:100%;min-width:900px}.stf td{vertical-align:middle}
.stf th:nth-child(1){width:15%}.stf th:nth-child(2){width:15%}.stf th:nth-child(3){width:14%}.stf th:nth-child(4){width:10%}.stf th:nth-child(5){width:13%}.stf th.c{width:6%;text-align:center}.stf th:nth-child(7){width:17%}.stf th:last-child{width:10%}
.stf td.c{text-align:center}.stf input:not([type=checkbox]),.stf select{width:100%;box-sizing:border-box}.stf input[type=checkbox]{width:18px;height:18px}
.stf .sact{white-space:nowrap;text-align:right}.stf .sact form{display:inline-block;margin:0 0 0 4px;vertical-align:middle}
html[data-theme=dark] .utab .pmd>summary{background:#1e293b}html[data-theme=dark] .utab .pmd[open]>summary{background:#0f3a36}html[data-theme=dark] .utab .permf2{background:#0f172a}html[data-theme=dark] .utab .pmg{background:#131c31}
.uact{flex-direction:row;flex-wrap:wrap;align-items:center}.uact .inl:first-child{flex:1 1 100%}.utab .pmg .chk{overflow-wrap:anywhere;align-items:flex-start}

/* ===== v5.23 — «Iliq» mavzu (C varianti): ko'zni charchatmaydigan iliq-neytral ranglar + Nunito Sans ===== */
:root{--bg:#f6f4f0;--panel:#fffdfa;--txt:#2e2a26;--mut:#7a736b;--line:#e8e3da;--acc:#5b6ab0;--acc2:#4a5899;--onacc:#fff;--side1:#2b2824;--side2:#34302b;--shadow:0 1px 2px #2b28240d,0 4px 14px #2b28240a;--sans:'Nunito Sans',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:'Nunito Sans',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--ok:#4f8a6a;--bad:#c4635a;--warn:#c28a3a}
html[data-theme=dark]{--bg:#1a1917;--panel:#232120;--txt:#e6e1d9;--mut:#9a9389;--line:#33302c;--acc:#9aa5e0;--acc2:#8591d1;--onacc:#14172e;--side1:#121110;--side2:#121110;--shadow:none;--ok:#7fc29a;--bad:#e2857c;--warn:#e0b060}
body{font-family:var(--sans);font-size:calc(15px*var(--k,1));font-variant-numeric:tabular-nums;background:var(--bg);color:var(--txt)}
h1,h2,h3,h4,button,input,select,textarea,th,td,a,small,b,.tag,.lgttl,.live,.cxt a,.logo::after,.lsw a,.ngh,.nbd{font-family:var(--sans)}
th{letter-spacing:.3px;text-transform:none;font-weight:600}
.logo::after{color:var(--mut);letter-spacing:.14em}
aside,html:not([data-theme=dark]) aside{background:var(--side1);border-right:1px solid var(--line)}
aside nav a,.usr,.ngh{color:#d8d2c8}aside nav a svg,.ngh svg,.ngh .chev{stroke:#9a9389;border-color:#9a9389}
.ngh .chev{stroke:none}
aside nav a:hover,.ngh:hover{background:#ffffff0d!important;color:#fff}
aside nav a.on{background:#ffffff12;border-color:#ffffff1a;color:#fff;box-shadow:inset 2px 0 0 var(--acc)}aside nav a.on svg,.ng.open>.ngh svg{stroke:var(--acc)}
.ngb{border-left-color:#ffffff1a}
.lsw a,.thm,.burger{background:#ffffff12;color:#b9b2a6;border-color:#ffffff1a}.lsw a.cur{background:color-mix(in srgb,var(--acc) 22%,transparent);color:var(--acc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent)}
.usr a{color:var(--acc)}
aside nav a .nbd{background:var(--acc);color:var(--onacc)}
.card,.tw,.card-form,.sform fieldset,fieldset.sform,.gridbox,details.dg,.chart,.pxg,.tk,.aibox{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}
.card{border-left:3px solid var(--mut)}.card b{font-weight:700}.card.ok{border-left-color:var(--ok)}.card.bad{border-left-color:var(--bad)}.card.warn{border-left-color:var(--warn)}.card.out{border-left-color:var(--acc)}
a.card:hover,html[data-theme=dark] a.card:hover{border-color:color-mix(in srgb,var(--acc) 45%,transparent)}
tr:hover td{background:color-mix(in srgb,var(--acc) 6%,transparent)}
input,select,textarea,html:not([data-theme=dark]) input,html:not([data-theme=dark]) select,html:not([data-theme=dark]) textarea{background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:9px}
input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
button,.btn{background:var(--acc);color:var(--onacc);border-radius:9px}
button.gray,html:not([data-theme=dark]) button.gray{background:color-mix(in srgb,var(--txt) 14%,var(--panel));color:var(--txt)}
.presets a,.tabs a,.cxt a{border-radius:9px}.presets a.on{background:color-mix(in srgb,var(--acc) 16%,transparent);border-color:var(--acc);color:var(--acc)}
.tabs a:hover{background:color-mix(in srgb,var(--acc) 10%,transparent)}.pxr .tabs a.on{background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc)}
html[data-theme=dark] .tag.ok,.tag.ok{background:color-mix(in srgb,var(--ok) 18%,var(--panel));color:var(--ok)}html[data-theme=dark] .tag.in,.tag.in{background:color-mix(in srgb,var(--acc) 18%,var(--panel));color:var(--acc)}
html[data-theme=dark] .live,.live{background:color-mix(in srgb,var(--acc) 12%,var(--panel));border-color:color-mix(in srgb,var(--acc) 30%,var(--line));color:var(--acc)}
html[data-theme=dark] .live a{color:var(--acc)}
body.lg{background:radial-gradient(900px 500px at 15% -10%,color-mix(in srgb,var(--acc) 14%,transparent),transparent),var(--bg)}
.box{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #0004}
.pxn h4{background:var(--side1)!important;color:var(--acc)!important}html:not([data-theme=dark]) .pxn h4{background:var(--side1)!important}
.pxn a:hover{background:color-mix(in srgb,var(--acc) 10%,transparent)!important}.pxn a.on,html[data-theme=dark] .pxn a.on{background:color-mix(in srgb,var(--acc) 16%,transparent)!important;border-left-color:var(--acc)!important;color:var(--acc)!important}
html[data-theme=dark] .ri .ris .did.on{background:color-mix(in srgb,var(--acc) 16%,transparent)}
html[data-theme=dark] .bar{background:color-mix(in srgb,var(--acc) 18%,transparent)}html[data-theme=dark] .chart i.a{background:var(--acc)}
html[data-theme=dark] [style*="background:#e0f2fe"],html[data-theme=dark] [style*="background:#dbeafe"],html[data-theme=dark] [style*="background:#eef2ff"]{background:color-mix(in srgb,var(--acc) 14%,var(--panel))!important;color:var(--acc)!important}
html[data-theme=dark] [style*="background:#e2e8f0"]{background:var(--line)!important}
html[data-theme=dark] .utab .pmd>summary{background:var(--panel)}html[data-theme=dark] .utab .pmd[open]>summary{background:color-mix(in srgb,var(--acc) 16%,var(--panel))}html[data-theme=dark] .utab .permf2{background:var(--bg)}html[data-theme=dark] .utab .pmg{background:var(--panel)}
.utab .pmd>summary{background:var(--panel)}.utab .pmd[open]>summary{background:color-mix(in srgb,var(--acc) 12%,var(--panel));border-color:var(--acc)}.utab .permf2{background:var(--bg)}.utab .pmg{background:var(--panel)}
a{color:var(--acc)}aside a{color:inherit}

/* ===== v5.25 — «Navy» mavzu (E varianti): ikonkali yon panel, och ko'k fon, katta qulay shrift ===== */
:root{--k:1.24;--bg:#eef3fb;--panel:#fff;--txt:#1b2a44;--mut:#586783;--line:#dde6f2;--acc:#0a86b8;--acc2:#07709c;--onacc:#fff;--side1:#0b2a5c;--side2:#0b2a5c;--shadow:0 1px 3px #0b2a5c14,0 6px 18px #0b2a5c0a;--ok:#1d8a4f;--bad:#c8473f;--warn:#b8651a}
html[data-theme=dark]{--bg:#0a1428;--panel:#111e38;--txt:#e4ecf8;--mut:#9aaac6;--line:#223454;--acc:#3ccaf5;--acc2:#22b3e0;--onacc:#04202c;--side1:#071a3b;--side2:#071a3b;--shadow:none;--ok:#5fcf93;--bad:#ff8f86;--warn:#f0b36a}
html{-webkit-text-size-adjust:100%}
body{line-height:1.45}
h1{font-weight:700;font-size:calc(24px*var(--k,1));letter-spacing:-.2px}
main{padding:28px 34px}
.card,.tw,.card-form,.sform fieldset,fieldset.sform,.gridbox,details.dg,.chart,.pxg,.tk,.aibox{border-color:transparent;border-radius:14px}
html[data-theme=dark] .card,html[data-theme=dark] .tw,html[data-theme=dark] .card-form{border-color:var(--line)}
th{font-size:calc(12.5px*var(--k,1));color:var(--mut)}
td,th{padding:calc(10px*var(--k,1)) 14px}
input,select,textarea,button{font-size:inherit;padding:.5em .7em}
button.sm,.sm{font-size:calc(13px*var(--k,1));padding:.35em .8em}
.cxt a,.tabs a,.presets a{border-radius:999px;background:var(--panel);border-color:transparent;box-shadow:var(--shadow);padding:.45em 1.05em}
.cxt a.on,.tabs a.on,.cxt a.on *{background:var(--acc)!important;color:var(--onacc)!important}
.pxr .tabs a.on,.presets a.on{background:var(--acc);color:var(--onacc);border-color:transparent}
.lsw a.cur{background:color-mix(in srgb,var(--acc) 30%,transparent);color:#fff;box-shadow:none}
.fsz{background:#ffffff14;color:#cfe0ff;border:0;border-radius:6px;padding:1px 8px;cursor:pointer;font-weight:700}
.fsz:hover,.thm:hover{background:#ffffff26}
/* board */
body .cxk{gap:22px;grid-auto-columns:minmax(340px,1fr)}
body .cxk .col{background:transparent;border:0}
body .cxk .col .ch{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;border:0;padding:4px 2px 12px;font:700 calc(16px*var(--k,1)) var(--sans);color:var(--c);justify-content:stretch;text-align:left}
body .cxk .col .ch span:first-child{color:var(--c);font:700 calc(16px*var(--k,1)) var(--sans);grid-column:1;grid-row:1}
body .cxk .col .ch .tv{grid-column:1/3;grid-row:2;font:600 calc(13.5px*var(--k,1)) var(--sans);color:var(--c);opacity:.95}
body .cxk .col .ch span:last-child{grid-column:2;grid-row:1;font:700 calc(13px*var(--k,1)) var(--sans);background:var(--panel);color:var(--mut);border-radius:999px;padding:1px 11px;box-shadow:var(--shadow)}
body .cxk .cb{padding:0;gap:12px}
body .cxk .col .cxc{background:var(--panel);border:0;border-left:4px solid var(--c0,var(--acc));border-radius:12px;box-shadow:var(--shadow);padding:14px 16px}
.cxc b{font-weight:700}
.cxc small{font-size:calc(13px*var(--k,1));margin-top:3px}
body .cxb{background:color-mix(in srgb,var(--c,#64748b) 14%,var(--panel));color:var(--c,var(--mut));border-radius:999px;font-weight:700}
.cxi{display:flex;flex-direction:column;gap:2px;margin:9px 0 2px}.cxi>span{font-size:calc(13.5px*var(--k,1));color:var(--txt)}.cxi b{color:var(--mut);font-weight:600;font-size:calc(12.5px*var(--k,1))}
.cxm{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 2px}.cxm>span{font-size:calc(12px*var(--k,1));padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--mut) 14%,var(--panel));color:var(--mut)}
.cxm>.cxp.ok{background:color-mix(in srgb,var(--ok) 16%,var(--panel));color:var(--ok);font-weight:600}.cxm>.cxp.no{background:color-mix(in srgb,var(--warn) 18%,var(--panel));color:var(--warn);font-weight:600}
.cxc .sm{margin-top:8px}
/* sidebar: ikonkali yo'l (rail), sichqoncha ustiga kelganda kengayadi */
aside{background:var(--side1);border:0;box-shadow:none;color:#cfe0ff}
aside .logo::after{display:none}
aside nav a,.ngh,.usr{color:#cfe0ff}
aside nav a svg,.ngh svg{stroke:#9fb6dc}
aside nav a:hover,.ngh:hover{background:#ffffff14!important;color:#fff}
aside nav a.on{background:#06b6e826;border-color:transparent;box-shadow:none;color:#fff}aside nav a.on svg,.ng.open>.ngh svg{stroke:#38d0ff}
.ngb{border-left-color:#ffffff22}
.usr a{color:#7fdcff}aside nav a .nbd{background:#38d0ff;color:#04202c}
@media(min-width:801px){
 aside{width:72px;margin-right:0;transition:width .18s ease;z-index:40;overflow:hidden}
 aside:hover,aside:focus-within{width:272px;margin-right:-200px;box-shadow:8px 0 28px #0b2a5c55}
 aside .logo{padding:16px 18px 8px}aside .logo img{height:34px;width:34px;object-fit:cover;object-position:left}
 aside:hover .logo img,aside:focus-within .logo img{width:auto;object-fit:contain}
 aside nav{padding:8px 10px}
 aside nav a,aside nav .ngh{padding:12px;white-space:nowrap}
 aside nav a span,aside nav .ngh span,aside .ngh .chev,aside nav a .nbd{opacity:0;transition:opacity .12s}
 aside:hover nav a span,aside:hover nav .ngh span,aside:hover .ngh .chev,aside:hover nav a .nbd,aside:focus-within nav a span,aside:focus-within nav .ngh span,aside:focus-within .ngh .chev,aside:focus-within nav a .nbd{opacity:1}
 aside nav a svg,.ngh svg{width:22px;height:22px}
 .ngb{margin-left:0;padding:0 0 4px 0;border:0}
 aside .usr{opacity:0;pointer-events:none;transition:opacity .12s;white-space:nowrap}
 aside:hover .usr,aside:focus-within .usr{opacity:1;pointer-events:auto}
}
.usr{font-size:calc(13px*var(--k,1))}
.lsw a,.thm,.fsz{font-size:calc(12px*var(--k,1))}
@media(max-width:800px){.cxk{grid-auto-columns:minmax(86vw,1fr)}main{padding:58px 14px 20px}}
@media(max-width:700px){#icdock{bottom:76px!important;right:12px!important;padding:11px 16px!important}}

/* ===== Autocall: oddiy 3 qadamli forma ===== */
.acw{max-width:880px}.acw .hb,.hb{max-width:880px;box-sizing:border-box}
.acs{background:var(--panel);border-radius:14px;padding:18px 22px;margin:0 0 16px;box-shadow:var(--shadow)}
html[data-theme=dark] .acs{border:1px solid var(--line);box-shadow:none}
.acs h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:calc(18px*var(--k,1))}
.acs h3 i{display:inline-grid;place-items:center;width:calc(30px*var(--k,1));height:calc(30px*var(--k,1));border-radius:50%;background:var(--acc);color:var(--onacc);font-style:normal;font-weight:700;font-size:calc(15px*var(--k,1));flex:none}
.acs label{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}.acs label.ck{flex-direction:row}
.acs select,.acs input:not([type=checkbox]):not([type=file]),.acs textarea{width:100%;box-sizing:border-box}
.acs .flt label,.acs .row2 label{margin:0}.acs .flt input,.acs .flt select{width:auto}
.acs-how{border-left:4px solid var(--acc)}.acs-how p{margin:6px 0}.acs-how ol{margin:4px 0 0;padding-left:1.3em}
.acs summary{cursor:pointer}.acs details>*:not(summary){margin-top:10px}
.acbtn{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 24px}.acbtn .big{padding:.7em 1.6em;font-size:calc(17px*var(--k,1))}
.acw .row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.leaflet-container{z-index:0;isolation:isolate}
@media(min-width:801px){aside{z-index:2000!important}}
.acs.flt{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.acs.flt select,.acs.flt input{width:auto;max-width:100%}
.acs .flt{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.acs .flt label{flex:1 1 200px}
/* v5.25.3 — ochilgan menyu bo'limi ochroq ko'k fonda (B varianti) */
:root{--ngbg:#173f80}html[data-theme=dark]{--ngbg:#14376f}
.ng.open:not([data-g=main])>.ngh,.ng.open:not([data-g=main])>.ngb{background:var(--ngbg)!important}
.ng.open:not([data-g=main])>.ngh{border-radius:12px 12px 0 0}
.ng.open:not([data-g=main])>.ngb{border:0;border-radius:0 0 12px 12px;margin:0 0 8px;padding:6px}

/* v5.26 — parolni tiklash: usul kartalari, kod maydoni, parol kuchi, admin havola paneli */
.pwm{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px}
.pwo{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:var(--panel);margin:0}
.pwo:hover{border-color:var(--acc)}
.pwo input{width:auto;margin:0;accent-color:var(--acc)}
.pwo:has(input:checked){border-color:var(--acc);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.pwo .pwi{font-size:calc(22px*var(--k,1))}
.pwo b{display:block;font-size:calc(14px*var(--k,1))}
.pwo small{display:block;color:var(--mut);font-size:calc(12px*var(--k,1))}
.lg .pwcode{text-align:center;letter-spacing:.5em;font-size:calc(24px*var(--k,1));font-weight:700;font-variant-numeric:tabular-nums}
.lg button.gray{background:transparent;color:var(--mut);border:1px solid var(--line);margin-top:8px}
.lg button.gray:disabled{opacity:.55;cursor:default}
.pwb{height:6px;border-radius:4px;background:var(--line);margin:-4px 0 4px;overflow:hidden}
.pwb i{display:block;height:100%;width:0;border-radius:4px;transition:width .2s,background .2s}
.pwt{font-size:calc(12px*var(--k,1));color:var(--mut);margin:0 0 8px;min-height:1.2em}
.rlk{border:1.5px solid var(--acc);background:var(--panel);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.rlr{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.rlr input[readonly]{flex:1 1 320px;min-width:0;font-family:monospace}
.lg .pwcode{box-sizing:border-box;width:100%;letter-spacing:.35em;padding-left:.35em}
.lg .box{max-width:100%}

.usr .usec{display:block;margin:8px 0 4px}

/* ===== Yon menyu: ochilib-yopilishdagi qotish tuzatildi — panel sahifa oqimidan chiqarildi (kontent qayta hisoblanmaydi), faqat panel eni silliq o'zgaradi ===== */
@media(min-width:801px){
 body{padding-left:72px;box-sizing:border-box}
 aside{position:fixed;left:0;top:0;bottom:0;height:auto;width:72px;margin-right:0;will-change:width;contain:layout paint;transition:width .16s cubic-bezier(.2,.7,.2,1),box-shadow .16s}
 aside:hover,aside:focus-within{width:272px;margin-right:0}
 aside nav{overscroll-behavior:contain}
}

/* ===== v5.29 — ikki qatlamli menyu (asosiy bo'limlar + sub panel) ===== */
aside.mx{display:flex;flex-direction:row;flex-shrink:0;width:auto!important;margin-right:0!important;overflow:visible;padding:0;background:none;box-shadow:none;border:0;transition:none}
aside.mx:hover,aside.mx:focus-within{width:auto!important;margin-right:0!important;box-shadow:none}
.mx .rail{width:78px;background:var(--side1);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:3px;height:100%;z-index:3;border-right:1px solid #ffffff14}
.mx .rlogo{display:grid;place-items:center;width:40px;height:40px;margin:2px 0 10px}.mx .rlogo img{width:36px;height:36px;border-radius:10px}
.mx .rb{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:72px;padding:8px 1px 6px;border-radius:12px;cursor:pointer;color:#9fb6dc;font:600 calc(10px*var(--k,1))/1.15 var(--sans,system-ui);text-align:center}
.mx .rb svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mx .rb span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx .rb:hover{background:#ffffff12;color:#fff}.mx .rb.on{background:#ffffff1f;color:#fff;box-shadow:inset 3px 0 0 #38d0ff}.mx .rb:focus-visible,.mx .rav:focus-visible{outline:2px solid #38d0ff}
.mx .nbd{position:absolute;top:3px;right:5px;background:#38d0ff;color:#04202c;border-radius:10px;font:700 calc(10px*var(--k,1)) var(--mono);padding:0 5px;font-style:normal}
.mx .rsp{flex:1}
.mx .rav{all:unset;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1d9bf0,#2563eb);color:#fff;display:grid;place-items:center;font:700 calc(15px*var(--k,1)) var(--sans,system-ui);cursor:pointer;margin-top:6px}
.mx .panel{width:216px;background:color-mix(in srgb,var(--side1) 82%,#fff 18%);color:#cfe0ff;overflow-y:auto;overscroll-behavior:contain;height:100%;z-index:2}
.mx .sp{display:none;padding:14px 10px 18px}.mx .sp.on{display:block}
.mx .sp h4{display:flex;align-items:center;justify-content:space-between;margin:2px 8px 10px;font:700 calc(11px*var(--k,1)) var(--sans,system-ui);letter-spacing:.09em;text-transform:uppercase;color:#8fb0e6}
.mx .pcl{all:unset;cursor:pointer;padding:0 6px;border-radius:6px;color:#8fb0e6;font-size:calc(15px*var(--k,1))}.mx .pcl:hover{background:#ffffff14;color:#fff}
.mx .sp a{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:1px 0;border-radius:9px;color:#cfe0ff;text-decoration:none;font:500 calc(13.5px*var(--k,1))/1.25 var(--sans,system-ui);border:0;box-shadow:none}
.mx .sp a svg{width:17px;height:17px;flex:none;stroke:#8fb0e6;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mx .sp a:hover{background:#ffffff12;color:#fff}.mx .sp a.on{background:#06b6e82e;color:#fff;font-weight:600}.mx .sp a.on svg{stroke:#38d0ff}
.mx .sp a .nbd{position:static;margin-left:auto}
.mx .mo{margin-top:8px;border-top:1px solid #ffffff1a;padding-top:6px}.mx .mo summary{cursor:pointer;list-style:none;padding:7px 10px;border-radius:9px;color:#8fb0e6;font:600 calc(12.5px*var(--k,1)) var(--sans,system-ui)}.mx .mo summary::-webkit-details-marker{display:none}.mx .mo summary::after{content:' ›'}.mx .mo[open] summary::after{content:' ⌄'}.mx .mo summary:hover{background:#ffffff12;color:#fff}
.mx .mxu{position:fixed;left:88px;bottom:12px;width:250px;background:var(--panel,#fff);color:var(--txt,#111);border:1px solid var(--line,#d9dee5);border-radius:14px;box-shadow:0 14px 40px #0005;padding:12px 14px;z-index:60}.mx .mxu[hidden]{display:none}
.mx .mxu a{display:block;padding:7px 2px;color:var(--acc);text-decoration:none}.mx .mxu .lsw{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.mx .mxu .lsw a,.mx .mxu .lsw button{display:inline-block;padding:4px 9px;border:1px solid var(--line,#d9dee5);border-radius:8px;background:var(--bg,transparent);color:var(--txt);font-size:calc(12px*var(--k,1));cursor:pointer}.mx .mxu .lsw a.cur{background:var(--acc);color:var(--onacc,#fff);border-color:transparent}.mx .mxu .cr{border-top:1px solid var(--line,#e5e7eb);margin-top:6px;padding-top:6px;font-size:calc(11.5px*var(--k,1))}
@media(min-width:801px){
 body{padding-left:0!important}
 aside.mx{position:sticky;top:0;height:100vh;left:auto;bottom:auto;contain:none;will-change:auto;z-index:40}
 html.pc .mx .panel{display:none}
 html.pc .mx.pop .panel{display:block;position:absolute;left:78px;top:0;box-shadow:10px 0 30px #0005}
}
@media(max-width:800px){
 aside.mx{position:fixed;inset:0 auto 0 0;height:100vh;width:auto!important;flex-direction:row;transform:translateX(-105%);transition:transform .2s;z-index:50}
 body.menu aside.mx{transform:none}.mx .panel{width:min(230px,60vw)}.mx .rail{padding-bottom:72px}.mx .pcl{display:none}.mx .mxu{left:88px}
}

/* v5.30 — kirish oynasi: CALL STATS sarlavhasi, yorliqlar, parolni ko'rsatish, Caps Lock ogohlantirishi */
body.lg{padding:20px}
.box.lgf{width:min(400px,100%);padding:28px 30px 20px;gap:0;border-radius:20px}
.lgf .lglogo img{height:44px}
.lgf .lgh{margin:18px 0 6px;padding-top:16px;border-top:1px solid var(--line)}
.lgf .lgt{margin:0;font-size:calc(24px*var(--k,1));line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--txt)}
.lgf .lgs{margin:6px 0 0;color:var(--mut);font-size:calc(13.5px*var(--k,1))}
.lgf .lgl2{font-size:calc(12.5px*var(--k,1));font-weight:600;color:var(--mut);margin:12px 0 5px}
.lgf input{width:100%;box-sizing:border-box;margin:0}
.lgf .hint,.lgf .err{margin:10px 0 0}
.pww{position:relative}.pww input{padding-right:46px}
.pww .eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;margin:0;background:transparent;border:0;color:var(--mut);cursor:pointer;font-size:18px;line-height:1;border-radius:8px;box-shadow:none}
.pww .eye:hover,.pww .eye.on{color:var(--acc);background:transparent}
.lgcaps{margin:8px 0 0;font-size:calc(12.5px*var(--k,1));color:#b45309;background:#f59e0b1f;border-radius:8px;padding:6px 10px}
.lgbtn{margin:18px 0 0;width:100%;padding:12px 14px;font-size:calc(15px*var(--k,1));font-weight:700}
.lgbtn:disabled{opacity:.7;cursor:progress}
.lgfg{text-align:center;margin:14px 0 0}
.lgfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
.lgfoot .lsw-l{margin:0}.lgv{font-size:calc(11.5px*var(--k,1));color:var(--mut)}.lgv a{color:inherit}
@media(max-width:420px){.box.lgf{padding:24px 20px 16px}.lgfoot{flex-direction:column}}
/* v5.30 — bitim kartochkasi: soha maydonlari bir xil kenglikda */
.g2 input[type=date],.g2 input[type=number]{width:100%;box-sizing:border-box}
/* v5.30 — litsenziya muddati ogohlantirishi */
.licw{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#f59e0b1f;color:#92400e;border:1px solid #f59e0b55;font-size:calc(13.5px*var(--k,1));line-height:1.45}
.licw a{color:inherit;font-weight:700;text-decoration:underline}
.licw.bad{background:#dc26261a;color:#b91c1c;border-color:#dc262655}
[data-theme=dark] .licw{color:#fbbf24}[data-theme=dark] .licw.bad{color:#fca5a5}
.lgf select{width:100%;box-sizing:border-box;margin:0}