:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-card:rgba(26,26,46,.8);--bg-card-hover:rgba(22,33,62,.9);--sand-brown:#8b4513;--sand-brown-light:sienna;--sand-brown-dark:#654321;--sand-yellow:gold;--sand-orange:orange;--electric-cyan:#00e5ff;--matrix-green:#39ff14;--neon-purple:#9d4edd;--tech-pink:#ec4899;--circuit-blue:#2196f3;--text-primary:#fff;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-accent:gold;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.37);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 25px rgba(0,0,0,.4);--shadow-xl:0 20px 40px rgba(0,0,0,.5);--shadow-glow-gold:0 0 30px rgba(255,215,0,.3);--shadow-glow-cyan:0 0 30px rgba(0,229,255,.3);--shadow-glow-green:0 0 30px rgba(57,255,20,.3);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Space Grotesk","Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--font-display:"Orbitron","Space Grotesk",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--transition-fast:150ms ease-out;--transition-base:250ms ease-out;--transition-slow:350ms ease-out;--transition-slower:500ms ease-out;--transition-spring:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-circuit:-1;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-notification:80}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{opacity:.03;background-image:linear-gradient(90deg,var(--electric-cyan) 1px,transparent 1px),linear-gradient(180deg,var(--electric-cyan) 1px,transparent 1px);background-size:100px 100px;animation:circuitPulse 20s ease-in-out infinite}body:after,body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-circuit)}body:after{opacity:.02;background:radial-gradient(circle at 20% 50%,var(--sand-yellow) 0,transparent 50%),radial-gradient(circle at 80% 80%,var(--electric-cyan) 0,transparent 50%),radial-gradient(circle at 40% 20%,var(--matrix-green) 0,transparent 50%);animation:connectionFlow 30s linear infinite}@keyframes circuitPulse{0%,to{opacity:.03;transform:translate(0)}50%{opacity:.05;transform:translate(10px,10px)}}@keyframes connectionFlow{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes dataStream{0%{transform:translateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes breathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--sand-yellow)}50%{box-shadow:0 0 20px var(--sand-yellow),0 0 30px var(--sand-orange)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(-5deg)}66%{transform:translateY(-10px) rotate(5deg)}}.avatar{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--sand-yellow);box-shadow:var(--shadow-glow-gold)}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:var(--radius-full);border:2px solid var(--bg-primary)}.status-online{background:var(--matrix-green);animation:pulse 2s infinite;box-shadow:0 0 10px var(--matrix-green)}.status-offline{background:var(--text-tertiary)}.status-busy{background:var(--error)}.status-away{background:var(--warning)}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);border-radius:var(--radius-full);transition:var(--transition-base);background:linear-gradient(135deg,var(--sand-brown),var(--sand-yellow));color:var(--bg-primary);border:1px solid var(--sand-yellow);padding:6px 12px;font-size:13px}.badge-xs{padding:2px 6px;font-size:var(--text-xs)}.badge-sm{padding:3px 8px;font-size:var(--text-sm)}.badge-md{padding:4px 12px;font-size:var(--text-base)}.badge-success{background:var(--success);color:#fff;border-color:var(--success)}.badge-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.badge-error{background:var(--error);color:#fff;border-color:var(--error)}.badge-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:var(--font-medium);transition:var(--transition-base);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;border-radius:var(--radius-md);border:1px solid transparent}.btn-xs{height:24px;padding:0 var(--space-2);font-size:var(--text-xs)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn-md{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn-lg{height:48px;padding:0 var(--space-5);font-size:var(--text-lg)}.btn-primary{background:linear-gradient(135deg,var(--sand-brown),var(--sand-yellow));color:var(--bg-primary);border-color:var(--sand-yellow);box-shadow:0 4px 15px rgba(255,215,0,.2)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-gold);transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);color:var(--sand-yellow);border:1px solid var(--sand-yellow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);border-color:var(--sand-yellow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-loading{color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border-radius:var(--radius-full);border:2px solid transparent;border-top-color:currentcolor;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);transition:var(--transition-base);position:relative;overflow:hidden}.card:before{top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--sand-yellow),transparent);animation:shimmer 3s linear infinite}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-gold);border-color:var(--sand-yellow)}.card-device{background:linear-gradient(135deg,rgba(255,215,0,.05),rgba(139,69,19,.05));border:1px solid rgba(255,215,0,.2)}.input{width:100%;font-family:var(--font-sans);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-2) var(--space-3);transition:var(--transition-fast);outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:focus{border-color:var(--sand-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1);background:rgba(255,215,0,.03)}.input::placeholder{color:var(--text-tertiary)}.input:disabled{opacity:.5;cursor:not-allowed;background:rgba(148,163,184,.05)}.textarea{width:100%;min-height:100px;font-family:var(--font-sans);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-3);transition:var(--transition-fast);outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);resize:vertical}.textarea:focus{border-color:var(--sand-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer}.checkbox-input{position:absolute;opacity:0;cursor:pointer}.checkbox-box{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.checkbox-input:checked~.checkbox-box{background:linear-gradient(135deg,var(--sand-brown),var(--sand-yellow));border-color:var(--sand-yellow)}.checkbox-input:checked~.checkbox-box:after{content:"✓";color:var(--bg-primary);font-weight:700}.checkbox-input:focus~.checkbox-box{box-shadow:0 0 0 3px rgba(255,215,0,.2)}.radio{position:relative;display:inline-flex;align-items:center;cursor:pointer}.radio-input{position:absolute;opacity:0;cursor:pointer}.radio-circle{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:var(--radius-full);background:var(--glass-bg);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.radio-input:checked~.radio-circle{border-color:var(--sand-yellow)}.radio-input:checked~.radio-circle:after{content:"";width:10px;height:10px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--sand-brown),var(--sand-yellow));box-shadow:0 0 10px rgba(255,215,0,.5)}.radio-input:focus~.radio-circle{box-shadow:0 0 0 3px rgba(255,215,0,.2)}.select{position:relative;width:100%}.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.select-trigger:hover{border-color:var(--sand-yellow)}.select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--bg-card);border:1px solid var(--sand-yellow);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:var(--z-dropdown)}.progress{width:100%;height:8px;background:rgba(148,163,184,.1);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--glass-border)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--sand-brown),var(--sand-yellow));border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;box-shadow:inset 0 0 10px rgba(255,215,0,.3)}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)}.progress-bar:after,.skeleton{animation:shimmer 2s linear infinite}.skeleton{background:linear-gradient(90deg,rgba(148,163,184,.1) 25%,rgba(148,163,184,.2) 50%,rgba(148,163,184,.1) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.status-led{width:12px;height:12px;display:inline-block;position:relative}.status-led,.status-led:before{border-radius:var(--radius-full)}.status-led:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:inherit;opacity:.3;animation:pulse 2s infinite}.status-led.status-online{background:var(--matrix-green);box-shadow:0 0 10px var(--matrix-green)}.status-led.status-warning{background:var(--warning);box-shadow:0 0 10px var(--warning)}.status-led.status-error{background:var(--error);box-shadow:0 0 10px var(--error)}.stat-card{padding:var(--space-4);background:var(--glass-bg);border:1px solid rgba(255,215,0,.1);border-radius:var(--radius-xl);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base)}.stat-card:hover{border-color:var(--sand-yellow);background:rgba(255,215,0,.03)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--space-2)}.stat-value{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:var(--font-bold);color:var(--sand-yellow);font-family:var(--font-mono);animation:countUp 1s ease-out;text-shadow:0 0 20px rgba(255,215,0,.3)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:var(--z-modal-backdrop);animation:fadeIn .3s ease-out}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--sand-yellow);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:90vw;max-height:90vh;overflow:auto;z-index:var(--z-modal);box-shadow:var(--shadow-glow-gold);animation:slideInRight .4s ease-out}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4);animation:slideInRight .3s ease-out}.alert-info{background:rgba(59,130,246,.1);border-color:var(--info);color:var(--info)}.alert-success{background:rgba(16,185,129,.1);border-color:var(--success);color:var(--success)}.alert-warning{background:rgba(245,158,11,.1);border-color:var(--warning);color:var(--warning)}.alert-error{background:rgba(239,68,68,.1);border-color:var(--error);color:var(--error)}.tabs{width:100%}.tabs-list{display:flex;align-items:center;border-bottom:1px solid var(--glass-border);position:relative;gap:var(--space-4)}.tabs-trigger{padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-secondary);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast);position:relative;font-family:var(--font-sans)}.tabs-trigger:hover{color:var(--text-primary)}.tabs-trigger[data-state=active]{color:var(--sand-yellow)}.tabs-trigger[data-state=active]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--sand-brown),var(--sand-yellow));box-shadow:0 0 10px rgba(255,215,0,.5)}.toggle{position:relative;display:inline-block;width:48px;height:24px}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--glass-bg);border:1px solid var(--glass-border)}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast);border-radius:var(--radius-full)}.toggle-slider:before{content:"";height:16px;width:16px;left:4px;bottom:3px;background:var(--text-secondary)}.toggle-input:checked+.toggle-slider{background:rgba(255,215,0,.2);border-color:var(--sand-yellow)}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px);background:var(--sand-yellow);box-shadow:0 0 10px rgba(255,215,0,.5)}.data-stream{position:absolute;width:2px;height:20px;background:linear-gradient(to bottom,transparent,var(--electric-cyan),transparent);animation:dataStream 3s linear infinite;opacity:.6}.circuit-node{position:relative;width:8px;height:8px;background:var(--sand-yellow);border-radius:var(--radius-full);box-shadow:0 0 10px rgba(255,215,0,.5)}.circuit-node:after,.circuit-node:before{content:"";position:absolute;background:var(--sand-yellow);opacity:.3}.circuit-node:before{top:50%;left:100%;width:100px;height:1px;transform:translateY(-50%)}.circuit-node:after{left:50%;top:100%;width:1px;height:100px;transform:translateX(-50%)}.gradient-text{background:linear-gradient(90deg,var(--electric-cyan),var(--matrix-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-brand{background:linear-gradient(135deg,var(--sand-brown),var(--sand-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.glass-heavy{background:hsla(0,0%,100%,.02);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.1)}.hover-lift:hover{transform:translateY(-4px);transition:var(--transition-base)}.hover-scale:hover{transform:scale(1.02);transition:var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow-gold);transition:var(--transition-base)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-breathing{animation:breathing 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-fade-in{animation:fadeIn .5s ease-out}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-black{font-weight:var(--font-black)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-card{background:var(--bg-card)}.border{border:1px solid var(--glass-border)}.border-accent{border:1px solid var(--sand-yellow)}.border-none{border:none}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow-gold{box-shadow:var(--shadow-glow-gold)}.shadow-glow-cyan{box-shadow:var(--shadow-glow-cyan)}@media (max-width:639px){.sm\:hidden{display:none}.container{padding:0 var(--space-3)}}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dashboard-container{min-height:100vh;padding:var(--space-6);position:relative}.dashboard-header{margin-bottom:var(--space-8);animation:fadeIn .5s ease-out}@media (max-width:480px){.dashboard-header .flex{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}.dashboard-container:after{content:"";position:fixed;top:50%;left:-100px;width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--electric-cyan),transparent);opacity:.1;animation:dataFlow 8s linear infinite}@keyframes dataFlow{to{transform:translateX(calc(100vw + 200px))}}.card:before{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:var(--matrix-green);border-radius:50%;opacity:0;animation:networkPulse 3s infinite}@keyframes networkPulse{0%,to{opacity:0}50%{opacity:.3}}.dashboard-title{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:var(--font-bold);font-family:var(--font-display);margin-bottom:var(--space-2)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.device-card{background:linear-gradient(135deg,rgba(255,215,0,.05),rgba(139,69,19,.05));border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden;transition:var(--transition-base)}.device-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--sand-yellow),var(--electric-cyan),var(--sand-yellow));border-radius:var(--radius-2xl);opacity:0;z-index:-1;transition:opacity var(--transition-base)}.device-card:hover:before{opacity:.3;animation:glow 2s ease-in-out infinite}.metric-display{font-size:clamp(var(--text-4xl),10vw,var(--text-6xl));font-weight:var(--font-black);font-family:var(--font-mono);line-height:1;background:linear-gradient(135deg,var(--sand-yellow),var(--sand-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countUp 1s ease-out;text-shadow:0 0 40px rgba(255,215,0,.3)}.activity-bar{height:32px;background:rgba(148,163,184,.1);border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(255,215,0,.2);position:relative}.activity-bar-fill{height:100%;background:linear-gradient(90deg,var(--sand-brown),var(--sand-yellow));border-radius:var(--radius-full);transition:width 1s ease-out;box-shadow:inset 0 0 10px rgba(255,215,0,.3);position:relative}.activity-bar-fill:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--sand-yellow);box-shadow:0 0 10px var(--sand-yellow);animation:pulse 1s ease-in-out infinite}.feed-card{aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;position:relative;background:var(--bg-tertiary);border:1px solid rgba(148,163,184,.2);transition:var(--transition-base);cursor:pointer}.feed-card:hover{transform:scale(1.02);border-color:var(--sand-yellow);box-shadow:var(--shadow-glow-gold)}.feed-card-highlight{border:2px solid var(--sand-yellow);box-shadow:0 0 20px rgba(255,215,0,.3)}.feed-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff}.live-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:rgba(57,255,20,.1);border:1px solid var(--matrix-green);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--matrix-green);animation:pulse 2s ease-in-out infinite}.live-indicator:before{content:"";width:8px;height:8px;background:var(--matrix-green);border-radius:var(--radius-full);animation:pulse 1s ease-in-out infinite;box-shadow:0 0 10px var(--matrix-green)}.sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.sensor-item{text-align:center}.sensor-icon{width:60px;height:60px;margin:0 auto var(--space-3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:24px;transition:var(--transition-base)}.sensor-icon-active{background:linear-gradient(135deg,var(--sand-brown),var(--sand-yellow));border:3px solid var(--sand-yellow);box-shadow:var(--shadow-glow-gold);animation:breathing 3s ease-in-out infinite}.sensor-icon-training{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,165,0,.3));border:3px solid rgba(255,215,0,.5)}.sensor-icon-pending{background:rgba(148,163,184,.1);border:3px solid rgba(148,163,184,.3)}.sparkline{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:60px;padding:0 var(--space-4)}.sparkline-bar{flex:1 1;max-width:20px;background:linear-gradient(to top,var(--sand-brown),var(--sand-yellow));border-radius:var(--radius-xs) var(--radius-xs) 0 0;transition:var(--transition-base);cursor:pointer;opacity:.6}.sparkline-bar-active,.sparkline-bar:hover{opacity:1;box-shadow:0 0 10px rgba(255,215,0,.5)}.sparkline-bar-active{background:linear-gradient(to top,var(--sand-yellow),var(--sand-orange))}.connection-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--electric-cyan),transparent);animation:connectionFlow 3s linear infinite;opacity:.3}.connection-dot{position:absolute;width:4px;height:4px;background:var(--electric-cyan);border-radius:var(--radius-full);box-shadow:0 0 10px var(--electric-cyan);animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--sand-brown),var(--sand-yellow));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--sand-yellow)}*{scrollbar-width:auto;scrollbar-color:var(--sand-yellow) var(--bg-secondary)}@media print{body{background:#fff;color:#000}.no-print{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--sand-yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative}.login-card{width:100%;max-width:400px;background:rgba(26,26,46,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:0 20px 60px rgba(0,0,0,.5)}.login-icon{width:64px;height:64px;margin:0 auto var(--space-6);border-radius:var(--radius-2xl);background:rgba(255,215,0,.1);border:2px solid var(--sand-yellow);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(255,215,0,.2)}.login-input{height:48px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);padding:0 var(--space-4);font-size:var(--text-base)}.login-input:focus{border-color:rgba(255,215,0,.5);background:rgba(255,215,0,.02)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 8px;font-size:12px;background:hsla(0,0%,100%,.1);border:none;border-radius:var(--radius-sm);color:hsla(0,0%,100%,.7);cursor:pointer;transition:var(--transition-fast)}.password-toggle:hover{background:hsla(0,0%,100%,.2);color:#fff}.btn-login{height:48px;width:100%;font-size:var(--text-lg);font-weight:var(--font-semibold);background:linear-gradient(135deg,var(--sand-brown),var(--sand-yellow));border:1px solid var(--sand-yellow);color:var(--bg-primary)}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,215,0,.3)}.login-checkbox{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid hsla(0,0%,100%,.4);background:transparent;cursor:pointer;transition:var(--transition-fast)}.login-checkbox.checked{background:var(--sand-yellow);border-color:var(--sand-yellow)}.login-subtitle{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase}.login-form-group{margin-bottom:var(--space-5)}.login-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:hsla(0,0%,100%,.8);margin-bottom:var(--space-2)}