:root{color-scheme:dark;--bg:#0a0a0d;--panel:#131318;--panel2:#19191f;--text:#f7f4ed;--muted:#9b998f;--gold:#d8ae57;--gold2:#f0cf7a;--purple:#7a5cff;--green:#35d07f;--red:#ff4d5e;--border:rgba(216,174,87,.24);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,rgba(216,174,87,.1),transparent 35%),var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}.app-shell{min-height:100dvh;padding-bottom:calc(82px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(10,10,13,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:12px;border:1px solid rgba(216,174,87,.36);box-shadow:0 0 18px rgba(216,174,87,.13)}.brand b{display:block;font-size:15px;letter-spacing:.2px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.icon-button{position:relative;width:42px;height:42px;border-radius:13px;background:var(--panel);border:1px solid var(--border);color:var(--gold2);display:grid;place-items:center}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notif-badge{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:#ed4245;color:white;font-weight:800;font-size:11px;display:grid;place-items:center;border:2px solid var(--bg)}.content{max-width:720px;margin:0 auto;padding:16px 14px 22px}.center-card,.card{background:linear-gradient(160deg,rgba(25,25,31,.96),rgba(16,16,20,.96));border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.22)}.center-card{text-align:center;padding:32px 20px;margin-top:18vh}.center-card h1{font-size:20px;margin:16px 0 7px}.center-card p{color:var(--muted);margin:0}.loader{width:38px;height:38px;margin:auto;border:3px solid rgba(216,174,87,.15);border-top-color:var(--gold);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 2px 14px}.section-title h1{font-size:22px;margin:0}.section-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.project-select{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:12px 13px;margin-bottom:14px}.ticket-list{display:grid;gap:11px}.ticket-card{width:100%;text-align:left;padding:15px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(25,25,31,.96),rgba(14,14,18,.98));color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.18)}.ticket-card:active{transform:scale(.99)}.ticket-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ticket-number{color:var(--gold2);font-weight:800;font-size:13px}.ticket-title{font-weight:760;font-size:16px;margin-top:4px}.ticket-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.status{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px}.status.open{color:#bff7d5;background:rgba(53,208,127,.12);border:1px solid rgba(53,208,127,.23)}.status.closed{color:#c9c8c4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.empty{padding:28px 18px;text-align:center;color:var(--muted)}.primary,.secondary,.danger{border-radius:14px;padding:12px 14px;font-weight:750;border:0}.primary{background:linear-gradient(135deg,var(--gold2),#bd8d38);color:#17120a}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.danger{background:rgba(255,77,94,.12);color:#ff9da6;border:1px solid rgba(255,77,94,.2)}.button-row{display:flex;gap:9px;flex-wrap:wrap}.field{display:grid;gap:7px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border-radius:13px;border:1px solid var(--border);background:#0f0f14;color:var(--text);padding:12px}.field textarea{min-height:112px;resize:vertical}.messages{display:grid;gap:9px;margin:15px 0}.message{padding:12px 13px;border-radius:16px;background:var(--panel);border:1px solid rgba(255,255,255,.06)}.message.user{margin-left:24px;border-color:rgba(216,174,87,.2)}.message.admin{margin-right:24px;border-color:rgba(122,92,255,.25);background:rgba(122,92,255,.07)}.message.system{font-size:12px;color:var(--muted);background:rgba(255,255,255,.025)}.message-head{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.composer{position:sticky;bottom:calc(74px + var(--safe-bottom));display:flex;gap:8px;padding:9px;background:rgba(10,10,13,.9);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px}.composer textarea{flex:1;min-height:44px;max-height:120px;resize:none;border:0;background:transparent;color:var(--text);padding:9px;outline:0}.profile-card{padding:18px}.profile-head{display:flex;align-items:center;gap:14px}.avatar{width:58px;height:58px;border-radius:18px;object-fit:cover;background:#222;border:1px solid var(--border)}.identity-grid{display:grid;gap:9px;margin-top:16px}.identity-row{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:#101015;border-radius:13px;border:1px solid rgba(255,255,255,.06)}.identity-left{display:flex;align-items:center;gap:9px}.steam-icon{width:22px;height:22px}.ok{color:var(--green)}.warn{color:var(--gold2)}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:15px}.stat-value{font-size:25px;font-weight:850;color:var(--gold2)}.stat-label{color:var(--muted);font-size:12px;margin-top:4px}.lock-note{padding:13px;border-radius:14px;border:1px solid rgba(216,174,87,.18);background:rgba(216,174,87,.06);color:#d9d1bf;font-size:13px}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:calc(68px + var(--safe-bottom));padding:7px 10px var(--safe-bottom);display:flex;align-items:stretch;justify-content:space-around;background:rgba(11,11,14,.94);backdrop-filter:blur(18px);border-top:1px solid var(--border)}.nav-item{min-width:66px;border:0;background:transparent;color:#817f79;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}.nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{color:var(--gold2)}.nav-primary .plus{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),#b88633);color:#161108;font-size:24px;line-height:1}.toast{position:fixed;left:50%;bottom:calc(86px + var(--safe-bottom));z-index:50;transform:translateX(-50%);max-width:calc(100vw - 28px);background:#1d1d23;border:1px solid var(--border);box-shadow:0 14px 40px #0008;border-radius:14px;padding:11px 14px;font-size:13px}.hidden{display:none!important}@media(min-width:680px){.content{padding-top:24px}.bottom-nav{left:50%;right:auto;width:560px;transform:translateX(-50%);border:1px solid var(--border);border-bottom:0;border-radius:20px 20px 0 0}.admin-grid{grid-template-columns:repeat(4,1fr)}}