:root{--unifi-bg: #f7f9fa;--unifi-card: #ffffff;--unifi-border: #e5e9eb;--unifi-text: #1b1c1d;--unifi-text-muted: #5e666c;--unifi-blue: #006dec;--unifi-green: #41c300;--unifi-red: #ff3b30;--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}[data-theme=dark]{--bg-gradient: var(--bg-gradient-dark);--glass-panel: rgba(30, 30, 35, .6);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--text-main: #f5f5f7;--text-secondary: #86868b;--accent-color: #2997ff}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-stack);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);line-height:1.5;height:100vh;overflow:hidden;transition:background .5s ease}.glass{background:var(--glass-panel);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem;transition:all .3s var(--ease-spring)}.glass-card:hover{transform:translateY(-4px) scale(1.02);background:var(--glass-highlight);box-shadow:0 15px 35px #0000001a}.glass-static{background:var(--glass-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem}.glass-button{background:var(--glass-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .2s var(--ease-spring);cursor:pointer}.glass-button:hover{background:var(--glass-highlight);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.glass-button:active{transform:translateY(0)}.glass-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-shell{display:flex;height:100vh;padding:1.5rem;gap:1.5rem}.sidebar{width:280px;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:1.5rem;transition:width .4s var(--ease-spring);max-height:100%;overflow:hidden}.sidebar-header{margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo{width:100%;max-width:240px;height:auto;object-fit:contain;margin-bottom:.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease}.table-row:hover{background:#ffffff0d;color:var(--text-main)}.nav-item.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.main-content{flex:1;border-radius:var(--radius-lg);position:relative;overflow:hidden}h1{font-size:3rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.modal-glass-panel{width:90%;max-width:900px;height:85vh;border-radius:var(--radius-lg);background:var(--glass-panel);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:zoomIn .4s var(--ease-spring);overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hamburger-menu{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1100;background:var(--glass-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.hamburger-menu:hover{background:var(--glass-highlight);transform:scale(1.05)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;animation:fadeIn .3s ease}@media (max-width: 768px){.hamburger-menu{display:flex;align-items:center;justify-content:center}.app-shell{padding:1rem;gap:0}.sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;z-index:1000;border-radius:0;transition:left .3s ease;box-shadow:4px 0 20px #0000004d}.sidebar.mobile-open{left:0}.sidebar-overlay.visible{display:block}.main-content{width:100%;margin-left:0;border-radius:0}.app-shell>.main-content{padding:1rem}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.modal-glass-panel{width:95%;height:95vh;border-radius:16px}.sidebar-logo{max-width:120px}.logo-text{font-size:1.2rem}h1{font-size:2rem}h2{font-size:1.25rem}.nav-item,button{min-height:44px;padding:1rem}.glass-card,.glass-static{padding:1rem}.main-dashboard-layout{flex-direction:column!important}.main-dashboard-layout .dashboard-sidebar{display:none!important}.main-dashboard-layout>div{padding:1.5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:240px}.sidebar-logo{max-width:140px}}@media (hover: none){.glass-card:hover{transform:none;background:var(--glass-panel)}.nav-item:hover{background:transparent}}.unifi-layout{background:var(--unifi-bg)!important;color:var(--unifi-text)!important}.unifi-sidebar{background:#fff!important;border-right:1px solid var(--unifi-border)!important;width:240px!important;height:100vh!important;display:flex!important;flex-direction:column!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;padding:0!important}.unifi-main{flex:1;display:flex;flex-direction:column;background:var(--unifi-bg);overflow:hidden}.unifi-table-container{background:#fff;border:1px solid var(--unifi-border);border-radius:4px;margin:16px;overflow-x:auto}.unifi-table{width:100%;border-collapse:collapse;font-size:13px}.unifi-table th{background:#fcfdfe;border-bottom:1px solid var(--unifi-border);padding:10px 16px;text-align:left;font-weight:600;color:var(--unifi-text-muted);white-space:nowrap}.unifi-table td{padding:12px 16px;border-bottom:1px solid #f0f2f4;color:var(--unifi-text);white-space:nowrap}.unifi-table tr:hover{background:#f9fafb}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-online{background-color:var(--unifi-green)}.status-offline{background-color:var(--unifi-text-muted)}.unifi-nav-item{display:flex;align-items:center;padding:12px 20px;color:var(--unifi-text-muted);text-decoration:none;font-size:14px;transition:all .2s;gap:12px}.unifi-nav-item:hover,.unifi-nav-item.active{color:var(--unifi-blue);background:#f0f7ff}.unifi-filter-bar{display:flex;gap:32px;padding:0 24px;height:56px;align-items:center;border-bottom:1px solid var(--unifi-border);background:#fff}.unifi-filter-item{cursor:pointer;font-weight:500;color:var(--unifi-text-muted);font-size:13px;position:relative;height:100%;display:flex;align-items:center}.unifi-filter-item.active{color:var(--unifi-blue)}.unifi-filter-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--unifi-blue)}