@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#fff;--primary-glow:#fff3;--secondary:#333;--danger:#ff4b4b;--bg:#000;--card-bg:#ffffff0a;--border:#ffffff14;--text:#fff;--text-muted:#888;--accent:#00d2ff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Outfit,sans-serif;line-height:1.5;overflow:hidden}.dashboard-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#ffffff05;flex-direction:column;flex-shrink:0;gap:2.5rem;width:280px;padding:2.5rem 1.5rem;display:flex}.logo-section h2{letter-spacing:-1px;color:#fff;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.nav-links{flex-direction:column;gap:.6rem;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);border-radius:14px;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff0f}.nav-item.active{background:#ffffff1a;box-shadow:0 4px 15px #0003}.main-content{background:linear-gradient(135deg,#000 0%,#0a0a0a 100%);flex:1;padding:2.5rem 3.5rem;overflow-y:auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:2rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;padding:2rem;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.stat-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px)}.stat-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem;font-size:.75rem;font-weight:700}.stat-card .value{letter-spacing:-2px;font-size:3.5rem;font-weight:800}.data-section{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;margin-bottom:2rem;padding:2.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.table-container{border:1px solid var(--border);border-radius:18px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);background:#ffffff05;padding:1.2rem;font-size:.75rem;font-weight:700}td{border-bottom:1px solid var(--border);padding:1.2rem;font-size:.95rem}.type-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.4rem 1rem;font-size:.7rem;font-weight:800}.type-pill.in{color:#00e676;background:#00e6761a;border:1px solid #00e67633}.type-pill.out{color:#ff4b4b;background:#ff4b4b1a;border:1px solid #ff4b4b33}.btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.btn-primary{color:#000;background:#fff}.btn-primary:hover{transform:scale(1.02);box-shadow:0 0 25px #ffffff40}.btn-ghost{color:#fff;border:1px solid var(--border);background:#ffffff0d}.btn-ghost:hover{background:#ffffff1a;border-color:#fff3}.video-wrapper{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.video-wrapper img{object-fit:contain;width:100%;height:100%}.calibration-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.config-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}input,select{border:1px solid var(--border);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border-radius:14px;outline:none;padding:1rem 1.2rem;font-family:inherit;font-size:.95rem;transition:all .3s}input:focus,select:focus{background:#ffffff14;border-color:#ffffff4d}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}