:root{--bg-0: #0a0a0a;--bg-1: #111111;--bg-2: #161616;--bg-3: #1f1f1f;--line: #262626;--line-2: #3a3a3a;--fg-0: #ffffff;--fg-1: #d4d4d4;--fg-2: #8a8a8a;--fg-3: #5a5a5a;--acc: #FFE000;--acc-2: #FFB300;--acc-ink: #0a0a0a;--warn: #FF9F1C;--bad: #FF4D4D;--ok: #B5F23E;--f-display: "Russo One", sans-serif;--f-cond: "Oswald", sans-serif;--f-body: "Manrope", sans-serif;--f-mono: "JetBrains Mono", monospace;--r-1: 4px;--r-2: 8px;--r-3: 14px}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{min-height:100%;margin:0}body{background:var(--bg-0);color:var(--fg-0);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(255,224,0,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,224,0,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 0%,black,transparent 80%);mask-image:radial-gradient(ellipse 85% 70% at 50% 0%,black,transparent 80%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 55% 45% at 12% 0%,rgba(255,224,0,.12),transparent 60%),radial-gradient(ellipse 50% 40% at 92% 22%,rgba(255,179,0,.08),transparent 60%)}#root{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(34px,5vw,76px);line-height:.98;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.h3{margin:0;font-family:var(--f-cond);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:0;text-transform:uppercase}.kicker{font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}.mono{font-family:var(--f-mono)}.muted{color:var(--fg-2)}.row{display:flex;align-items:center}.gap-2{gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:12px 18px;border-radius:var(--r-1);font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13px;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-primary{background:var(--acc);color:var(--acc-ink)}.btn-primary:hover{background:#ffec4d;box-shadow:0 8px 28px #ffe00047}.btn-ghost{border:1px solid var(--line-2);color:var(--fg-0);background:transparent}.btn-ghost:hover{border-color:var(--acc);color:var(--acc)}.btn-quiet{color:var(--fg-1);padding-inline:10px}.btn-quiet:hover{color:var(--acc)}.btn-danger{border:1px solid rgba(255,77,77,.36);color:var(--bad)}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-3)}.card-pad{padding:24px}.chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 10px;border-radius:var(--r-1);border:1px solid var(--line-2);font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-1);text-transform:uppercase;white-space:nowrap}.chip-acc{background:#ffe0001f;color:var(--acc);border-color:#ffe00066}.chip-warn{background:#ff9f1c24;color:var(--warn);border-color:#ff9f1c5c}.chip-bad{background:#ff4d4d24;color:var(--bad);border-color:#ff4d4d5c}.chip-ok{background:#b5f23e1f;color:var(--ok);border-color:#b5f23e5c}.input,.textarea,.select{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--fg-0);border-radius:6px;padding:13px 14px;outline:none;transition:border-color .15s ease,background .15s ease}.input:focus,.textarea:focus,.select:focus{border-color:var(--acc);background:var(--bg-1)}.textarea{min-height:120px;resize:vertical}.label{display:block;margin-bottom:7px;font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}.tabs{display:inline-flex;flex-wrap:wrap;padding:4px;background:var(--bg-2);border:1px solid var(--line);border-radius:6px}.tab{padding:9px 16px;border-radius:3px;font-family:var(--f-cond);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-1)}.tab.active{background:var(--acc);color:var(--acc-ink)}.logomark{display:inline-flex;align-items:center;gap:14px;font-family:var(--f-display);letter-spacing:.03em}.logomark .mark{width:46px;height:46px;display:block;flex:0 0 46px;border-radius:0;overflow:hidden;background:transparent;box-shadow:none;filter:drop-shadow(0 0 10px rgba(255,224,0,.42)) drop-shadow(0 0 24px rgba(255,224,0,.18))}.logomark .mark img{display:block;width:100%;height:100%;object-fit:cover}.logomark span{font-size:20px;text-transform:uppercase}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px;display:flex;flex-direction:column;gap:28px;background:#0a0a0ae0;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.side-nav{display:grid;gap:6px}.side-nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-2);color:var(--fg-1);font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.04em}.side-nav a.active,.side-nav a:hover{background:#ffe0001a;color:var(--acc)}.sidebar-user{margin-top:auto;display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.workspace{width:100%;min-width:0;padding:32px}.page-stack{display:grid;gap:20px;max-width:1440px;margin:0 auto}.page-stack.narrow{max-width:920px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-head>div{min-width:0}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 260px auto;gap:12px;padding:14px}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--fg-2)}.search-wrap .input{padding-left:40px}.filter-line{display:flex;flex-wrap:wrap;gap:8px}.ticket-table{overflow-x:auto}.ticket-row{min-width:1120px;display:grid;grid-template-columns:86px 160px minmax(240px,1fr) 120px 140px 150px 170px 170px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--fg-1)}.ticket-row:hover{background:var(--bg-2)}.table-head{color:var(--fg-3);font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ticket-title{color:var(--fg-0);font-weight:600}.ticket-card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;min-width:0}.chat-panel{display:grid;gap:18px;padding:20px;min-width:0}.ticket-meta-line{display:flex;flex-wrap:wrap;gap:10px;color:var(--fg-2);font-size:13px}.ticket-meta-line span{min-width:0;overflow-wrap:anywhere}.ticket-description{padding:16px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-2);color:var(--fg-1)}.chat-list{display:grid;gap:12px;min-height:280px;align-content:end;min-width:0}.chat-message{display:flex}.chat-message.right{justify-content:flex-end}.chat-message.center{justify-content:center}.chat-bubble{max-width:min(620px,86%);padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-2);overflow-wrap:anywhere}.chat-message.right .chat-bubble{border-color:#ffe00059;background:#ffe00017}.chat-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--fg-2);font-size:11px;margin-bottom:6px}.reply-box{display:grid;gap:12px}.reply-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.reply-actions .btn{min-height:44px;height:44px}.ticket-page .reply-box .textarea{min-height:84px;max-height:160px}.side-stack{display:grid;gap:20px;align-content:start;min-width:0}.history-list{display:grid;gap:10px;margin-top:14px}.history-list>div,.simple-table>div{display:grid;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--fg-1)}.history-list>div{grid-template-columns:1fr auto}.simple-table>div{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}.simple-table.users>div{grid-template-columns:140px 1fr 140px 180px}.simple-table.audit>div{grid-template-columns:120px 1fr 1fr 180px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.wide{grid-column:1 / -1}.inline-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;margin-bottom:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:22px;display:grid;gap:12px}.stat-n{font-family:var(--f-display);font-size:clamp(40px,5vw,72px);line-height:.95}.stat-l{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chart-card{padding:20px;min-height:360px}.empty-state{min-height:120px;display:grid;place-items:center;color:var(--fg-2);font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.notice-bad{padding:12px 14px;border:1px solid rgba(255,77,77,.36);color:var(--bad);background:#ff4d4d14;border-radius:var(--r-2)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(560px,calc(100vw - 32px));display:grid;gap:22px;padding:clamp(22px,4vw,32px);overflow:hidden}.login-card>*{min-width:0}.login-brand{display:flex;align-items:center}.login-brand .logomark .mark{width:58px;height:58px;flex-basis:58px}.login-brand .logomark span{font-size:24px}.login-copy{display:grid;gap:6px}.login-title{margin:0;max-width:100%;font-family:var(--f-display);font-weight:400;font-size:clamp(38px,9vw,58px);line-height:1.02;letter-spacing:0;text-transform:uppercase;text-wrap:balance}.login-form{display:grid;gap:14px}.login-form label{display:block;min-width:0}.login-form .btn{width:100%}.login-helper{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.toast{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--r-1);background:var(--acc);color:var(--acc-ink);font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em}@media (min-width: 1101px){.ticket-page .h2{font-size:clamp(30px,4vw,48px);line-height:1.02}.ticket-page .ticket-card-grid{height:70vh;min-height:520px;max-height:760px;align-items:stretch}.ticket-page .chat-panel{min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.ticket-page .chat-panel.with-description{grid-template-rows:auto auto minmax(0,1fr) auto}.ticket-page .ticket-description{max-height:20vh;overflow-y:auto}.ticket-page .chat-list{min-height:0;overflow-y:auto;align-content:start;padding-right:6px}.ticket-page .side-stack{min-height:0;align-content:stretch;grid-template-rows:auto minmax(0,1fr)}.ticket-page .history-card{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.ticket-page .history-card .history-list{min-height:0;overflow-y:auto;padding-right:6px}}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.toolbar,.ticket-card-grid,.report-grid,.metric-grid,.form-grid.two,.form-grid.four{grid-template-columns:1fr}.workspace{padding:20px}}