@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-main:#fff;--bg-gradient:none;--panel-bg:#fff;--panel-border:#0f172a14;--glass-glow:#0284c703;--accent-cyan:#0284c7;--accent-cyan-rgb:2, 132, 199;--accent-purple:#6d28d9;--accent-purple-rgb:109, 40, 217;--accent-pink:#be185d;--accent-pink-rgb:190, 24, 93;--accent-mint:#047857;--accent-mint-rgb:4, 120, 87;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--glass-blur:blur(0px);--glow-cyan:0 4px 12px #0284c71f;--glow-purple:0 4px 12px #6d28d91f;--glow-pink:0 4px 12px #be185d1f;--card-shadow:0 4px 20px #0f172a0a, 0 1px 3px #0f172a05;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;overflow:hidden}h1,h2,h3,h4,h5,h6,.font-display{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000005;border-radius:10px}::-webkit-scrollbar-thumb{transition:var(--transition-fast);background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0284c766}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);box-shadow:var(--card-shadow);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:#0284c733}.glass-panel-glow-cyan{box-shadow:var(--card-shadow), 0 0 25px #0284c70d}.glass-panel-glow-purple{box-shadow:var(--card-shadow), 0 0 25px #6d28d90d}.glass-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#00000005;border:1px solid #00000014;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Space Grotesk,sans-serif;font-weight:500;text-decoration:none;display:inline-flex}.glass-btn:hover{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan);background:#0284c70f;transform:translateY(-2px)}.glass-btn:active{transform:translateY(0)}.glass-btn.primary{color:var(--accent-cyan);background:#0284c714;border-color:#0284c74d}.glass-btn.primary:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#fff;box-shadow:var(--glow-cyan)}.glass-btn.secondary{color:var(--accent-purple);background:#6d28d90f;border-color:#6d28d933}.glass-btn.secondary:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff;box-shadow:var(--glow-purple)}.glass-input,.glass-select{color:var(--text-primary);transition:var(--transition-fast);background:#ffffffe6;border:1px solid #0f172a1f;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem}.glass-input:focus,.glass-select:focus{border-color:var(--accent-cyan);background:#fff;box-shadow:0 0 10px #0284c726}.glass-input::placeholder{color:var(--text-muted)}.glass-select option{color:var(--text-primary);background-color:#fff}#app{width:100vw;height:100vh;display:flex;position:relative}.ambient-glow{display:none}.glow-top-right{background:var(--accent-purple);top:-10vw;right:-10vw}.glow-bottom-left{background:var(--accent-cyan);bottom:-10vw;left:-10vw}.sidebar{z-index:10;flex-direction:column;justify-content:space-between;width:280px;height:calc(100vh - 32px);margin:16px 8px 16px 16px;padding:24px;display:flex}.brand-section{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-logo-img{object-fit:contain;height:36px}.brand-name{letter-spacing:-.03em;font-size:1.3rem;font-weight:700}.nav-menu{flex-direction:column;flex-grow:1;gap:8px;list-style:none;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;font-family:Space Grotesk,sans-serif;font-weight:500;display:flex}.nav-item svg{fill:currentColor;opacity:.7;width:20px;height:20px;transition:var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:#00000008}.nav-item.active{color:var(--accent-cyan);border-left:3px solid var(--accent-cyan);background:#0284c70f;box-shadow:inset 10px 0 20px #0284c703}.nav-item.active svg{opacity:1}.sidebar-footer{color:var(--text-muted);border-top:1px solid #0000000d;flex-direction:column;gap:4px;padding-top:16px;font-size:.8rem;display:flex}.main-wrapper{z-index:10;flex-direction:column;flex-grow:1;height:calc(100vh - 32px);margin:16px 16px 16px 8px;display:flex;overflow:hidden}.main-header{flex-shrink:0;justify-content:space-between;align-items:center;height:70px;margin-bottom:12px;padding:0 24px;display:flex}.page-title-section h1{font-size:1.6rem;font-weight:700}.header-actions{align-items:center;gap:16px;display:flex}.content-body{flex-grow:1;padding-right:4px;overflow-y:auto}.view-panel{animation:fadeIn var(--transition-normal) forwards;display:none}.view-panel.active{display:block}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:20px;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media (width<=1200px){.col-8,.col-4,.col-6,.col-5,.col-7{grid-column:span 12}}.info-card{flex-direction:column;gap:12px;padding:24px;display:flex}.info-card h3{color:var(--text-secondary);font-size:1.1rem}.info-card-value{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a4d;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out forwards fadeInModal;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex!important}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.cal-stepper-container{flex-direction:column;gap:0;margin:15px 0;display:flex}.cal-step-item{gap:16px;padding-bottom:20px;display:flex;position:relative}.cal-step-item:last-child{padding-bottom:0}.cal-step-item:before{content:"";z-index:1;width:2px;transition:background-color var(--transition-normal);background:#0f172a0f;position:absolute;top:26px;bottom:0;left:13px}.cal-step-item:last-child:before{display:none}.cal-step-icon{width:28px;height:28px;color:var(--text-muted);z-index:2;transition:all var(--transition-fast);background:#fff;border:2px solid #0f172a1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.cal-step-content{flex-grow:1;padding-top:4px}.cal-step-title{color:var(--text-secondary);transition:all var(--transition-fast);font-size:.85rem;font-weight:500}.cal-step-item.active .cal-step-icon{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#0284c714;animation:1.5s infinite cal-pulse-border;box-shadow:0 0 0 4px #0284c71a}.cal-step-item.active .cal-step-title{color:var(--accent-cyan);font-weight:600}.cal-step-item.completed .cal-step-icon{border-color:var(--accent-mint);color:#fff;background:var(--accent-mint)}.cal-step-item.completed .cal-step-title{color:var(--text-primary);font-weight:500}.cal-step-item.completed:before{background:var(--accent-mint)}@keyframes cal-pulse-border{0%{box-shadow:0 0 #0284c766}70%{box-shadow:0 0 0 6px #0284c700}to{box-shadow:0 0 #0284c700}}.cal-test-bench{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:250px;padding:18px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0f172a03}.cal-test-bench-header{border-bottom:1px dashed #0f172a14;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;padding-bottom:8px;display:flex}.cal-test-bench-title{color:var(--text-muted);letter-spacing:.05em;font-family:monospace;font-size:.7rem;font-weight:700}.cal-test-bench-status{color:var(--accent-cyan);letter-spacing:.02em;text-transform:uppercase;background:#0284c70f;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.7rem;font-weight:700}.cal-test-bench-status.ready{color:var(--accent-cyan);background:#0284c70f}.cal-test-bench-status.calibrating{color:#d97706;background:#d977060f;animation:1.2s infinite cal-pulse-status}.cal-test-bench-status.success{color:var(--accent-mint);background:#0478570f}.cal-test-bench-status.disabled{color:var(--accent-pink);background:#be185d0f}@keyframes cal-pulse-status{0%,to{opacity:1}50%{opacity:.6}}.cal-led-3d{background:#64748b;border:2px solid #475569;border-radius:50%;width:26px;height:26px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -2px 4px #0000004d}.cal-led-3d:after{content:"";background:#ffffff80;border-radius:50%;width:6px;height:3px;position:absolute;top:3px;left:5px;transform:rotate(-15deg)}.cal-led-3d.green{background:#10b981;border-color:#047857;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -2px 4px #0000004d,0 0 12px #10b98180}.cal-led-3d.yellow{background:#f59e0b;border-color:#b45309;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -2px 4px #0000004d,0 0 12px #f59e0b80}.cal-led-3d.flashing-green{animation:.8s infinite cal-flash-green}@keyframes cal-flash-green{0%,to{background:#10b981;border-color:#047857;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -2px 4px #0000004d,0 0 16px #10b98199}50%{background:#064e3b;border-color:#022c22;box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0000004d,0 0 2px #10b9811a}}.cal-rotor-wrapper{background:#fff;border:3px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 10px #00000008}.cal-rotor-wrapper.aligned{border-color:var(--accent-mint);border-style:solid;box-shadow:0 4px 15px #0478571f,0 0 0 4px #04785714}.cal-rotor-disc{background:radial-gradient(circle,#f8fafc 50%,#e2e8f0 100%);border:2px solid #64748b;border-radius:50%;width:58px;height:58px;transition:transform .6s cubic-bezier(.25,.8,.25,1),border-color .4s;position:relative;box-shadow:inset 0 2px 4px #fffc,0 2px 4px #0000000d}.cal-rotor-wrapper.aligned .cal-rotor-disc{border-color:var(--accent-mint)}.cal-rotor-mark{background:#ef4444;border-radius:0 0 2px 2px;width:4px;height:10px;transition:background-color .4s;position:absolute;top:0;left:26px}.cal-rotor-wrapper.aligned .cal-rotor-mark{background:var(--accent-mint)}.cal-stator-mark{z-index:5;background:#64748b;border-radius:3px 3px 0 0;width:6px;height:12px;transition:background-color .4s;position:absolute;top:-3px;left:42px}.cal-rotor-wrapper.aligned .cal-stator-mark{background:var(--accent-mint)}@keyframes cal-spark{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px #f59e0b);transform:scale(1.6)}}#cal-wire-contact{animation:.6s infinite alternate cal-spark}.cal-workspace-wrapper{width:100%;transition:opacity .3s;position:relative}.cal-workspace-wrapper.disabled{opacity:.35;pointer-events:none;filter:grayscale(.2)}.cal-disabled-overlay{-webkit-backdrop-filter:blur(2px);z-index:10;color:var(--accent-pink);opacity:0;pointer-events:none;background:#ffffff73;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.cal-workspace-wrapper.disabled-overlay-active{position:relative}.cal-workspace-wrapper.disabled-overlay-active:after{content:"Calibration Disabled";-webkit-backdrop-filter:blur(1.5px);z-index:20;color:var(--accent-pink);background:#fff6;border-radius:12px;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;display:flex;position:absolute;inset:0}.glass-input-range{appearance:none;width:100%;height:6px;transition:background var(--transition-fast);background:#0f172a14;border-radius:3px;outline:none}.glass-input-range::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:pointer;width:14px;height:14px;transition:transform var(--transition-fast), background-color var(--transition-fast);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000026}.glass-input-range::-webkit-slider-thumb:hover{background:var(--accent-purple);transform:scale(1.25)}.glass-input-range:active::-webkit-slider-thumb{transform:scale(1.1)}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;display:inline-block}.role-badge.administrator{color:var(--accent-purple);background:#6d28d914;border:1px solid #6d28d926}.role-badge.user{color:var(--accent-cyan);background:#0284c714;border:1px solid #0284c726}#users-table th,#users-table td{border-bottom:1px solid #0f172a0f;padding:12px 10px}#users-table tr:hover{background:#0f172a03}