@font-face{font-family:Peyda;src:url(/assets/fonts/PeydaFaNumWeb-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--p:#0076ca;--p2:#2ea8ff;--t:#00d4b8;--t2:#4fe8d0;--grad:linear-gradient(120deg,var(--p2),var(--p));--grad2:linear-gradient(120deg,var(--p),var(--t));--ease:cubic-bezier(.22,.8,.24,1);--ok:#22c58b;--bad:#ff5d6c;--warn:#f5b73b;
--bg:#05070a;--bg2:#080c12;--card:rgba(255,255,255,.05);--card2:rgba(255,255,255,.08);--border:rgba(255,255,255,.09);--border2:rgba(255,255,255,.16);--text:#eaf0f7;--muted:#93a3b6;--muted2:#6b7a8e;--nav:rgba(7,10,15,.6);--nav2:rgba(9,13,19,.88);--grid:rgba(255,255,255,.04);--input:rgba(255,255,255,.045);--node:#0b111a;--shadow:0 24px 60px -24px rgba(0,0,0,.65);--glow:0 10px 40px -8px rgba(0,150,255,.5)}
:root[data-theme=light]{--bg:#f5f8fc;--bg2:#fff;--card:rgba(255,255,255,.72);--card2:#fff;--border:rgba(8,20,40,.1);--border2:rgba(8,20,40,.18);--text:#0c1626;--muted:#5a6b84;--muted2:#8292a8;--nav:rgba(255,255,255,.66);--nav2:rgba(255,255,255,.92);--grid:rgba(10,30,60,.05);--input:#fff;--node:#fff;--shadow:0 24px 50px -28px rgba(20,40,80,.28);--glow:0 10px 34px -10px rgba(0,118,202,.45)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-padding-top:104px;scroll-behavior:smooth}
body{font-family:Peyda,system-ui,"Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--text);line-height:1.9;min-height:100svh;overflow-x:hidden;transition:background-color .45s,color .45s}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(0,150,255,.32);color:#fff}
:root[data-theme=light] ::selection{background:rgba(0,118,202,.2);color:#0c1626}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--p),var(--t));border-radius:99px;border:2px solid var(--bg)}
:focus-visible{outline:2px solid rgba(0,212,184,.75);outline-offset:3px;border-radius:6px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:isolate}
.container{width:min(1180px,100% - 44px);margin-inline:auto}
.skip{position:absolute;top:-60px;inset-inline-start:12px;background:var(--p);color:#fff;padding:8px 14px;border-radius:10px;z-index:200}
.skip:focus{top:10px}
.bgfx{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(110px)}
.orb1{width:560px;height:560px;background:rgba(0,118,202,.32);top:-160px;right:-120px;animation:drift1 22s ease-in-out infinite}
.orb2{width:480px;height:480px;background:rgba(0,212,184,.16);bottom:-140px;left:-120px;animation:drift2 26s ease-in-out infinite}
.orb3{width:380px;height:380px;background:rgba(46,140,255,.14);top:42%;left:32%;animation:drift1 30s ease-in-out infinite}
:root[data-theme=light] .orb1{background:rgba(0,118,202,.16)}
:root[data-theme=light] .orb2{background:rgba(0,212,184,.12)}
:root[data-theme=light] .orb3{background:rgba(46,140,255,.1)}
@keyframes drift1{50%{transform:translate(-60px,50px)}}
@keyframes drift2{50%{transform:translate(60px,-40px)}}
.gridfx{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 90% 62% at 50% 0%,#000,transparent);mask-image:radial-gradient(ellipse 90% 62% at 50% 0%,#000,transparent)}
.spot{position:fixed;top:-200px;left:-200px;width:400px;height:400px;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(0,150,255,.12),transparent 65%);will-change:transform}
:root[data-theme=light] .spot{display:none}
.nav{position:fixed;top:14px;inset-inline:0;z-index:100}
.nav-inner{display:flex;align-items:center;gap:18px;padding:11px 18px;border-radius:18px;background:var(--nav);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background-color .45s,border-color .45s}
.nav.scrolled .nav-inner{background:var(--nav2);border-color:var(--border2)}
.logo{display:flex;align-items:center;gap:12px}
.lmark{width:50px;height:50px;border-radius:16px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,150,255,.4))}
.ltext{display:flex;flex-direction:column;line-height:1.3}
.ltext b{font-size:1.05rem;font-weight:800}
.len{font-size:.6rem;letter-spacing:.34em;color:var(--muted)}
.links{display:flex;gap:4px;margin-inline-start:auto}
.links a{position:relative;padding:9px 13px;font-size:.9rem;font-weight:600;color:var(--muted);transition:color .3s}
.links a::after{content:"";position:absolute;inset-inline:13px;bottom:2px;height:2px;background:var(--grad2);transform:scaleX(0);transition:transform .35s var(--ease)}
.links a:hover,.links a.active{color:var(--text)}
.links a:hover::after,.links a.active::after{transform:scaleX(1)}
.iconbtn{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--card);border:1px solid var(--border);transition:background-color .3s,border-color .3s}
.iconbtn:hover{border-color:var(--border2);background:var(--card2)}
.iconbtn svg{width:20px;height:20px}
.burger{display:none}
.ic{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.95rem 1.9rem;border-radius:15px;font-weight:700;font-size:.98rem;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
.btn-primary{background:linear-gradient(135deg,#1ea0ff,var(--p) 70%);color:#fff;box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.3),transparent 70%);transform:translateX(120%);transition:transform .7s var(--ease)}
.btn-primary:hover{transform:translateY(-3px)}
.btn-primary:hover::after{transform:translateX(-120%)}
.btn-ghost{background:var(--card);border:1px solid var(--border2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn-ghost:hover{transform:translateY(-3px);border-color:var(--p2)}
.btn-danger{background:rgba(255,93,108,.12);border:1px solid rgba(255,93,108,.4);color:var(--bad)}
.btn-danger:hover{transform:translateY(-3px);background:rgba(255,93,108,.2)}
.btn-sm{padding:.55rem 1.1rem;font-size:.86rem;border-radius:12px}
.btn[disabled]{opacity:.5;pointer-events:none}
main.panel{padding:130px 0 70px}
.card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:1.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .45s,border-color .45s}
.card h2,.card h3{font-weight:800;margin-bottom:.6rem}
.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:1.6rem}
.page-head h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800}
.page-head p{color:var(--muted)}
.grad{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:1.6rem}
.stat{display:flex;flex-direction:column;gap:2px}
.stat span{color:var(--muted);font-size:.85rem}
.stat b{font-size:1.9rem;font-weight:800;line-height:1.3}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.4rem}
.tabs a{padding:.6rem 1.2rem;border-radius:13px;background:var(--card);border:1px solid var(--border);font-weight:600;font-size:.9rem;color:var(--muted);transition:.3s}
.tabs a:hover{color:var(--text);border-color:var(--border2)}
.tabs a.active{color:#fff;background:linear-gradient(135deg,#1ea0ff,var(--p) 70%);border-color:transparent;box-shadow:var(--glow)}
.split{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:18px;align-items:start}
.list{display:flex;flex-direction:column;gap:10px;max-height:72vh;overflow:auto}
.item{display:block;padding:.9rem 1rem;border-radius:16px;background:var(--card);border:1px solid var(--border);transition:.3s}
.item:hover{border-color:var(--border2);transform:translateY(-2px)}
.item.active{border-color:var(--p2);box-shadow:var(--glow)}
.item .row{display:flex;justify-content:space-between;gap:8px;align-items:center}
.item small{color:var(--muted);font-size:.8rem}
.pbadge{display:inline-flex;align-items:center;padding:.1rem .7rem;border-radius:99px;font-size:.78rem;font-weight:700;border:1px solid var(--border2);color:var(--muted)}
.pbadge.ok{color:var(--ok);border-color:rgba(34,197,139,.45);background:rgba(34,197,139,.1)}
.pbadge.bad{color:var(--bad);border-color:rgba(255,93,108,.45);background:rgba(255,93,108,.1)}
.pbadge.warn{color:var(--warn);border-color:rgba(245,183,59,.45);background:rgba(245,183,59,.1)}
.pbadge.mute{color:var(--muted)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}
.field label{font-size:.88rem;font-weight:600;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;padding:.8rem 1rem;border-radius:14px;background:var(--input);border:1px solid var(--border2);transition:border-color .3s,box-shadow .3s}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--p2);box-shadow:0 0 0 4px rgba(46,168,255,.15)}
.field select option{background:var(--bg2);color:var(--text)}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:.8rem}
.flash{padding:.8rem 1.1rem;border-radius:14px;margin-bottom:1rem;border:1px solid var(--border2);background:var(--card)}
.flash.success{border-color:rgba(34,197,139,.5);color:var(--ok)}
.flash.error{border-color:rgba(255,93,108,.5);color:var(--bad)}
.flash.warning{border-color:rgba(245,183,59,.5);color:var(--warn)}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;margin:.8rem 0}
.kv dt{color:var(--muted);font-size:.88rem}
.kv dd{word-break:break-word}
.thread{display:flex;flex-direction:column;gap:10px;margin:1rem 0}
.bubble{max-width:82%;padding:.7rem 1rem;border-radius:16px;border:1px solid var(--border);background:var(--card2);white-space:pre-wrap;word-break:break-word}
.bubble small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}
.bubble.admin{align-self:flex-start;background:rgba(0,118,202,.16);border-color:rgba(46,168,255,.35)}
.bubble.customer{align-self:flex-end}
.files{display:flex;flex-direction:column;gap:8px;margin:.8rem 0}
.file{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:.7rem .9rem;border-radius:14px;border:1px solid var(--border);background:var(--input)}
.empty{text-align:center;color:var(--muted);padding:2rem 1rem}
.auth{min-height:calc(100svh - 200px);display:grid;place-items:center}
.auth .card{width:min(440px,100%)}
.auth h1{font-size:1.6rem;font-weight:800;margin-bottom:.4rem}
.auth p.sub{color:var(--muted);margin-bottom:1.2rem}
.otp{letter-spacing:.5em;text-align:center;font-size:1.3rem}
.foot{padding:26px 0;text-align:center;color:var(--muted2);font-size:.85rem;border-top:1px solid var(--border)}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--text)}
.table-wrap{overflow:auto}
table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th,.tbl td{padding:.7rem .8rem;text-align:start;border-bottom:1px solid var(--border)}
.tbl th{color:var(--muted);font-weight:600;font-size:.82rem}
.tbl tr:hover td{background:var(--card)}
@media(max-width:900px){.split{grid-template-columns:1fr}.list{max-height:none}.burger{display:grid}.links{display:none;position:absolute;top:calc(100% + 8px);inset-inline:0;flex-direction:column;padding:10px;border-radius:18px;background:var(--nav2);border:1px solid var(--border2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav.open .links{display:flex}.nav-inner{position:relative}.nav .cta{padding:.5rem .85rem;font-size:.8rem;white-space:nowrap}.kv{grid-template-columns:1fr}.bubble{max-width:94%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.log-info{color:#16a34a}.log-warning{color:#d97706}.log-error{color:#dc2626}.log-ctx{max-width:420px;word-break:break-all;color:var(--muted);font-size:.8rem}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}

:root{color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
select{padding:.65rem 1rem;border-radius:14px;background:var(--input);color:var(--text);border:1px solid var(--border2)}
select option{background:var(--bg2);color:var(--text)}
.card+.card{margin-top:1rem}
#themeBtn{color:var(--text)}
#themeBtn .ic-moon{display:none}
:root[data-theme=light] #themeBtn .ic-sun{display:none}
:root[data-theme=light] #themeBtn .ic-moon{display:block}
#themeBtn .ic{color:var(--p2);stroke:currentColor}
:root[data-theme=light] #themeBtn .ic{color:var(--p)}
.drop{position:relative;display:flex;align-items:center;gap:1rem;padding:1.2rem 1.3rem;border:2px dashed var(--border2);border-radius:18px;background:var(--input);cursor:pointer;transition:border-color .3s,background-color .3s,box-shadow .3s}
.drop:hover,.drop.over{border-color:var(--p2);box-shadow:0 0 0 4px rgba(46,168,255,.15)}
.drop.has-file{border-style:solid;border-color:var(--ok)}
.drop-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.drop-input::file-selector-button{cursor:pointer}
.drop-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--grad);color:#fff;box-shadow:var(--glow)}
.drop-ic .ic{width:22px;height:22px}
.drop-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.drop-t b{font-weight:700;overflow-wrap:anywhere}
.drop-t small{color:var(--muted);font-size:.8rem}
.grow{flex:1}
.nav-inner{gap:10px}
.backbtn svg{transition:transform .3s var(--ease)}
.backbtn:hover svg{transform:translateX(3px)}
.dd{position:relative}
.ddbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:13px;background:var(--card);border:1px solid var(--border);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background-color .3s,border-color .3s}
.ddbtn:hover{border-color:var(--border2);background:var(--card2)}
.ddbtn .chev{width:16px;height:16px;transition:transform .35s var(--ease)}
.dd.open .chev{transform:rotate(180deg)}
.ddmenu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:200px;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:16px;background:var(--nav2);border:1px solid var(--border2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top;transition:opacity .25s,transform .3s var(--ease),visibility .25s}
.dd.open .ddmenu{opacity:1;visibility:visible;transform:none}
.ddmenu a{padding:11px 14px;border-radius:11px;color:var(--text);transition:background-color .2s,padding .25s var(--ease)}
.ddmenu a:hover{background:var(--card);padding-inline-start:20px}
.ddmenu a.active{background:var(--grad);color:#fff}
#themeBtn{overflow:hidden;position:relative}
#themeBtn .ic{transition:transform .5s var(--ease),opacity .3s}
#themeBtn:hover .ic{transform:rotate(25deg)}
#themeBtn.spin .ic{animation:themespin .6s var(--ease)}
@keyframes themespin{from{transform:rotate(-180deg) scale(.3);opacity:0}to{transform:none;opacity:1}}
.bnav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:100;width:min(520px,100% - 24px);padding:8px;border-radius:26px;background:var(--nav2);border:1px solid var(--border2);box-shadow:0 12px 40px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4)}
.bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:18px;font-size:.72rem;font-weight:600;color:var(--muted);transition:color .25s,background-color .25s,transform .25s var(--ease)}
.bnav a .ic{width:22px;height:22px}
.bnav a.active{color:#fff;background:linear-gradient(135deg,var(--p1,#22c55e),var(--p2))}
.bnav a:not(.active):hover{color:var(--text);background:var(--card)}
.bnav a:active{transform:scale(.94)}
main.panel{padding-bottom:120px}
.qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.qcard{display:flex;flex-direction:column;gap:.4rem;transition:transform .25s var(--ease),border-color .25s}
.qcard:hover{transform:translateY(-4px);border-color:var(--p2)}
.qcard .pic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--card);color:var(--p2)}
.qcard .pic .ic{width:24px;height:24px}
.qcard small{color:var(--muted)}
@media(max-width:700px){
.nav{top:8px}
.nav-inner{padding:8px 10px;gap:8px;border-radius:16px}
.logo .ltext{display:none}
.nav .cta{padding:.45rem .8rem;font-size:.78rem;white-space:nowrap}
.ddbtn{padding:0 12px;height:42px}
.iconbtn{width:42px;height:42px}
.ddmenu{min-width:min(220px,calc(100vw - 40px))}
main.panel{padding:84px 0 100px}
.container{width:min(1180px,100% - 28px)}
.card{padding:1rem}
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.foot{padding-bottom:84px}
.bnav{bottom:calc(10px + env(safe-area-inset-bottom))}
}
.otpbox{display:flex;gap:10px;justify-content:center;margin:.4rem 0}
.otpbox input{width:52px;height:58px;padding:0;text-align:center;font-size:1.4rem;font-weight:700;background:var(--card);color:var(--text);border:1px solid var(--border2);border-radius:14px;outline:0;caret-color:var(--p2);transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.otpbox input:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.22);transform:translateY(-2px)}
.otpbox input:not(:placeholder-shown){border-color:var(--p2)}
@media(max-width:400px){.otpbox{gap:7px}.otpbox input{width:46px;height:54px}}

