:root{color-scheme:dark;--bg:#090b0e;--paper:#15191f;--ink:#f0f3f6;--muted:#a3acb6;--line:#ffffff13;--green:#c3dcd4;--soft:#ffffff0b;--amber:#deb778}body{background:radial-gradient(ellipse at 5% 0%,#242b3445,transparent 45%),radial-gradient(ellipse at 90% 100%,#182c2938,transparent 55%),#090b0e;background-attachment:fixed;color:var(--ink)}input,textarea{background:#06090e69;border-color:#ffffff20;color:#f0f3f6;box-shadow:inset 0 1px 3px #0004}input::placeholder,textarea::placeholder{color:#7f8b99}input:focus,textarea:focus{border-color:#bbc9d07a;box-shadow:0 0 0 3px #d8e8e80a}button:focus-visible,a:focus-visible{outline-color:#b6d9cf}.eyebrow{color:#aab8c1}.primary{background:linear-gradient(135deg,#f2f5f7,#c5cdd4);color:#111820;border:1px solid #fff5;box-shadow:inset 0 1px #fff9,0 5px 20px #0002}.primary:hover{background:linear-gradient(135deg,#fff,#dce5e9)}.secondary{background:linear-gradient(140deg,#ffffff0c,#ffffff04);border-color:#ffffff20;color:#c4ced5;box-shadow:inset 0 1px #ffffff06}.secondary:hover{background:#ffffff12}.dot{background:#b5d9c8;box-shadow:0 0 10px #afd9c438}.dot.amber{background:#deb778;box-shadow:none}.error{color:#ffabae}.brand-symbol{background:linear-gradient(140deg,#f7fbff2b,#becad111 60%,#fff2);border:1px solid #ffffff38;box-shadow:inset 0 1px 1px #ffffff30,0 8px 20px #0003;color:#f2f5f8;text-shadow:0 2px 15px #ffffff25}.brand-symbol span{background:#d3e9e1;box-shadow:0 0 9px #d3e9e14d}.login-page{background:radial-gradient(ellipse at 65% 5%,#4b566a2b,transparent 50%),radial-gradient(ellipse at 25% 95%,#3b58512a,transparent 50%),linear-gradient(125deg,#08090b,#14181e 55%,#050607)}.login-card{background:linear-gradient(140deg,#ffffff0f,#ffffff04);border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff15,0 35px 100px #0007;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.login-card:before{content:"";position:absolute;top:-1px;right:22%;left:22%;height:1px;background:linear-gradient(90deg,transparent,#d6e1ea88,transparent)}.login-footer{color:#9eabb5}.login-decoration{opacity:.035;color:#d9e4ee;text-shadow:0 0 100px #c6d9e544}.sidebar{background:linear-gradient(150deg,#ffffff05,#ffffff01);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.brand small{color:#8996a2}.nav-caption{color:#6b7785}.nav-item{color:#a3aeb9}.nav-item.active{background:linear-gradient(120deg,#dce9ee12,#ffffff06);color:#e9f2f0;box-shadow:inset 0 0 0 1px #ffffff13}.nav-item:hover{background:#ffffff08}.nav-item b{background:#c6ddd119;color:#badbc9}.private-note{color:#c0c9d0}.private-note small{color:#7a8794}.topbar{background:#0a0d116b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.breadcrumb{color:#7c8996}.separator{color:#4b5966}.topbar-end{color:#92a0ad}.admin-avatar{background:linear-gradient(140deg,#ffffff22,#ffffff09);color:#d0ddd9;border:1px solid #ffffff1f}.stat,.panel{background:linear-gradient(130deg,#ffffff09,#ffffff03);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff06,0 12px 35px #00000010;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.stat>span{color:#9aa9b5}.stat small{color:#758693}.stat.attention{background:linear-gradient(130deg,#c9a76b0e,#ffffff03);border-color:#d2b47e20}.stat.attention>span{color:#c4b190}.count{background:#ffffff0b;color:#b0bfca}.live-pill{color:#98b2a7}.segments{background:#05090d52;border-color:#ffffff0e}.segments button{color:#82939f}.segments button.selected{background:linear-gradient(140deg,#ffffff15,#ffffff0a);color:#dfe9ee;box-shadow:0 1px 6px #0003,inset 0 1px #ffffff0b}.search{border-color:#ffffff19;background:#06090c44}.search>span{color:#8798a5}.search input{background:transparent}.search input:focus{box-shadow:none}th{color:#8594a1;background:#080c1038}td{border-color:#ffffff08}tbody tr:hover{background:#ffffff03}.user-glyph{background:linear-gradient(135deg,#c8e3d90e,#ffffff03);border-color:#ffffff13;color:#afc6bd}.date-cell{color:#91a3af}.date-cell small{color:#738591}.badge{background:#d6a34e13;color:#dbc193;border:1px solid #dab77e12}.badge.answered{background:#a2d2b90e;color:#b0d2bd;border-color:#b0d2bd15}.badge.disabled{background:#e3989f0e;color:#d8a1a6;border-color:#e3989f10}.reply-indicator{color:#91a69b}.open-request{background:#ffffff06;border-color:#ffffff1b;color:#bed1c8}.empty{color:#9eb6a8}.empty p{color:#809488}.empty-mark{background:#b4d7c309;color:#a0bcac;border:1px solid #ffffff0e}.main-footer{color:#677e8c}.activity-icon{background:#d1e5d70b;color:#b0c8b9;border:1px solid #ffffff0b}.activity p,.activity time{color:#8c9f92}.row-actions button{color:#c1dacb}.row-actions button.danger{color:#d8a1a6}dialog{background:linear-gradient(135deg,#20252ef5,#0f141cfb);color:var(--ink);border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff0d,0 20px 100px #0008;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}dialog::backdrop{background:#010306a6;backdrop-filter:blur(7px)}.icon-button{background:#ffffff09;color:#bdcec4}.request-meta{background:#0002;border-color:#ffffff0c;color:#93a79b}.request-meta strong{color:#c8ddd0}.upload-box{border-color:#ffffff2d}.checkbox-label{background:#ffffff04;color:#c0cbc5}.drawer-footer{background:#0d131b9c;border-top-color:#ffffff12}.modal code{background:#c8e4d808;color:#cfe5d7;border-color:#b7dac03d}.success-symbol{background:#bce3c70f;color:#bcdfc7;border:1px solid #bce3c71a}#toast{background:linear-gradient(135deg,#34493ff7,#1c3026f7);color:#e3eee7;border:1px solid #ffffff29;backdrop-filter:blur(20px)}
:root .login-card .brand-symbol{margin-right:auto;margin-left:auto}
:root{scrollbar-color:#4d5862 #0c1015;scrollbar-width:thin}
@media(max-width:760px){.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;gap:4px}.sidebar nav .nav-item{flex-direction:column;gap:5px;font-size:10px;justify-content:center;padding:9px 3px}.sidebar nav .nav-item>span{font-size:19px}.sidebar-bottom .nav-item{width:38px}.sidebar .brand{padding-bottom:17px}#requests-tab th:nth-child(2),#requests-tab td:nth-child(2),#requests-tab th:nth-child(3),#requests-tab td:nth-child(3),#requests-tab th:nth-child(5),#requests-tab td:nth-child(5){display:none}#requests-tab th,#requests-tab td{padding-right:11px;padding-left:11px}#requests-tab .user-glyph{display:none}#requests-tab .username-cell strong{max-width:125px;overflow:hidden;text-overflow:ellipsis}#users-tab .panel-heading{align-items:flex-start;flex-direction:column}}
@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
body{font-family:Tajawal,"Segoe UI",Tahoma,sans-serif;font-size:15px;line-height:1.6}input,textarea,button{font-family:inherit}.login-card{padding-top:40px;padding-bottom:40px}.login-card h1{font-size:29px;font-weight:700;margin-bottom:25px}.login-card label{font-size:15px;font-weight:500}.login-card input{font-size:16px}.login-card .primary{font-size:17px;margin-top:26px}.login-card .brand-symbol{margin-bottom:28px}.small-text{font-size:13px}.nav-item{font-size:14px}th{font-size:12px}td{font-size:13px}.stat>span{font-size:13px}.stat small{font-size:12px}.brand strong{font-size:15px}.brand small{font-size:12px}.private-note{font-size:12px}.private-note small{font-size:11px}.request-meta{font-size:13px}.checkbox-label{font-size:13px}.drawer-body label{font-weight:500}.activity h3{font-size:14px}.activity p,.activity time{font-size:12px}.badge{font-size:12px}.username-cell strong{font-size:14px}.search input{font-size:13px}.segments button{font-size:13px}