:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#123c5a;background:#eaf8ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#e7f8ff 0%,#f2f7ff 50%,#e9efff 100%);overflow-x:hidden}.hidden{display:none!important}.orb{position:fixed;border-radius:50%;filter:blur(2px);opacity:.38;pointer-events:none}.orb.one{width:420px;height:420px;right:-100px;top:-120px;background:#67e8f9}.orb.two{width:360px;height:360px;left:-120px;bottom:-100px;background:#a5b4fc}.glass{position:relative;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 50px rgba(14,116,144,.12);backdrop-filter:blur(18px);border-radius:24px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:34px}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:52px;height:46px;border-radius:15px;background:linear-gradient(135deg,#06b6d4,#4f46e5);color:#fff;font-weight:900;font-size:.8rem;box-shadow:0 10px 25px #0ea5e955}.brand div{display:grid}.brand small,.muted{color:#638096}.eyebrow{color:#0284c7;font-size:.73rem;font-weight:900;letter-spacing:.15em;margin:28px 0 5px}.login-card h1{font-size:2rem;margin:0}.login-card label,.filters label,.ticket label{display:grid;gap:7px;font-size:.82rem;font-weight:800;color:#456178;margin-top:17px}input,select,textarea{width:100%;border:1px solid #b9def1;border-radius:12px;background:rgba(255,255,255,.78);padding:13px;color:#123c5a;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #bae6fd77}button{border:0;border-radius:12px;padding:12px 17px;font:inherit;font-weight:800;cursor:pointer}.login-card button,.save-ticket{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;box-shadow:0 8px 20px #0284c744}.login-card button{width:100%;margin-top:22px}.message{color:#dc2626;min-height:20px}.topbar{margin:18px auto;width:min(1240px,calc(100% - 32px));padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.ghost{background:#eff9ff;color:#0369a1;border:1px solid #bae6fd}main{width:min(1200px,calc(100% - 32px));margin:20px auto 50px}.hero{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hero h1{font-size:2rem;margin:0}.hero p:last-child{color:#57748a;max-width:670px}.stats{display:flex;gap:10px}.stats div{min-width:90px;padding:16px;text-align:center;border-radius:16px;background:#edfaff}.stats b,.stats span{display:block}.stats b{font-size:1.6rem;color:#0369a1}.stats span{font-size:.73rem;color:#638096}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;padding:20px;margin:18px 0}.filters label{margin:0}.ticket-list{display:grid;gap:16px}.ticket{padding:24px}.ticket-heading,.ticket-footer,.contact,.ticket-tags{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-tags{justify-content:flex-start}.ticket-tags span{padding:5px 9px;background:#e0f2fe;color:#0369a1;border-radius:999px;font-size:.72rem}.ticket h2{margin:8px 0 0;font-size:1.2rem}.ticket-status{width:auto;min-width:130px;font-weight:800}.ticket-status.resolved{background:#dcfce7}.ticket-status.in_progress{background:#e0f2fe}.ticket-status.open{background:#fff7d6}.contact{justify-content:flex-start;flex-wrap:wrap;color:#607b90;font-size:.8rem;margin:18px 0;padding:12px 0;border-block:1px solid #d9edf7}.description{white-space:pre-wrap;line-height:1.55}.ticket textarea{min-height:100px;resize:vertical}.ticket-footer{margin-top:13px}.ticket-footer small{color:#70899b}.empty{text-align:center;padding:60px}.toast{position:fixed;right:20px;bottom:20px;transform:translateY(100px);opacity:0;background:#0f3d59;color:#fff;padding:13px 18px;border-radius:12px;transition:.25s;box-shadow:0 12px 30px #0f172a33}.toast.show{transform:none;opacity:1}button:disabled{opacity:.65;cursor:wait}@media(max-width:800px){.hero{align-items:flex-start;flex-direction:column}.stats{width:100%}.stats div{flex:1}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.ticket-heading{align-items:flex-start}.contact{display:grid}.topbar{margin-top:8px}}@media(max-width:520px){main,.topbar{width:calc(100% - 20px)}.filters{grid-template-columns:1fr}.filters label:first-child{grid-column:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats div{min-width:0;padding:11px 5px}.hero,.ticket{padding:19px}.ticket-heading,.ticket-footer{display:grid}.ticket-status,.save-ticket{width:100%}.topbar .brand small{display:none}}