:root{--topdrive-navy:#0f172a;--topdrive-table-blue:#1e3a8a;--topdrive-action-red:#dc2626;--topdrive-text-white:#fff;--topdrive-data-green:#10b981;--bg-primary:#0a0f1d;--bg-secondary:#0f172a;--bg-surface:#131d31;--bg-card:#131d31bf;--bg-card-hover:#1c2b48e0;--bg-card-active:#23365af2;--bg-glass:#0f172acc;--bg-overlay:#050a14e0;--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-glow:#38bdf859;--action-red:#dc2626;--action-red-hover:#ef4444;--action-red-glow:#dc262666;--data-green:#10b981;--data-green-hover:#34d399;--data-green-glow:#10b98159;--brand-gradient:linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);--action-gradient:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--action-gradient-glow:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--success:#10b981;--warning:#f59e0b;--danger:#dc2626;--info:#38bdf8;--tt-table-surface:#1e3a8a;--tt-table-border:#fff;--tt-table-net:#0f172a;--tt-table-net-mesh:#64748b;--tt-vector-red:#dc2626;--tt-vector-white:#fff;--tt-ball-white:#fff;--tt-ball-orange:#f70;--text-main:#fff;--text-muted:#94a3b8;--text-subtle:#64748b;--text-inverted:#0f172a;--border-subtle:#94a3b824;--border-focus:#38bdf880;--border-brand:#1e3a8a99;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #000000a6;--shadow-red:0 0 25px var(--action-red-glow);--shadow-green:0 0 25px var(--data-green-glow);--backdrop-blur:blur(16px);--backdrop-blur-sm:blur(8px);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--trans-fast:.15s cubic-bezier(.4, 0, .2, 1);--trans-smooth:.25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d414 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:fixed;top:-10vw;right:-5vw}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#f973160f 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:fixed;bottom:-15vw;left:-10vw}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b833}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-weight:700}p{color:var(--text-muted)}code,pre,.font-mono{font-family:var(--font-mono)}.app-container{width:100%;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:1.5rem 2rem 3rem;display:flex}@media (width<=768px){.main-content{padding:.75rem .5rem 5rem}.mobile-stack{grid-template-columns:1fr!important}.hide-mobile{display:none!important}header.glass-panel{flex-wrap:wrap!important;margin:.5rem .5rem 0!important;padding:.65rem .75rem!important}.btn{white-space:normal;text-align:center}}.login-grid{grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);align-items:start;gap:2rem;width:100%;display:grid}.login-card{z-index:10;box-sizing:border-box;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:920px;padding:2.5rem;position:relative;box-shadow:0 25px 60px #000000bf}.tactical-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);align-items:start;gap:1.5rem;width:100%;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.responsive-cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem;width:100%;display:grid}@media (width<=960px){.tactical-grid{grid-template-columns:1fr!important}.login-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.login-card{border-radius:16px!important;padding:1.25rem .85rem!important}}@media (width<=640px){.form-grid-2,.form-grid-3,.responsive-cards-grid{grid-template-columns:1fr!important}}@media (width<=768px){.header-badge-full{display:none!important}.header-badge-compact{display:inline-flex!important}.nav-tabs-container{margin:.5rem .5rem .25rem!important;padding:0 .15rem .4rem!important}.nav-tab-btn{gap:.45rem!important;padding:.5rem .85rem!important;font-size:.78rem!important}}@media (width>=769px){.header-badge-compact{display:none!important}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--trans-smooth), box-shadow var(--trans-smooth), transform var(--trans-smooth)}.glass-panel:hover{border-color:#06b6d440}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{border-color:var(--border-focus);box-shadow:var(--shadow-lg), 0 0 20px #06b6d426;transform:translateY(-2px)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--trans-smooth);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--topdrive-action-red);color:#fff;box-shadow:0 4px 14px var(--action-red-glow)}.btn-primary:hover{background:#ef4444;box-shadow:0 6px 20px #dc262699}.btn-action{background:var(--action-gradient);color:#fff;box-shadow:0 4px 14px var(--action-red-glow)}.btn-action:hover{background:var(--action-gradient-glow);box-shadow:0 6px 20px #dc262699}.btn-green{background:var(--topdrive-data-green);color:#fff;box-shadow:0 4px 14px var(--data-green-glow)}.btn-green:hover{background:#34d399;box-shadow:0 6px 20px #10b98180}.btn-spin{background:var(--action-gradient);color:#fff;box-shadow:0 4px 14px var(--action-red-glow)}.btn-spin:hover{filter:brightness(1.1);box-shadow:0 6px 20px #dc262699}.btn-secondary{color:var(--text-main);border-color:var(--border-subtle);background:#1e293bd9}.btn-secondary:hover{background:#334155f2;border-color:#94a3b859}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-main);background:#ffffff14}.btn-danger{color:#f87171;background:#dc262626;border-color:#dc26264d}.btn-danger:hover{background:#dc262640;border-color:#dc262680}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.8rem}.btn-lg{border-radius:var(--radius-lg);padding:.85rem 1.75rem;font-size:1rem}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-cbtm{color:#34d399;background:#10b9812e;border:1px solid #10b98166;box-shadow:0 0 12px #10b98133}.badge-action,.badge-spin{color:#f87171;background:#dc26262e;border:1px solid #dc262659}.badge-blue{color:#60a5fa;background:#1e3a8a59;border:1px solid #3b82f666}.badge-role{color:#93c5fd;background:#1e3a8a4d;border:1px solid #3b82f64d}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:all var(--trans-fast);background:#0f172acc;padding:.7rem .9rem;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #06b6d433}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-subtle)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:1000;box-sizing:border-box;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 40px #000c;box-sizing:border-box;width:100%;max-width:620px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow:hidden auto}.modal-body{box-sizing:border-box;width:100%;padding:2rem}@media (width<=768px){.modal-overlay{align-items:center;padding:.5rem}.modal-card{border-radius:18px;max-height:94vh;width:100%!important;max-width:100%!important}.modal-body{padding:1.25rem .85rem!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.drm-watermark-layer{pointer-events:none;z-index:50;opacity:.08;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:flex;position:absolute;inset:0;overflow:hidden}.drm-watermark-item{font-family:var(--font-mono);color:#fff;white-space:nowrap;padding:3rem;font-size:1.1rem;font-weight:800;transform:rotate(-25deg)}