@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@600;700&display=swap');

:root{font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f4f7fb;background:#111827;--bg:#111827;--bg-deep:#0d1526;--surface:rgba(27,39,66,.78);--surface-strong:#1b2742;--surface-soft:#202d4a;--nav:rgba(10,17,31,.97);--gold:#d8b15e;--gold-bright:#f0cb72;--gold-soft:rgba(216,177,94,.14);--line:rgba(226,232,240,.11);--line-strong:rgba(216,177,94,.22);--ink:#f4f7fb;--ink-soft:#b7c0cf;--muted:#8793a8;--info:#65a7e8;--success:#65c997;--warning:#e8bb63;--danger:#ed7b76;--shadow:0 24px 60px -36px rgba(216,177,94,.36)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(900px 520px at 88% -8%,rgba(216,177,94,.10),transparent 60%),radial-gradient(760px 520px at -8% 108%,rgba(70,105,175,.20),transparent 60%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;background-attachment:fixed;color:var(--ink)}a{color:#e3bd68;text-decoration:none;text-underline-offset:3px}a:hover{color:#f2cf80}aside{position:fixed;width:252px;inset:0 auto 0 0;background:var(--nav);color:#eef2f7;padding:24px 18px;border-right:1px solid var(--line);box-shadow:18px 0 50px -42px rgba(216,177,94,.35);backdrop-filter:blur(14px)}.brand{height:64px;margin-bottom:21px;background:url('/brotherhood-mark.svg') left center/210px auto no-repeat;font-size:0;color:transparent}.brand b{display:none}.org{font-size:11px;color:#7f8aa0;margin:0 4px 12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}nav{display:grid;gap:6px}nav a,.linkbtn{color:#bcc6d5;padding:10px 11px;border-radius:10px;background:none;border:1px solid transparent;text-align:left;font:inherit;width:100%;cursor:pointer;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s}nav a:hover,.linkbtn:hover{background:var(--surface-soft);border-color:var(--line);color:#fff;transform:translateX(1px)}.linkbtn{position:absolute;bottom:24px;left:18px;width:216px}.app{margin-left:252px;max-width:1480px;padding:34px 42px}.orgswitch{font-size:12px;margin-bottom:16px;color:var(--muted)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1,h2,h3{font-family:"Sora","Manrope",sans-serif;letter-spacing:-.025em}h1{font-size:30px;margin:0;background:linear-gradient(100deg,#fff 42%,var(--gold-bright));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:18px;margin:0 0 16px;color:#f5f7fb}.muted{color:var(--muted)}.button,button{display:inline-block;background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#111827;border:0;padding:10px 15px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px -18px rgba(216,177,94,.8);transition:transform .18s,box-shadow .18s}.button:hover,button:hover{color:#111827;transform:translateY(-1px);box-shadow:0 18px 34px -18px rgba(216,177,94,.72)}.secondary{background:#283550;color:#eef2f7;border:1px solid var(--line);box-shadow:none}.secondary:hover{color:#fff;background:#31405f}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:20px 0 28px}.card,.panel{background:linear-gradient(145deg,rgba(37,52,84,.78),rgba(24,34,58,.68));border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--shadow);backdrop-filter:blur(12px)}.card{transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 20px 42px -30px rgba(216,177,94,.42)}.card span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.card strong{font-family:"Sora",sans-serif;font-size:28px;display:block;margin-top:8px;color:#fff}.panel{margin-bottom:18px}.tablewrap{overflow:auto;border-radius:12px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:rgba(18,27,46,.52)}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--line);font-size:14px}tbody tr:hover{background:rgba(255,255,255,.02)}th{color:#8f9aaf;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#2a354d;color:#cbd5e1;border:1px solid rgba(255,255,255,.05)}.priority.high,.high{background:rgba(232,187,99,.14);color:#f0c872;border-color:rgba(232,187,99,.25)}.priority.urgent,.urgent{background:rgba(237,123,118,.14);color:#f19a96;border-color:rgba(237,123,118,.25)}.priority.low{background:rgba(101,201,151,.12);color:#83d9ad;border-color:rgba(101,201,151,.22)}.priority.normal{background:rgba(135,147,168,.12);color:#b5bfce}.resolved,.closed{background:rgba(101,201,151,.12);color:#83d9ad;border-color:rgba(101,201,151,.22)}.in_progress{background:rgba(101,167,232,.12);color:#86bdf1;border-color:rgba(101,167,232,.22)}.waiting_customer,.waiting_internal{background:rgba(216,177,94,.12);color:#e8c675;border-color:rgba(216,177,94,.22)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input{min-width:260px}input,select,textarea{width:100%;border:1px solid rgba(226,232,240,.14);border-radius:10px;padding:10px 11px;background:rgba(12,20,36,.72);color:#eef2f7;font:inherit;outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:rgba(216,177,94,.58);box-shadow:0 0 0 3px rgba(216,177,94,.10)}select option{background:#15213a;color:#eef2f7}label{display:grid;gap:6px;font-size:12px;margin-bottom:14px;color:#aeb8c7;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ticketgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.ticketgrid aside{position:static;width:auto;background:transparent;color:inherit;padding:0;border:0;box-shadow:none;backdrop-filter:none}.message{border-top:1px solid var(--line);padding:15px 0}.message>div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.message span{color:var(--muted)}.message.internal_note{border-left:3px solid var(--gold);padding-left:12px;background:rgba(216,177,94,.055)}.pre{white-space:pre-wrap}.noteform{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}.timeline,.simple{list-style:none;padding:0;margin:0}.timeline li,.simple li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.timeline span,.simple span{color:var(--muted)}dl{display:grid;gap:5px}dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:800}dd{margin:0 0 10px;font-size:13px}.authcard{width:min(430px,calc(100% - 32px));margin:11vh auto;background:linear-gradient(145deg,rgba(37,52,84,.88),rgba(20,30,51,.88));border:1px solid var(--line-strong);border-radius:18px;padding:30px;box-shadow:0 30px 90px -45px rgba(216,177,94,.45);backdrop-filter:blur(16px)}.authcard::before{content:"";display:block;width:220px;height:62px;margin:0 auto 20px;background:url('/brotherhood-mark.svg') center/contain no-repeat}.authcard h1{margin-bottom:5px}.error{background:rgba(237,123,118,.14);color:#f0a09b;border:1px solid rgba(237,123,118,.22);padding:9px;border-radius:9px;margin:12px 0}.empty{padding:30px;text-align:center;color:var(--muted);background:rgba(18,27,46,.5);border:1px dashed var(--line);border-radius:10px}.eyebrow{font-size:11px;color:var(--gold);margin-bottom:6px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.meta{display:flex;gap:6px;margin-top:10px}.sla{display:grid;grid-template-columns:100px 1fr 1fr 80px;gap:12px;align-items:end;border-top:1px solid var(--line);padding-top:12px}.sla label{margin:0}::selection{background:rgba(216,177,94,.30)}@media(max-width:820px){aside{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--line)}.linkbtn{position:static;width:auto;margin-top:10px}.app{margin:0;padding:22px 16px}.ticketgrid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.sla{grid-template-columns:1fr}header{align-items:flex-start}.message>div{display:block}.brand{background-size:190px auto}}