@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Lalezar;src:url('/assets/Lalezar-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:Vazirmatn,Tahoma,sans-serif;background:#0c1523;color:#edf3fa;line-height:1.9;font-size:16px}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 90% 0%,#23364d,transparent 55%);min-height:100vh}
main{max-width:1180px;margin:auto;padding:24px}
header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #32445c;padding:4px 0 24px;margin-bottom:28px}
.brand-logo{width:100px;height:88px;object-fit:contain}
.brand-copy{flex:1}
h1,h2,h3{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;line-height:1.4}
h1{font-size:34px;color:#ffd32a;margin:0}
header p{color:#a9bad0;margin:5px 0}
nav{display:flex;gap:18px;flex-wrap:wrap}
a{color:#d3dfef;text-underline-offset:6px}
a:hover{color:#ffd32a}
section{background:#172538;border:1px solid #34485f;border-radius:16px;padding:28px;margin:22px 0;box-shadow:0 12px 36px #0002}
section h2{font-size:28px;margin:0 0 22px}
input,textarea,button{font:inherit;border-radius:10px;padding:12px 16px;max-width:100%}
input,textarea{display:block;width:100%;margin:8px 0 18px;background:#101c2d;color:#fff;border:1px solid #435a76;outline:none}
input:focus,textarea:focus{border-color:#ffd32a;box-shadow:0 0 0 3px #ffd32a1a}
textarea{min-height:155px;resize:vertical}
button{background:#ffd32a;border:1px solid #ffd32a;color:#101c2e;cursor:pointer;margin:12px 0 0 12px;font-weight:bold;transition:filter .15s}
button:hover{filter:brightness(1.1)}
button:focus-visible,a:focus-visible{outline:3px solid #91c8ff;outline-offset:4px}
button:disabled{opacity:.5;cursor:wait}
.secondary{background:transparent;color:#c9d7e9;border-color:#536981}
label{display:block;margin-top:18px;font-size:15px;color:#d2deed}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:8px 0 0;unicode-bidi:plaintext}
.message{border-right:3px solid #607c9f;padding:14px 20px;background:#101d2f;margin:16px 0;border-radius:10px}
.message.admin{border-color:#ffd32a;background:#233044}
#status:not(:empty){position:sticky;bottom:18px;padding:14px 20px;color:#fff0ae;background:#27364b;border:1px solid #8f8053;border-radius:10px;box-shadow:0 6px 22px #0006}
code{overflow-wrap:anywhere;direction:ltr;display:block;user-select:all}
small{color:#a9bad0;font-size:13px;display:block}
.panel-tabs{display:flex;gap:10px;margin:0 0 28px;flex-wrap:wrap}
.panel-tabs button{flex:1;margin:0;min-width:140px}
.panel-tabs button[aria-selected=false]{background:#172538;border-color:#435a76;color:#d2deed}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}
.metric{background:#101d2f;border:1px solid #34485f;border-radius:12px;padding:18px}
.metric strong{display:block;color:#ffd32a;font-size:34px;line-height:1.7;font-weight:400}
.metric span{color:#b6c6db;font-size:14px}
.ticket-link{display:block;text-align:right;width:100%;background:#101d2f;color:#edf3fa;border-color:#34485f;margin:10px 0;padding:16px 20px}
.ticket-link:hover{border-color:#ffd32a}
.login{max-width:520px;margin:50px auto}
.conversation-list{max-height:440px;overflow:auto}
[hidden]{display:none!important}
@media(max-width:650px){main{padding:16px}header{gap:12px;flex-wrap:wrap}.brand-logo{width:74px;height:74px}h1{font-size:28px}header nav{width:100%;justify-content:flex-start;padding-top:12px}section{padding:20px}section h2{font-size:25px}.panel-tabs{gap:6px}.panel-tabs button{min-width:90px;font-size:14px;padding:10px}button{min-height:46px}.metrics{grid-template-columns:repeat(2,1fr)}}