@font-face{font-family:Rubik;src:url('/assets/rubik-regular.woff') format('woff');font-display:swap;font-weight:400 500}@font-face{font-family:Rubik;src:url('/assets/rubik-bold.woff') format('woff');font-display:swap;font-weight:600 900}
:root{font-family:Rubik,Arial,sans-serif;background:#101313;color:#f1f1e9;line-height:1.6;color-scheme:dark}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:hover{color:#c6f59e}:focus-visible{outline:3px solid #c6f59e;outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:#c6f59e;color:#182619;z-index:9}.skip:focus{top:10px}.top,footer{max-width:1240px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.top{border-bottom:1px solid #303830}.top nav{display:flex;gap:27px;color:#c9d0c7;font-size:13px}.logo{font-weight:700;letter-spacing:-.02em}.logo span,.green{color:#c6f59e}.wrap{max-width:1240px;margin:auto;padding:72px 36px 86px}.eyebrow{font-size:11px;font-weight:500;color:#c6f59e;letter-spacing:.15em}.intro{max-width:780px;margin-bottom:40px}.intro h1{font-size:clamp(44px,6vw,78px);letter-spacing:-.065em;line-height:1.07;margin:17px 0 24px}.intro h1 em{font-style:normal;color:#c6f59e}.intro>p{font-size:16px;color:#b9c6b5;max-width:650px}.columns{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(285px,.82fr);gap:22px}.form-panel,.ts-panel,.help-panel,.ticket,.admin-detail{border:1px solid #435343;border-radius:22px;background:#1c241d}.form-panel{padding:36px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.badge,.state{font-size:11px;background:#2e402a;border-radius:50px;padding:7px 12px;color:#d8f5c6}.form-panel h2{font-size:32px;letter-spacing:-.045em;margin:11px 0 25px}label{display:block;font-size:12px;color:#d9e5d6;margin:17px 0 7px}input,select,textarea{width:100%;background:#101812;color:#f3f5ef;border:1px solid #526450;border-radius:11px;padding:13px 14px;outline:0}input:focus,select:focus,textarea:focus{border-color:#c6f59e;box-shadow:0 0 0 2px #c6f59e24}textarea{resize:vertical;min-height:115px}.fine{color:#aab9a6;font-size:11px;line-height:1.8;margin:14px 0}.trap{position:absolute;left:-10000px}.action{background:#c6f59e;color:#182619;border:0;border-radius:11px;padding:14px 18px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:49px}.action:hover{background:#ddffc4}.form-panel .action{width:100%;margin-top:12px}.side{display:grid;gap:18px;align-content:start}.ts-panel,.help-panel{padding:31px}.ts-panel{min-height:315px;background:radial-gradient(circle at 80% 10%,#40583788,transparent 55%),#233021}.ts-panel h2{font-size:31px;line-height:1.15;letter-spacing:-.045em;margin:16px 0}.ts-panel p,.help-panel p{color:#bfccbb;font-size:13px;line-height:1.8}.ts-panel strong{color:#e2f1dd}.address{display:block;font-size:14px;border:1px solid #5d7952;padding:13px;border-radius:9px;margin:21px 0}.ts-panel>a{color:#c6f59e;font-size:13px}.help-panel h3{font-size:21px;margin:12px 0 20px}.help-panel>a{display:flex;justify-content:space-between;padding:12px 0;font-size:12px;color:#dae7d5;border-bottom:1px solid #394838}.help-panel>a:hover{color:#c6f59e}.help-panel>a:last-child{border-bottom:0}.help-panel span{color:#c6f59e}.notice{border:1px solid #8a7050;background:#433423;color:#ffdda8;padding:13px;border-radius:10px;font-size:12px;margin-bottom:17px}.ticket{max-width:820px;margin:auto;padding:36px}.ticket .eyebrow{display:block;margin-top:15px}.ticket h1{font-size:clamp(30px,5vw,43px);letter-spacing:-.045em;margin:16px 0}.ticket .state{display:inline-block}.ticket .fine{margin-top:18px}.back{font-size:12px;color:#bdd3b3}.thread{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0}.msg{padding:15px 17px;border-radius:13px;border:1px solid #41533e;background:#161e17}.msg.staff{background:#2f402a;border-color:#6d8f58}.msg>span{color:#a7c699;font-size:10px}.msg>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin-top:7px}.reply{border-top:1px solid #41533e;padding-top:7px}.reply .action{margin-top:13px}.login{max-width:490px}.login .action{margin-top:20px;width:100%}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h1{font-size:42px;letter-spacing:-.05em;margin-top:10px}.exit{color:#c6f59e;border:1px solid #668355;border-radius:9px;background:#202b20;padding:9px 14px}.tabs{display:flex;gap:10px;margin:28px 0 18px}.tabs a{padding:9px 14px;border:1px solid #455744;border-radius:9px;color:#bdc9b7;text-transform:capitalize;font-size:12px}.tabs .selected{background:#c6f59e;color:#172417}.admin-grid{display:grid;grid-template-columns:minmax(260px,370px) minmax(0,1fr);gap:18px;align-items:start}.case-list{display:grid;gap:8px;max-height:65vh;overflow:auto}.case-list>p,.empty{padding:30px;color:#b4c4ae;border:1px solid #40513f;border-radius:13px}.case{display:grid;gap:6px;background:#1c251d;border:1px solid #40513f;padding:16px;border-radius:12px}.case.selected,.case:hover{border-color:#c6f59e;background:#263426}.case small{font-size:10px;color:#b3ceaa}.case strong{font-size:14px}.case span{font-size:11px;color:#b9c9b3}.admin-detail{padding:29px}.admin-detail h2{font-size:25px;margin:11px 0}.admin-detail>p{font-size:12px;color:#bdcaba}.admin-detail .action{margin-top:18px}footer{border-top:1px solid #303830;font-size:11px;color:#a8b5a5;margin-top:60px}
@media(max-width:750px){.top,footer{padding:21px}.wrap{padding:43px 20px}.columns{grid-template-columns:1fr}.intro{margin-bottom:28px}.intro>p{font-size:13px}.form-panel,.ts-panel,.help-panel,.ticket{padding:23px}.form-panel h2{font-size:27px}.side{grid-template-columns:1fr}.ts-panel{min-height:0}.admin-grid{grid-template-columns:1fr}.case-list{max-height:330px}.admin-head h1{font-size:32px}}
@media(max-width:460px){.top{display:block}.top nav{gap:14px;margin-top:13px;font-size:11px}.intro h1{font-size:46px}.ticket{padding:20px}.panelhead .badge{display:none}.tabs{flex-wrap:wrap}.admin-head h1{font-size:26px}footer{display:block}footer a{display:block;margin-top:10px}}
#ticket-live{color:#a0d9be;border:1px solid #294238;border-radius:10px;padding:12px 16px;background:#12241c}
#ticket-thread .msg p{white-space:pre-wrap;overflow-wrap:anywhere}
#ticket-reply button:disabled{opacity:.6;cursor:not-allowed}
