:root{--ink:#162033;--muted:#788399;--bg:#f4f6fb;--card:#fff;--brand:#6257ee;--brand2:#8a4df5;--green:#1fba7a;--red:#ee5965;--border:#e9ebf2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn UI,Vazirmatn,Tahoma,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.hero{padding:9vh 8vw;background:linear-gradient(145deg,#29225c,#6358ed 55%,#a255f4);color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:480px;height:480px;border:80px solid #ffffff14;border-radius:50%;bottom:-230px;left:-160px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900}.bird{display:grid;place-items:center;width:44px;height:44px;background:#fff;color:var(--brand);border-radius:15px}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.3;margin:13vh 0 20px}.hero p{font-size:18px;line-height:2;opacity:.85;max-width:600px}.authbox{display:grid;place-items:center;padding:40px}.formcard{width:min(430px,100%)}.formcard h2{font-size:30px;margin:0 0 8px}.formcard>p{color:var(--muted);margin-bottom:30px}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.field input,.field select,.field textarea{border:1px solid var(--border);padding:13px 14px;border-radius:12px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6257ee18}.btn{border:0;border-radius:11px;padding:12px 18px;background:var(--brand);color:#fff;font-weight:700}.btn.block{width:100%;margin-top:12px}.btn.ghost{color:var(--ink);background:#f0f1f7}.btn.danger{background:#fff0f1;color:var(--red)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#15192c;color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 8px 26px}.nav button{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;color:#aeb4c6;padding:12px;border-radius:10px;margin:3px 0;text-align:right}.nav button.active,.nav button:hover{background:#ffffff10;color:#fff}.sidebottom{position:absolute;bottom:20px;right:16px;left:16px}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.content{padding:28px 30px}.content h1{font-size:25px;margin:0}.sub{color:var(--muted);margin:7px 0 24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 5px 20px #20264008}.metric b{font-size:29px;display:block;margin-top:10px}.metric span{color:var(--muted)}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:20px 0}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.table th,.table td{padding:15px;border-bottom:1px solid var(--border);text-align:right}.table th{color:var(--muted);font-weight:500;background:#fafafe}.pill{display:inline-flex;padding:4px 9px;border-radius:20px;background:#eaf9f2;color:#168357;font-size:12px}.pill.off{background:#fff0f1;color:#c83e4a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sitecard{display:flex;justify-content:space-between;align-items:center}.dot{width:10px;height:10px;background:var(--green);border-radius:50%;display:inline-block}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.modal{position:fixed;inset:0;background:#10132399;display:grid;place-items:center;z-index:30;padding:20px}.modalbox{background:#fff;border-radius:18px;padding:24px;width:min(570px,100%);max-height:90vh;overflow:auto}.modalhead{display:flex;justify-content:space-between;align-items:center}.x{border:0;background:#f1f2f6;border-radius:50%;width:34px;height:34px}.chatlayout{display:grid;grid-template-columns:330px 1fr;background:#fff;border:1px solid var(--border);border-radius:16px;min-height:650px;overflow:hidden}.chatlist{border-left:1px solid var(--border)}.chatitem{padding:16px;border-bottom:1px solid var(--border);cursor:pointer}.chatitem:hover,.chatitem.active{background:#f6f5ff}.chatitem b,.chatitem small{display:block}.chatitem small{color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatpane{display:flex;flex-direction:column}.chathead{padding:15px 20px;border-bottom:1px solid var(--border)}.messages{padding:20px;flex:1;overflow:auto;max-height:520px;background:#fafbfe}.msg{max-width:70%;padding:10px 13px;margin:8px 0;border-radius:14px;background:#fff;border:1px solid var(--border)}.msg.operator{margin-right:auto;background:var(--brand);color:#fff;border:0}.msg small{display:block;opacity:.6;margin-top:5px}.composer{display:flex;gap:10px;padding:15px;border-top:1px solid var(--border)}.composer input{flex:1;border:1px solid var(--border);border-radius:11px;padding:11px}.code{direction:ltr;text-align:left;background:#15192c;color:#d8dcff;border-radius:10px;padding:14px;overflow:auto;font-family:monospace}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{border:0;background:#eceef5;padding:8px 13px;border-radius:9px}.tabs button.active{background:var(--brand);color:#fff}#toast{position:fixed;left:25px;bottom:25px;background:#171b2d;color:#fff;border-radius:10px;padding:12px 18px;opacity:0;transform:translateY(10px);transition:.2s;z-index:50}#toast.show{opacity:1;transform:none}@media(max-width:900px){.auth{grid-template-columns:1fr}.hero{display:none}.shell{grid-template-columns:75px 1fr}.sidebar{padding:16px 10px}.sidebar .brand span,.nav span,.sidebottom span{display:none}.content{padding:20px 14px}.topbar{padding:0 15px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.chatlayout{grid-template-columns:1fr}.chatlist{max-height:260px;overflow:auto;border:0;border-bottom:1px solid var(--border)}}