:root{--bg-black:#111;--bg-dark-charcoal:#181818;--bg-card:#222;--bg-card-hover:#262626;--bg-input:#161616;--border-color:#333;--border-highlight:#444;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#6b7280;--copper:#b77945;--copper-hover:#c98a55;--copper-glow:#b7794533;--warm-gold:#c69c6d;--gold-light:#e5b869;--success:#4caf50;--success-bg:#4caf501f;--danger:#d9534f;--danger-bg:#d9534f1f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--font-sans:"Inter", sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-arabic:"Cairo", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 12px 0 #0009;--shadow-lg:0 12px 32px 0 #000c;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-black);color:var(--text-primary);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.5}[dir=rtl]{font-family:var(--font-arabic), var(--font-sans)}body{background-color:var(--bg-black);width:100%;min-height:100dvh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--copper)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic);letter-spacing:0}.mono-num{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.hud-grid{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:60px 60px}.hud-crosshair{position:relative}.hud-crosshair:before,.hud-crosshair:after{content:"";background-color:var(--copper);opacity:.6;position:absolute}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success);border:1px solid #4caf504d}.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid #d9534f4d}.badge-copper{background-color:var(--copper-glow);color:var(--copper);border:1px solid #b7794566}.badge-neutral{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#ffffff0f}.bos-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s,transform .2s}.bos-card:hover{border-color:var(--border-highlight)}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;overflow-x:auto}.bos-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}[dir=rtl] .bos-table{text-align:right}.bos-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap;background-color:#1a1a1a;padding:12px 16px;font-weight:600}.bos-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:12px 16px}.bos-table tr:last-child td{border-bottom:none}.bos-table tr:hover td{background-color:#ffffff05}.bos-input,.bos-select,.bos-textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.bos-input:focus,.bos-select:focus,.bos-textarea:focus{border-color:var(--copper);box-shadow:0 0 0 1px var(--copper)}.bos-input::placeholder,.bos-textarea::placeholder{color:var(--text-muted)}.bos-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.btn-copper{background-color:var(--copper);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn-copper:hover{background-color:var(--copper-hover)}.btn-copper:active{transform:scale(.98)}.btn-outline-white{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;border:1px solid #fff6;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline-white:hover{background-color:#ffffff0d;border-color:#fff}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-highlight);background-color:#ffffff08}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.fixed{position:fixed!important}.relative{position:relative!important}.absolute{position:absolute!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.right-0{right:0!important}.inset-0{inset:0!important}.h-screen{height:100vh;height:100dvh!important}.translate-x-0{transform:translate(0)!important}.-translate-x-full{transform:translate(-100%)!important}[dir=rtl] .-translate-x-full{transform:translate(100%)!important}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid-1-2{grid-template-columns:1fr 2fr;gap:14px;display:grid}@media (width<=640px){.form-grid-2,.form-grid-1-2{grid-template-columns:1fr!important}}@media (width>=640px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:inline{display:inline!important}.sm\:inline-block{display:inline-block!important}.sm\:flex{display:flex!important}.sm\:inline-flex{display:inline-flex!important}.sm\:grid{display:grid!important}}@media (width>=768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:inline{display:inline!important}.md\:flex{display:flex!important}.md\:inline-flex{display:inline-flex!important}.md\:grid{display:grid!important}}@media (width>=1024px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:inline-flex{display:inline-flex!important}.lg\:sticky{position:sticky!important}.lg\:translate-x-0{transform:translate(0)!important}}@media (hover:none) and (pointer:coarse){button,[role=button],.btn-copper,.btn-outline-white,.btn-ghost{touch-action:manipulation;min-height:42px}.bos-input,.bos-select,.bos-textarea{min-height:44px;font-size:16px}}@media (width<=360px){:root{--radius-md:6px;--radius-lg:8px}body{font-size:13px}.btn-copper,.btn-outline-white{width:100%!important;min-width:0!important;padding:12px 16px!important;font-size:13px!important}.bos-card{padding:16px!important}}@media (horizontal-viewport-segments:2){.dual-screen-layout{grid-template-columns:env(viewport-segment-width 0 0,1fr) env(viewport-segment-width 1 0,1fr)!important;gap:calc(env(viewport-segment-left 1 0,0px) - env(viewport-segment-right 0 0,0px))!important;display:grid!important}}.table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
