@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";body{margin:0;font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease}body.dark{background-color:#000;color:#fff}body.light{background-color:#f8fafc;color:#1e293b}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;transition:all .3s ease}.body-container{padding:20px;min-height:100vh}.dark-theme{--primary-color: #7366ff;--secondary-color: #00c4ff;--primary-glow: rgba(115, 102, 255, .3);--secondary-glow: rgba(0, 196, 255, .3);--bg-dark: #050912;--bg-card: #0c1020;--text-primary: #ffffff;--text-secondary: #c5c5d6;background-color:var(--bg-dark);background:radial-gradient(circle at top right,#0a1128,var(--bg-dark));color:var(--text-primary)}.light-theme{--primary-color: #6355ee;--secondary-color: #0099ff;--primary-glow: rgba(99, 85, 238, .2);--secondary-glow: rgba(0, 153, 255, .2);--bg-dark: #f0f4fa;--bg-card: #ffffff;--text-primary: #333344;--text-secondary: #5c5c78;background:radial-gradient(circle at top right,#fff,var(--bg-dark));color:var(--text-primary)}.container{max-width:1200px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.logo-container{display:flex;align-items:center;gap:20px}.title-section{display:flex;flex-direction:column;align-items:flex-start}.dashboard-title{font-size:36px;letter-spacing:2px;margin:0;font-weight:700}.dark-theme .dashboard-title{background:linear-gradient(to right,#ffffff,var(--secondary-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(115,102,255,.2)}.light-theme .dashboard-title{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(99,85,238,.1)}.subtitle{font-size:14px;color:var(--text-secondary)}.dashboard-title-link{text-decoration:none;color:inherit;cursor:pointer;display:inline-block;transition:transform .3s ease}.dashboard-title-link:hover{transform:translateY(-1px)}.dashboard-title-link:hover .dashboard-title{opacity:.85;text-shadow:0 0 20px rgba(115,102,255,.4)}.dashboard-title-link:active{transform:translateY(0)}.highlight{background:linear-gradient(to right,var(--secondary-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.header-controls{display:flex;align-items:center;gap:15px}.monitoring-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:linear-gradient(45deg,#22c55e,#16a34a);color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #22c55e4d}.monitoring-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66;background:linear-gradient(45deg,#16a34a,#15803d)}.monitoring-icon{width:16px;height:16px}.monitoring-btn.active{background:linear-gradient(45deg,#22c55e,#16a34a);border:none}.monitoring-btn.inactive{background:linear-gradient(45deg,#6b7280,#4b5563);border:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;max-width:100%}@media (min-width: 1200px){.grid{grid-template-columns:repeat(5,1fr);gap:30px}.dashboard-title{font-size:2.5rem}.subtitle{font-size:1rem}}@media (max-width: 1199px) and (min-width: 768px){.grid{grid-template-columns:repeat(3,1fr);gap:25px}.dashboard-title{font-size:2rem}.subtitle{font-size:.9rem}.tile{min-height:200px}.tile-icon{height:130px}.monitoring-btn{padding:8px 16px;font-size:.9rem}}@media (max-width: 767px) and (min-width: 481px){.grid{grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-title{font-size:1.75rem}.subtitle{font-size:.85rem}.tile{min-height:180px}.tile-icon{height:120px}.tile-label{font-size:14px;padding:12px}.monitoring-btn{padding:8px 14px;font-size:.85rem}.header-controls{gap:10px}}@media (max-width: 480px){.grid{grid-template-columns:repeat(2,1fr);gap:15px}.container{padding:0 10px}header{padding:15px 10px;gap:10px}.logo-container{flex:1}.dashboard-title{font-size:1.5rem;line-height:1.2}.subtitle{font-size:.75rem;opacity:.8}.header-controls{gap:8px;flex-shrink:0}.tile{min-height:160px}.tile-icon{height:100px;padding:8px}.tile-label{font-size:13px;padding:10px;min-height:45px}.monitoring-btn{padding:8px 12px;font-size:.8rem;min-width:44px;min-height:44px}.monitoring-btn span{display:none}.monitoring-icon{margin-right:0;width:20px;height:20px}.theme-toggle{padding:8px;min-width:44px;min-height:44px}.theme-toggle svg,.theme-toggle .w-5{width:20px;height:20px}}@media (max-width: 360px){.grid{grid-template-columns:1fr;gap:12px}.dashboard-title{font-size:1.3rem}.subtitle{display:none}}.tile{width:100%;min-height:220px;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--text-primary);transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;position:relative;cursor:pointer;border:none!important;outline:none!important}.tile:focus{border:none!important;outline:none!important;box-shadow:0 4px 20px #00000026!important}.dark-theme .tile{background:linear-gradient(145deg,var(--bg-card),rgba(10,14,30,.8));border:none!important;outline:none!important;box-shadow:0 4px 20px #00000026}.light-theme .tile{background:#fff;border:none!important;outline:none!important;box-shadow:0 4px 20px #00000014}.tile:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 16px 48px #00000026,0 4px 16px #0000001a;border:none!important;outline:none!important}.tile:active{transform:translateY(-8px) scale(1.02);transition:all .1s ease;border:none!important;outline:none!important}.light-theme .tile:hover{box-shadow:0 16px 48px #00000014,0 4px 16px #0000000f;border:none!important;outline:none!important}.tile-icon{width:100%;display:flex;justify-content:center;align-items:center;padding:10px;position:relative;overflow:hidden;height:150px}.icon-img{width:100%;height:100%;object-fit:contain;border-radius:10px;transition:all .4s ease;z-index:2;position:relative}.placeholder-img{width:100%;height:100%;border-radius:10px;background:transparent;opacity:.6;transition:all .4s ease;position:absolute;top:0;left:0;z-index:1}.tile:hover .icon-img,.tile:hover .placeholder-img{transform:scale(1.08)}.tile:hover .placeholder-img{opacity:.8}.tile-label{padding:15px;font-weight:600;font-size:16px;text-align:center;min-height:55px;display:flex;align-items:center;justify-content:center;position:relative}.recent-badge{position:absolute;top:8px;right:8px;background:linear-gradient(45deg,#22c55e,#16a34a);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:12px;box-shadow:0 2px 8px #22c55e4d;z-index:3;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.label-content{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot[style*="background-color: rgb(34, 197, 94)"]{background-color:#22c55e!important;box-shadow:0 0 8px #22c55e99;animation:pulse-online 2s infinite}.status-dot[style*="background-color: rgb(239, 68, 68)"]{background-color:#ef4444!important;box-shadow:0 0 8px #ef444499;animation:pulse-offline 2s infinite}.status-dot[style*="background-color: rgb(245, 158, 11)"]{background-color:#f59e0b!important;box-shadow:0 0 8px #f59e0b99;animation:pulse-warning 2s infinite}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-offline{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.dark-theme .tile-label{background-color:#0a0e1ef2;border-top:1px solid rgba(255,255,255,.05)}.light-theme .tile-label{background-color:#fff;border-top:1px solid rgba(0,0,0,.03);color:var(--text-primary)}.theme-switch{position:relative;width:60px;height:30px;margin-left:auto}.theme-switch input{opacity:0;width:0;height:0}.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}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));transition:.4s;border-radius:30px;box-shadow:0 0 10px var(--primary-glow),0 0 5px var(--secondary-glow)}.slider:before{position:absolute;content:"🌜";display:flex;align-items:center;justify-content:center;height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background:linear-gradient(45deg,var(--secondary-color),var(--primary-color))}input:checked+.slider:before{transform:translate(30px);content:"🌞"}*{outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;-moz-outline:none!important;-moz-outline-style:none!important;-moz-outline-width:0!important;outline-offset:0!important}*::-moz-focus-inner{border:0!important;outline:0!important}*::-moz-focusring{outline:none!important;border:none!important}.tile,a.tile,div.tile,button.tile,.tile:hover,a.tile:hover,div.tile:hover,.tile:focus,a.tile:focus,div.tile:focus,.tile:active,a.tile:active,div.tile:active,.tile:visited,a.tile:visited,.tile:focus-visible,a.tile:focus-visible,.tile:focus-within,a.tile:focus-within{border:none!important;outline:none!important;box-outline:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}a,button,input,select,textarea,div{border:none!important;outline:none!important}a:focus,button:focus,input:focus,select:focus,textarea:focus,div:focus{border:none!important;outline:none!important}a.tile,a.tile:focus,a.tile:active,a.tile:visited,a.tile:hover{border:none!important;outline:none!important;box-shadow:0 4px 20px #00000026!important}div.tile,div.tile:focus,div.tile:active,div.tile:hover{border:none!important;outline:none!important}a.tile{-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}.tile:focus-visible{outline:none!important;border:none!important}.theme-toggle{background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--text-primary);width:40px;height:40px}.theme-toggle:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg,.theme-toggle .w-5{width:20px;height:20px}.light-theme .theme-toggle{border-color:#0003;color:#1e293b}.light-theme .theme-toggle:hover{background:#0000000d;border-color:#0000004d}