.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg-base: #050810;--bg-surface: #080d1a;--bg-sidebar: #060b16;--bg-card: #0d1425;--bg-card-hover: #111b32;--border: #1a2540;--border-bright: #0055cc;--accent-1: #0088ff;--accent-2: #00e5cc;--accent-3: #4db8ff;--glow-1: rgba(0, 136, 255, .3);--glow-2: rgba(0, 229, 204, .2);--glow-soft: rgba(0, 136, 255, .08);--text-primary: #e0f0ff;--text-secondary: #7aa0c8;--text-muted: #344d6e;--gradient-hero: linear-gradient(160deg, #050810 0%, #080f20 60%, #050d1a 100%);--gradient-card: linear-gradient(135deg, rgba(0,136,255,.06) 0%, rgba(0,229,204,.03) 100%);--grid-color: rgba(0, 100, 255, .04);--status-up: #00e5a0;--status-down: #ff4060;--status-warn: #ffaa00;--sidebar-width: 220px;--sidebar-collapsed: 60px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.dot-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(circle,rgba(0,120,255,.07) 1px,transparent 1px);background-size:32px 32px;animation:grid-pulse 9s ease-in-out infinite alternate;pointer-events:none}@keyframes grid-pulse{0%{opacity:.5}to{opacity:1}}.glow-bottom{position:fixed;bottom:-260px;left:50%;transform:translate(-50%);width:1100px;height:520px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,120,255,.22) 0%,rgba(0,180,255,.1) 40%,transparent 70%);z-index:0;pointer-events:none;animation:pulse-bottom 7s ease-in-out infinite alternate}@keyframes pulse-bottom{0%{opacity:.6;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1.08)}}.glow-teal{position:fixed;bottom:-180px;right:-120px;width:700px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,220,180,.16) 0%,rgba(0,200,160,.07) 45%,transparent 70%);z-index:0;pointer-events:none;animation:pulse-teal 11s ease-in-out infinite alternate}@keyframes pulse-teal{0%{opacity:.4;transform:scale(.88) translate(20px,20px)}to{opacity:.9;transform:scale(1.12) translate(-20px,-20px)}}.glow-topleft{position:fixed;top:-160px;left:-100px;width:600px;height:380px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,100,255,.13) 0%,rgba(0,140,255,.06) 45%,transparent 70%);z-index:0;pointer-events:none;animation:pulse-topleft 13s ease-in-out infinite alternate}@keyframes pulse-topleft{0%{opacity:.35;transform:scale(.9) translate(-15px,-15px)}to{opacity:.8;transform:scale(1.1) translate(15px,15px)}}.glow-ambient{position:fixed;top:30%;left:50%;transform:translate(-50%);width:140%;height:60vh;border-radius:50%;background:radial-gradient(ellipse,rgba(0,60,180,.08) 0%,transparent 65%);z-index:0;pointer-events:none;animation:pulse-ambient 15s ease-in-out infinite alternate}@keyframes pulse-ambient{0%{opacity:.4;transform:translate(-50%) scaleY(.85)}to{opacity:1;transform:translate(-50%) scaleY(1.15)}}.tile{background:var(--gradient-card);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative;transition:box-shadow .3s ease;animation:tile-breathe 8s ease-in-out infinite alternate}@keyframes tile-breathe{0%{box-shadow:0 0 10px #0050c80f,0 0 20px #003cb408}to{box-shadow:0 0 22px #008cff2e,0 0 40px #00c8b414}}.tile:nth-child(1){animation-delay:0s;animation-duration:7.5s}.tile:nth-child(2){animation-delay:-2s;animation-duration:9s}.tile:nth-child(3){animation-delay:-4s;animation-duration:8.2s}.tile:nth-child(4){animation-delay:-1s;animation-duration:10s}.tile:nth-child(5){animation-delay:-3s;animation-duration:7.8s}.tile:nth-child(6){animation-delay:-5s;animation-duration:9.5s}.tile:nth-child(7){animation-delay:-1.5s;animation-duration:8.7s}.tile:nth-child(8){animation-delay:-6s;animation-duration:11s}.tile:nth-child(9){animation-delay:-2.5s;animation-duration:8s}.tile:nth-child(10){animation-delay:-4.5s;animation-duration:9.3s}.tile:nth-child(11){animation-delay:-.5s;animation-duration:10.5s}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:2px 1px 1px;background:linear-gradient(175deg,#1eaaffe6,#00c8f0a6,#00e5be73 70%,#00d2b44d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;animation:border-breathe 8s ease-in-out infinite alternate}@keyframes border-breathe{0%{opacity:.3}to{opacity:.75}}.tile:hover:before{opacity:1!important;animation-play-state:paused}.tile:hover{box-shadow:0 0 18px #0096ff4d,0 0 36px #0088ff26,0 0 60px #0064ff12}.tile-header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid rgba(0,160,255,.12);flex-shrink:0;position:relative;z-index:3}.tile-title{font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex:1}.tile-body{flex:1;overflow-y:auto;padding:16px;position:relative;z-index:3}.tile-icon{font-size:1rem;opacity:.8}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.up{background:var(--status-up);box-shadow:0 0 6px var(--status-up)}.status-dot.down{background:var(--status-down);box-shadow:0 0 6px var(--status-down)}.status-dot.warn{background:var(--status-warn);box-shadow:0 0 6px var(--status-warn)}.status-dot.idle{background:var(--text-muted)}.not-connected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-muted);font-size:.8rem;text-align:center;padding:20px}.not-connected .icon{font-size:2rem;opacity:.3;margin-bottom:4px}.shimmer{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-glow{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.85rem;padding:8px 18px;cursor:pointer;transition:all var(--transition);font-family:inherit}.btn-glow:hover{box-shadow:0 0 20px var(--glow-1);transform:translateY(-1px)}.btn-glow:disabled{opacity:.4;cursor:not-allowed;transform:none}.gradient-text{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.react-grid-item.react-grid-placeholder{background:#0088ff14!important;border:2px dashed rgba(0,136,255,.5)!important;border-radius:14px}.react-resizable-handle{opacity:0;transition:opacity .2s ease;z-index:10}.edit-mode .react-resizable-handle{opacity:.3}.edit-mode .react-grid-item:hover .react-resizable-handle{opacity:1}.react-resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-right:2px solid var(--accent-1)!important;border-bottom:2px solid var(--accent-1)!important;border-color:var(--accent-1)!important;box-shadow:2px 2px 6px var(--glow-1);border-radius:1px}.edit-mode .tile-header{cursor:grab}.edit-mode .tile-header:active{cursor:grabbing}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-1)}@media (max-width: 768px){.sidebar{display:none!important}.main-content{margin-left:0!important;padding-bottom:70px!important}.mobile-nav{display:flex!important}}@media (min-width: 769px){.mobile-nav{display:none!important}}