:root{--bg:#070b14;--panel:#101827;--panel2:#151f31;--text:#edf3ff;--muted:#8d9ab0;--line:#263249;--a:#7c5cff;--b:#21d4fd;--good:#36d399;--danger:#ff6b81}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input{font:inherit}.landing{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 10%,#172452 0,transparent 35%),radial-gradient(circle at 90% 85%,#19243e 0,transparent 32%),var(--bg)}.orb{position:fixed;border-radius:50%;filter:blur(70px);opacity:.25}.o1{width:260px;height:260px;background:#7c5cff;left:-80px;top:20%}.o2{width:300px;height:300px;background:#21d4fd;right:-100px;bottom:10%}.hero{max-width:1180px;margin:auto;padding:52px 28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.5px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 12px 35px #7c5cff44}.hero-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:70px;align-items:center;min-height:75vh}.eyebrow{color:#9eaafc;font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.95;letter-spacing:-5px;margin:20px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,var(--b));color:transparent;background-clip:text}.hero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:650px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chips span,.demo{border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:9px 13px;color:#cbd5e8;font-size:13px}.role-card,.panel{background:linear-gradient(180deg,#121c2d,#0d1422);border:1px solid var(--line);box-shadow:0 25px 80px #0007;border-radius:24px;padding:22px}.mini{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.role{display:block;padding:18px;border:1px solid var(--line);border-radius:17px;margin:10px 0;background:#ffffff04;transition:.2s}.role:hover{transform:translateY(-2px);border-color:#59698b;background:#ffffff08}.role b{display:block;font-size:17px}.role span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.demo{margin-top:14px;text-align:center}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{border-right:1px solid var(--line);background:#0a101b;padding:22px}.navbrand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:35px}.nav a{display:block;color:var(--muted);padding:12px 13px;border-radius:12px;margin:5px 0}.nav a.active,.nav a:hover{background:#ffffff09;color:#fff}.main{padding:28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:28px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:18px;border:1px solid var(--line);background:#ffffff04;border-radius:18px}.stat b{display:block;font-size:30px;margin-top:7px}.workspace{display:grid;grid-template-columns:320px 1fr;gap:15px;height:calc(100vh - 130px)}.queue,.chatbox{min-height:0}.queue-list{overflow:auto;height:calc(100% - 50px)}.ticket{padding:14px;border:1px solid var(--line);border-radius:15px;margin:8px 0;cursor:pointer;background:#ffffff03}.ticket:hover,.ticket.active{background:#ffffff09;border-color:#566786}.ticket b{display:block}.ticket small{color:var(--muted)}.chatbox{display:flex;flex-direction:column}.chathead{padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.messages{flex:1;overflow:auto;padding:18px}.bubble{max-width:72%;padding:11px 14px;border-radius:17px;background:#1a263a;margin:7px 0}.bubble.mine{margin-left:auto;background:linear-gradient(135deg,#654bdb,#4268e9)}.bubble small{display:block;color:#aab5c8;font-size:10px;margin-top:5px}.composer{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.composer input{flex:1;background:#0a101b;border:1px solid var(--line);color:#fff;border-radius:13px;padding:12px}.btn{border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(135deg,var(--a),#4774ed);color:#fff;font-weight:700;cursor:pointer}.btn.alt{background:#ffffff0a;border:1px solid var(--line)}.btn.danger{background:#3a1721;color:#ff9caf}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(430px,100%)}.login h1{margin:8px 0}.input{width:100%;padding:13px 14px;border-radius:13px;border:1px solid var(--line);background:#0a101b;color:#fff;outline:none;margin:8px 0}.input:focus{border-color:#6274a0}.form-row{display:flex;gap:8px}.notice{padding:10px 12px;border-radius:12px;background:#ffffff07;color:#b9c4d7;margin:12px 0}.error{color:#ff9caf}.hidden{display:none}.empty{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center}.file-link{color:#b8d8ff;text-decoration:underline}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#243250;font-weight:800}.user{display:flex;align-items:center;gap:10px}.mobile-only{display:none}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:58px}.shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{grid-template-columns:1fr;height:auto}.queue{min-height:260px}.chatbox{height:70vh}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding:28px 18px}.hero h1{font-size:48px;letter-spacing:-3px}.stats{grid-template-columns:1fr}.main{padding:15px}.form-row{flex-direction:column}.bubble{max-width:88%}}