:root{color-scheme:dark;--bg:#090d14;--panel:#0f1622;--panel2:#121c2b;--line:#243247;--text:#eef3fb;--muted:#8f9db1;--accent:#7b5cff;--good:#39c77a;--danger:#ff6677;--warn:#ffbd57}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(123,92,255,.18),transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}.vxps-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(9,13,20,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.vxps-brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none}.vxps-brand span:last-child{display:flex;flex-direction:column;line-height:1.05}.vxps-brand small{color:var(--muted);font-size:11px;margin-top:4px}.vxps-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8b70ff,#4d2ed3);font-weight:900;box-shadow:0 0 24px rgba(123,92,255,.42)}.vxps-profile{display:flex;align-items:flex-end;flex-direction:column;font-size:13px}.vxps-profile small{color:var(--muted)}.vxps-shell{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 68px);max-width:1500px;margin:0 auto}.vxps-sidebar{border-right:1px solid var(--line);padding:18px;background:rgba(15,22,34,.72)}.vxps-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.vxps-side-head h1{margin:3px 0 0;font-size:23px}.vxps-side-head small,.vxps-dialog small{color:#9d8cff;letter-spacing:.13em;font-weight:800;font-size:10px}.vxps-primary,.vxps-secondary,.vxps-icon{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;border-radius:11px;padding:10px 14px;cursor:pointer;color:white}.vxps-primary{background:linear-gradient(135deg,#8063ff,#5b3bdc);box-shadow:0 8px 28px rgba(91,59,220,.26)}.vxps-primary:hover{filter:brightness(1.08)}.vxps-secondary{background:#172235;border-color:#2a3950}.vxps-icon{background:transparent;border-color:var(--line);padding:7px 11px;font-size:20px}.vxps-ticket-list{display:flex;flex-direction:column;gap:9px}.vxps-ticket-card{width:100%;text-align:left;border:1px solid var(--line);border-radius:15px;padding:13px;background:rgba(18,28,43,.74);color:var(--text);cursor:pointer}.vxps-ticket-card.active{border-color:#7b5cff;background:rgba(123,92,255,.12);box-shadow:0 0 0 1px rgba(123,92,255,.2)}.vxps-ticket-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.vxps-ticket-card h3{font-size:14px;margin:0}.vxps-ticket-card p{margin:8px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vxps-ticket-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:var(--muted);font-size:11px}.vxps-unread{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--danger);color:white;font-weight:800}.vxps-status{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#202c3f;color:#c6d0df}.vxps-status.open{background:rgba(57,199,122,.13);color:#69e19c}.vxps-status.waiting{background:rgba(255,189,87,.13);color:#ffd17d}.vxps-status.closed{background:rgba(143,157,177,.14);color:#b2bfd1}.vxps-status.archived{background:rgba(255,102,119,.1);color:#ff8e9c}.vxps-workspace{padding:22px;min-width:0}.vxps-empty{height:100%;min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}.vxps-empty h2{color:var(--text);margin:10px 0 4px}.vxps-empty-icon{font-size:64px;color:#7b5cff;filter:drop-shadow(0 0 18px rgba(123,92,255,.55))}.vxps-ticket-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.vxps-ticket-head h2{margin:4px 0 5px;font-size:21px}.vxps-ticket-head p{margin:0;color:var(--muted);font-size:13px}.vxps-client-context{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.vxps-chip{border:1px solid var(--line);background:#152033;border-radius:999px;padding:5px 9px;font-size:11px;color:#b9c6d8}.vxps-messages{display:flex;flex-direction:column;gap:12px;padding:18px 0}.vxps-message{max-width:min(760px,88%);padding:13px 15px;border:1px solid var(--line);background:var(--panel);border-radius:16px 16px 16px 5px}.vxps-message.mine{align-self:flex-end;background:rgba(123,92,255,.14);border-color:rgba(123,92,255,.45);border-radius:16px 16px 5px 16px}.vxps-message header{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.vxps-message header small{margin-left:auto;color:var(--muted)}.vxps-owner-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(174,126,255,.65);border-radius:999px;background:linear-gradient(135deg,rgba(123,92,255,.18),rgba(204,126,255,.15));color:#ebdcff;font-size:10px;font-weight:800;box-shadow:0 0 14px rgba(123,92,255,.2)}.vxps-message p{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.vxps-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.vxps-attachment{display:block;max-width:240px;color:#c9d7ef;text-decoration:none;font-size:12px}.vxps-attachment img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:10px;border:1px solid var(--line);margin-bottom:5px}.vxps-reply{position:sticky;bottom:12px;background:rgba(15,22,34,.96);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.vxps-reply textarea{width:100%;min-height:88px;resize:vertical}.vxps-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.vxps-reply-actions input{max-width:55%}.vxps-reply-buttons{display:flex;gap:8px}.vxps-dialog{width:min(560px,calc(100vw - 24px));border:1px solid var(--line);border-radius:19px;padding:0;background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.55)}.vxps-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.vxps-dialog form{padding:20px}.vxps-dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.vxps-dialog h2{margin:4px 0 18px}.vxps-dialog label{display:flex;flex-direction:column;gap:7px;margin-top:13px;color:#cbd5e3;font-size:13px}select,textarea,input[type=file]{width:100%;border:1px solid var(--line);border-radius:11px;background:#0a111c;color:var(--text);padding:11px}textarea{min-height:130px;resize:vertical}.vxps-file-field span{font-size:11px;color:var(--muted)}.vxps-file-preview{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.vxps-file-preview span{padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:11px;color:#bdc9d9}.vxps-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.vxps-error{color:#ff8d9a;font-size:12px;margin-top:8px}.vxps-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:10px;background:#182438;border:1px solid var(--line);transition:.2s;z-index:80}.vxps-toast.show{opacity:1;transform:translate(-50%,0)}.vxps-loading{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:800px){.vxps-topbar{padding:0 13px}.vxps-shell{display:block}.vxps-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:14px}.vxps-ticket-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,78vw);overflow-x:auto;padding-bottom:6px}.vxps-workspace{padding:14px}.vxps-ticket-head{padding:13px}.vxps-message{max-width:94%}.vxps-reply{bottom:8px}.vxps-profile small{display:none}}