.shell{display:flex;min-height:100vh}.sidebar{width:210px;background:var(--sidebar);border-right:1px solid var(--border);padding:20px 14px;flex-shrink:0;display:flex;flex-direction:column}.sidebar .brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:26px}.sidebar .brand .logo{width:102px;height:102px;border-radius:22px;object-fit:cover;box-shadow:0 4px 14px #4a6cf780}.nav-link{color:var(--muted);padding:10px 12px;border-radius:8px;font-size:13px;text-decoration:none;display:block}.nav-link.active{background:#1c2333;color:var(--accent-tint);font-weight:600}.main{flex:1;display:flex;flex-direction:column;min-width:0}.content{flex:1;padding:24px 28px}.jhome-footer{text-align:center;font-size:11px;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));color:var(--muted);opacity:.6;border-top:1px solid var(--border)}.jhome-footer a{color:inherit;text-decoration:none}.mobile-tabs{display:none}@media (max-width: 1024px){.sidebar{display:none}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bar-bg);border-top:1px solid var(--border);z-index:50}.mobile-tabs .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--slate);text-decoration:none;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.mobile-tabs .tab .icon{font-size:1.15rem}.mobile-tabs .tab.active{color:var(--accent)}.mobile-tabs .tab.more{background:none;border:none;cursor:pointer;font:inherit}.content{padding-bottom:80px}.more-drawer{position:fixed;bottom:0;left:0;right:0;z-index:60;background:#0d0f18;border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.more-drawer .handle{width:40px;height:4px;border-radius:2px;background:#2d3748;margin:0 auto 14px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.more-tile{background:#141720;border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;text-decoration:none;color:#a0aec0;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.03em}.more-tile .icon{font-size:1.4rem;display:block;margin-bottom:6px;color:var(--accent)}.more-tile.active{background:#4a6cf71f;border-color:#4a6cf759;color:var(--accent)}.more-tile.logout{grid-column:1 / -1;color:var(--red)}.more-tile.logout .icon{color:var(--red)}.more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:55}}:root{--bg: #0b0d14;--card: #131722;--sidebar: #0f1219;--border: #1e2535;--text: #e8ecf5;--text-2: #c7cee0;--muted: #7c8599;--accent: #4a6cf7;--accent-tint: #a9c1ff;--slate: #718096;--green: #4ade80;--red: #f87171;--bar-bg: #0a0c14}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif}a{color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text-2)}.badge{font-size:11px;padding:2px 8px;border-radius:999px}.badge.online{background:#4ade8026;color:var(--green)}.badge.offline{background:#78859926;color:var(--muted)}.badge.alarm{background:#f8717126;color:var(--red)}