:root{--primary: hsl(228, 89%, 60%);--primary-glow: hsla(228, 89%, 60%, .15);--primary-hover: hsl(228, 89%, 54%);--primary-gradient: linear-gradient(135deg, hsl(228, 89%, 60%), hsl(245, 80%, 65%));--danger: hsl(355, 80%, 55%);--danger-glow: hsla(355, 80%, 55%, .15);--success: hsl(150, 70%, 42%);--success-glow: hsla(150, 70%, 42%, .15);--warning: hsl(38, 92%, 50%);--info: hsl(190, 85%, 45%);--bg-color-h: 210;--bg-color-s: 18%;--bg-color-l: 94%;--bg: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));--shadow-dark: hsla(217, 16%, 70%, .45);--shadow-light: hsla(0, 0%, 100%, .9);--text-main: hsl(220, 25%, 15%);--text-sub: hsl(218, 12%, 40%);--text-muted: hsl(218, 10%, 58%);--border: hsla(0, 0%, 100%, .5);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .6);--bg-image: url(/light_tech_bg.png);--bg-overlay: hsla(210, 18%, 94%, .92);--font-heading: "Outfit", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-color-h: 220;--bg-color-s: 15%;--bg-color-l: 9%;--bg: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));--shadow-dark: hsla(0, 0%, 0%, .65);--shadow-light: hsla(220, 12%, 18%, .4);--text-main: hsl(210, 15%, 88%);--text-sub: hsl(215, 12%, 65%);--text-muted: hsl(215, 10%, 48%);--border: hsla(220, 15%, 15%, .3);--glass-bg: rgba(15, 18, 25, .45);--glass-border: rgba(255, 255, 255, .05);--bg-image: url(/dark_tech_bg.png);--bg-overlay: hsla(220, 15%, 9%, .88)}}:root[data-theme=dark]{--bg-color-h: 220;--bg-color-s: 15%;--bg-color-l: 9%;--bg: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));--shadow-dark: hsla(0, 0%, 0%, .65);--shadow-light: hsla(220, 12%, 18%, .4);--text-main: hsl(210, 15%, 88%);--text-sub: hsl(215, 12%, 65%);--text-muted: hsl(215, 10%, 48%);--border: hsla(220, 15%, 15%, .3);--glass-bg: rgba(15, 18, 25, .45);--glass-border: rgba(255, 255, 255, .05);--bg-image: url(/dark_tech_bg.png);--bg-overlay: hsla(220, 15%, 9%, .88)}:root[data-theme=light]{--bg-color-h: 210;--bg-color-s: 18%;--bg-color-l: 94%;--bg: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));--shadow-dark: hsla(217, 16%, 70%, .45);--shadow-light: hsla(0, 0%, 100%, .9);--text-main: hsl(220, 25%, 15%);--text-sub: hsl(218, 12%, 40%);--text-muted: hsl(218, 10%, 58%);--border: hsla(0, 0%, 100%, .5);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .6);--bg-image: url(/light_tech_bg.png);--bg-overlay: hsla(210, 18%, 94%, .92)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:linear-gradient(var(--bg-overlay),var(--bg-overlay)),var(--bg-image);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .4s ease,color .4s ease,background-image .4s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none}.nm-flat{background:var(--bg);box-shadow:7px 7px 15px var(--shadow-dark),-7px -7px 15px var(--shadow-light);border-radius:16px;border:1px solid var(--border)}.nm-convex{background:linear-gradient(145deg,hsl(var(--bg-color-h),var(--bg-color-s),calc(var(--bg-color-l) + 1.5%)),hsl(var(--bg-color-h),var(--bg-color-s),calc(var(--bg-color-l) - 1.5%)));box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);border-radius:16px;border:1px solid var(--border)}.nm-inset{background:var(--bg);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);border-radius:12px}.nm-btn{background:var(--bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid var(--border)}.nm-btn:hover{transform:translateY(-2px);box-shadow:7px 7px 14px var(--shadow-dark),-7px -7px 14px var(--shadow-light)}.nm-btn:active,.nm-btn.active{transform:translateY(0);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.nm-btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);border:none}.nm-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 16px var(--primary-glow),6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.nm-btn-primary:active{transform:translateY(0);filter:brightness(.95);box-shadow:inset 2px 2px 4px #0003}.nm-input{width:100%;padding:12px 16px;background:var(--bg);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);border-radius:10px;border:1px solid transparent;transition:all .2s ease}.nm-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.nm-switch{position:relative;display:inline-block;width:50px;height:26px}.nm-switch input{opacity:0;width:0;height:0}.nm-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg);box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light);transition:.3s;border-radius:34px}.nm-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:var(--text-muted);box-shadow:2px 2px 4px var(--shadow-dark),-1px -1px 3px var(--shadow-light);transition:.3s;border-radius:50%}input:checked+.nm-slider{background-color:var(--primary-glow)}input:checked+.nm-slider:before{transform:translate(24px);background-color:var(--primary);box-shadow:0 0 8px var(--primary)}input[type=range].nm-range{-webkit-appearance:none;width:100%;background:transparent}input[type=range].nm-range:focus{outline:none}input[type=range].nm-range::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:var(--bg);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light);border-radius:4px}input[type=range].nm-range::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary);cursor:pointer;-webkit-appearance:none;margin-top:-6px;box-shadow:2px 2px 5px var(--shadow-dark),-2px -2px 5px var(--shadow-light);transition:transform .1s ease}input[type=range].nm-range::-webkit-slider-thumb:hover{transform:scale(1.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;box-shadow:1px 1px 2px var(--shadow-dark),-1px -1px 2px var(--shadow-light)}::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.glass-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.glass-modal{max-width:500px;width:90%;padding:30px;text-align:center;border-radius:20px}.glowing-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 10px currentColor}.glowing-indicator.online{background-color:var(--success);color:var(--success);animation:pulse-green 2s infinite}.glowing-indicator.offline{background-color:var(--danger);color:var(--danger)}@keyframes pulse-green{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}