select option,select optgroup{background:var(--bg2);color:var(--text)}

:root{color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
select option{background-color:var(--bg2) !important;color:var(--text) !important}
.profile{margin-bottom:1rem}
.phead{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.phead h3{margin:0 0 2px}
.avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;font-size:1.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--p1,#22c55e),var(--p2))}
.pill{margin-inline-start:auto;padding:.3rem .8rem;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--card);border:1px solid var(--border2);color:var(--p2)}
.pbar{height:6px;border-radius:99px;background:var(--card);margin:1rem 0;overflow:hidden}
.pbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--p1,#22c55e),var(--p2));transition:width .6s var(--ease)}
.pform{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.pform .btn{grid-column:1/-1;justify-self:start}
@media(max-width:700px){.pform{grid-template-columns:1fr}}
.dob{display:grid;grid-template-columns:1fr 1.6fr 1.3fr;gap:8px}.dob select{width:100%}

.tbl .log-ctx{max-width:420px;word-break:break-word;white-space:normal}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}
@media(max-width:720px){
.filters select,.filters .btn{flex:1 1 140px}
table.tbl-cards{display:block;overflow:visible}
.tbl-cards thead{display:none}
.tbl-cards tbody{display:grid;gap:10px}
.tbl-cards tr{display:block;padding:.8rem 1rem;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.tbl-cards td{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;padding:.35rem 0;border:0;text-align:end;word-break:break-word}
.tbl-cards td::before{content:attr(data-label);flex:0 0 auto;color:var(--muted);font-size:.8rem;font-weight:600;text-align:start}
.tbl-cards td.log-ctx{flex-direction:column;align-items:stretch;text-align:start;direction:ltr;font-size:.78rem}
.tbl-cards td.log-ctx::before{direction:rtl;text-align:start}
.tbl-cards tr:hover td{background:transparent}
}