:root{--accent-50:#eef2ff;--accent-200:#c7d2fe;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#e2e8f0;--border-primary:#cbd5e1;--color-on-surface-variant:#475569;--color-primary:#4f46e5;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-700:#b91c1c;--gap-4:0.25rem;--gap-6:0.375rem;--gap-8:0.5rem;--gap-10:0.625rem;--gap-12:0.75rem;--gap-14:0.875rem;--gap-16:1rem;--align-3xl:2rem;--badge-info-bg:rgba(79,70,229,0.15);--gradient-primary:linear-gradient(135deg,#4f46e5,#7c3aed);--radius-badge:0.5rem;--radius-card:1rem;--radius-input:0.625rem;--secondary-50:#f8fafc;--shadow-2xl:0 25px 50px -12px rgba(15,23,42,0.25);--shadow-soft-xl:0 16px 30px -12px rgba(79,70,229,0.55);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b}[data-theme=dark]{--accent-50:#172554;--accent-200:#312e81;--bg-primary:#0f172a;--bg-secondary:#111827;--bg-tertiary:#334155;--border-primary:#475569;--color-on-surface-variant:#cbd5e1;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a,button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-loader-screen{display:flex;position:fixed;inset:0;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg-primary)}.app-loader-spinner,.spinner{border:3px solid rgba(100,116,139,.25);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.app-loader-spinner{width:2.5rem;height:2.5rem}.app-loader-text{margin:0;color:var(--text-secondary);font-size:.875rem}@keyframes spin{to{transform:rotate(1turn)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.loading .spinner{width:2rem;height:2rem}.loading p{margin:0;color:var(--text-secondary)}.common-app-shell{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh;background:var(--bg-secondary);transition:grid-template-columns .16s ease}.common-app-shell.sidebar-collapsed{grid-template-columns:4.5rem minmax(0,1fr)}.common-app-frame{min-width:0;height:100vh;background:var(--bg-primary)}.common-app-frame iframe{display:block;width:100%;height:100%;border:0;background:var(--bg-primary)}.sidebar{position:relative;z-index:10;display:flex;min-width:0;flex-direction:column;height:100vh;padding:1.25rem .875rem 1rem;border-right:1px solid var(--border-primary);background:var(--bg-primary);box-shadow:4px 0 18px rgba(15,23,42,.06);overflow:hidden}.sidebar-toggle{position:absolute;top:1.25rem;right:.75rem;display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.sidebar-header{min-height:3.5rem;padding-right:2.25rem}.sidebar-title{display:flex;align-items:center;gap:.625rem;margin:0;color:var(--text-primary);font-size:1rem}.logo-icon{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:.625rem;background:var(--gradient-primary);color:#fff}.sidebar-menu{display:flex;flex:1;flex-direction:column;gap:.375rem;margin:1rem 0;padding:0;list-style:none}.sidebar-footer a,.sidebar-footer button,.sidebar-menu a{display:flex;width:100%;min-height:2.75rem;align-items:center;gap:.75rem;padding:.625rem .75rem;border:0;border-radius:.625rem;background:transparent;color:var(--text-secondary);text-align:left;text-decoration:none;cursor:pointer;transition:background .14s ease,color .14s ease}.sidebar-footer a:hover,.sidebar-footer button:hover,.sidebar-menu a:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-menu a.active{background:var(--gradient-primary);color:#fff}.sidebar-footer svg,.sidebar-menu svg{width:1.25rem;flex:0 0 auto}.sidebar-link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-count-badge{min-width:1.75rem;padding:.125rem .4rem;border-radius:999px;background:rgba(100,116,139,.14);color:inherit;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:center}.sidebar-menu a.active .device-count-badge{background:rgba(255,255,255,.2)}.sidebar-footer{display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem;border-top:1px solid var(--border-primary)}.sidebar.collapsed{padding-inline:.75rem}.sidebar.collapsed .sidebar-toggle{right:1.25rem}.sidebar.collapsed .sidebar-header{padding-right:0}.sidebar.collapsed .sidebar-title{justify-content:center}.sidebar.collapsed .sidebar-footer a,.sidebar.collapsed .sidebar-footer button,.sidebar.collapsed .sidebar-menu a{justify-content:center;padding-inline:.5rem}@media (max-width:700px){.common-app-shell,.common-app-shell.sidebar-collapsed{grid-template-columns:4.5rem minmax(0,1fr)}.sidebar{padding-inline:.75rem}.sidebar-toggle{display:none}.sidebar-header{padding-right:0}.sidebar-footer a,.sidebar-footer button,.sidebar-menu a,.sidebar-title{justify-content:center}.device-count-badge,.sidebar-footer span,.sidebar-link-text,.sidebar-title>:not(.logo-icon){display:none}}.embedded-dashboard .sidebar,.embedded-dashboard nav.sidebar,body.embedded-dashboard .sidebar,body.embedded-dashboard nav.sidebar,html.embedded-dashboard .sidebar,html[data-embedded=true] .sidebar,html[data-embedded=true] nav.sidebar{display:none!important;width:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important}.embedded-dashboard .admin-panel>.main-content,.embedded-dashboard .main-content,body.embedded-dashboard .admin-panel>.main-content,body.embedded-dashboard .main-content,html.embedded-dashboard .main-content,html[data-embedded=true] .admin-panel>.main-content,html[data-embedded=true] .main-content{margin-left:0!important;width:100%!important;max-width:100%!important}.embedded-dashboard .admin-panel,body.embedded-dashboard .admin-panel,html.embedded-dashboard .admin-panel,html[data-embedded=true] .admin-panel{display:block!important}