:root{--bg-dark: #080C14;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(24, 36, 64, .85);--bg-card-elevated: #111827;--bg-glass: rgba(15, 23, 42, .65);--brand-yellow: #FBBF24;--brand-yellow-glow: rgba(251, 191, 36, .25);--brand-amber: #F59E0B;--brand-sunset-start: #F97316;--brand-sunset-mid: #E11D48;--brand-sunset-end: #831843;--brand-gradient: linear-gradient(135deg, #F59E0B 0%, #E11D48 50%, #831843 100%);--brand-gradient-hover: linear-gradient(135deg, #FBBF24 0%, #F43F5E 50%, #9D174D 100%);--color-long: #10B981;--color-long-glow: rgba(16, 185, 129, .2);--color-long-bg: rgba(16, 185, 129, .12);--color-short: #F43F5E;--color-short-glow: rgba(244, 63, 94, .2);--color-short-bg: rgba(244, 63, 94, .12);--color-neutral: #94A3B8;--color-warning: #F59E0B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-highlight: #FDE047;--border-subtle: rgba(255, 255, 255, .08);--border-brand: rgba(251, 191, 36, .25);--border-hover: rgba(251, 191, 36, .45);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px -5px rgba(251, 191, 36, .25);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;left:30%;width:600px;height:600px;background:radial-gradient(circle,rgba(225,29,72,.12) 0%,rgba(245,158,11,.05) 50%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(251,191,36,.08) 0%,rgba(131,24,67,.08) 50%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-amber)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-card);transition:all .2s ease-in-out}.glass-panel:hover{border-color:#ffffff24}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-gradient);color:#fff;font-weight:600;font-size:.875rem;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f59e0b40;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-primary:hover:not(:disabled){background:var(--brand-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b59}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;color:var(--text-primary);font-weight:500;font-size:.875rem;padding:8px 14px;border-radius:8px;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-icon:hover{color:var(--text-primary);background:#ffffff14}.badge-long{background:var(--color-long-bg);color:var(--color-long);border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px}.badge-short{background:var(--color-short-bg);color:var(--color-short);border:1px solid rgba(244,63,94,.3);padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px}.badge-status{padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-status.active{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-status.closed{background:#94a3b81f;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.mono-val{font-family:var(--font-mono);font-weight:500}@keyframes lightning-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 16px rgba(251,191,36,.9))}}.lightning-glow{animation:lightning-pulse 3s infinite ease-in-out}.custom-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.custom-table th{background:#0f172ad9;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.custom-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem;color:var(--text-primary);vertical-align:middle;transition:background .15s ease}.custom-table tr:hover td{background:#ffffff08}.custom-table tr.clickable-row{cursor:pointer;transition:all .15s ease}.custom-table tr.clickable-row:hover td{background:#fbbf240f}.custom-table tr.clickable-row:active td{background:#fbbf241a}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease-out forwards}.navbar-top-row{display:flex;align-items:center;gap:10px}.navbar-nav-group{display:flex;align-items:center;gap:8px}.navbar-mobile-logout{display:none!important}.navbar-desktop-logout{display:flex;align-items:center}.navbar-brand-wrapper{display:flex;align-items:center;gap:10px}.nav-tab-label-short{display:none}@media(max-width:768px){.navbar-container{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:8px 0!important}.navbar-top-row{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:38px!important}.navbar-brand-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;width:auto!important;margin:0 auto!important;text-align:center!important}.navbar-mobile-logout{display:inline-flex!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;align-items:center!important;gap:5px!important;padding:5px 10px!important;font-size:.78rem!important;border-radius:7px!important}.navbar-desktop-logout,.nav-tab-label-full{display:none!important}.nav-tab-label-short{display:inline!important}.navbar-nav-group{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;gap:6px!important}.navbar-tabs{width:auto!important;max-width:calc(100% - 46px)!important;justify-content:center!important}.main-container{padding:12px 10px 32px!important}.drawer-overlay{height:100dvh!important;width:100vw!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.drawer-content{max-width:100%!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;border-left:none!important;border-top:1px solid rgba(251,191,36,.25)!important}.drawer-scroll-body{padding:14px 12px 48px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}.custom-table th,.custom-table td{padding:10px 8px!important;font-size:.8rem!important}}@media(max-width:480px){body:before,body:after{display:none}.navbar-header{padding:0 10px!important}.navbar-container nav button{padding:6px 10px!important;font-size:.78rem!important}.glass-panel{border-radius:10px}}