:root{--navy:#071b33;--navy2:#0c2d53;--blue:#1769e0;--bg:#f3f6fb;--line:#dce4ef;--sidebar:268px;--sidebar-mini:78px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#17233a;overflow-x:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);height:100vh;position:fixed;inset:0 auto 0 0;z-index:1040;background:linear-gradient(180deg,var(--navy),var(--navy2));display:flex;flex-direction:column;transition:width .2s ease,transform .2s ease;box-shadow:4px 0 24px #071b3320}.sidebar-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ffffff12;flex:0 0 auto}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;overflow:hidden}.brand small{display:block;font-size:9px;letter-spacing:.14em;opacity:.65}.brand-mark{width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center;background:#1987ff;color:#fff;font-size:24px;font-weight:800}.sidebar-close,.menu-toggle{border:0;background:transparent}.sidebar-close{color:#fff;font-size:20px}.sidebar-nav{padding:10px 9px 20px;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:#ffffff2a transparent}.nav-section{margin-bottom:9px}.nav-section-title{padding:8px 12px 5px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6f8baa;white-space:nowrap;overflow:hidden}.sidebar .nav-link{height:42px;color:#b8c8dc;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:12px;white-space:nowrap;position:relative}.sidebar .nav-link i{font-size:18px;width:22px;min-width:22px;text-align:center}.sidebar .nav-link:hover{color:#fff;background:#ffffff12}.sidebar .nav-link.active{color:#fff;background:#1769e0;box-shadow:0 5px 14px #1769e055}.nav-badge{margin-left:auto;background:#dc3545;color:#fff;border-radius:20px;font-size:10px;padding:2px 6px}.sidebar-footer{padding:12px 16px;border-top:1px solid #ffffff14;flex:0 0 auto}.app-main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s,width .2s}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1020}.menu-toggle{font-size:25px;color:#31435b;padding:4px}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#33465e;text-decoration:none;font-size:18px}.notification-dot{position:absolute;top:-6px;right:-7px;min-width:18px;height:18px;border-radius:10px;background:#dc3545;color:#fff;font-size:10px;display:grid;place-items:center;padding:0 4px}.tenant-switch select{max-width:190px}.status-online{font-size:12px;color:#16864b;white-space:nowrap}.status-online i{font-size:7px}.content-area{padding:24px;flex:1;min-width:0}.app-footer{padding:12px 24px;border-top:1px solid var(--line);background:#fff;color:#6b7a90;font-size:12px;display:flex;justify-content:space-between;gap:15px}.sidebar-backdrop{display:none}.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-mini)}.app-shell.sidebar-collapsed .app-main{margin-left:var(--sidebar-mini);width:calc(100% - var(--sidebar-mini))}.app-shell.sidebar-collapsed .sidebar .nav-label,.app-shell.sidebar-collapsed .nav-section-title{display:none}.app-shell.sidebar-collapsed .sidebar-head{padding-left:18px}.app-shell.sidebar-collapsed .sidebar .nav-link{justify-content:center;padding:0}.app-shell.sidebar-collapsed .nav-badge{position:absolute;right:4px;top:3px}.panel,.stat-card{border:1px solid var(--line);box-shadow:0 3px 16px #17365c0a;border-radius:14px}.stat-card{background:#fff;padding:18px;height:100%}.stat-card span,.stat-card small{display:block;color:#6b7a90}.stat-card strong{font-size:30px;display:block;margin:3px 0}.stat-card.warning{border-left:4px solid #f6a700}.stat-card.danger{border-left:4px solid #dc3545}.card{border-color:var(--line);border-radius:14px}.card-header,.card-footer{background:#fff;border-color:var(--line);padding:15px 18px}.table>:not(caption)>*>*{padding:.85rem 1rem}.table-responsive{border-radius:inherit}.role-option{display:block;border:1px solid var(--line);border-radius:10px;padding:12px;height:100%}.role-option small{display:block;color:#6b7a90;margin-left:22px}.permissions-box{max-height:230px;overflow:auto;border:1px solid var(--line);padding:12px;border-radius:10px}.app-icon,.device-icon{width:48px;height:48px;border-radius:12px;background:#e9f2ff;color:#1769e0;display:grid;place-items:center;font-size:22px;font-weight:800}.request-reason{max-width:300px}.empty-state{text-align:center;padding:8vh 20px}.auth-bg{background:radial-gradient(circle at 20% 10%,#1d6fd2,#071b33 55%)}.auth-card{width:min(460px,95vw);border-radius:20px}.avatar{width:38px;height:38px;min-width:38px;border-radius:50%;object-fit:cover;border:2px solid #fff}.avatar-xl{width:82px;height:82px;min-width:82px;font-size:30px}.avatar-placeholder{display:inline-grid;place-items:center;background:#dce8f7;color:#51708f}.xsmall{font-size:10px}.min-w-0{min-width:0}.chart-card{height:340px}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);font-size:20px}
.topbar-user{align-items:center;gap:7px;color:#31435b;text-decoration:none;font-size:13px;font-weight:600}.topbar-user:hover{color:var(--blue)}.user-profile-link{border-radius:9px;padding:4px}.user-profile-link:hover{background:#ffffff10}.profile-avatar{width:104px;height:104px;min-width:104px;font-size:42px}.security-feature-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);font-size:25px}.profile-hero{background:linear-gradient(120deg,#fff,#edf5ff)}
.remote-output{max-height:500px;overflow:auto;background:#071b33;color:#d8e8fa;padding:14px;border-radius:10px;white-space:pre-wrap;word-break:break-word;font-size:12px}
.documentation-hero{background:linear-gradient(120deg,#fff,#eaf3ff)}.documentation-hero-icon{font-size:110px;color:#1769e0;opacity:.18}.documentation-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);font-size:22px}.documentation-list{margin:0;padding-left:1.2rem}.documentation-list li{margin-bottom:.7rem}.api-method{display:inline-block;min-width:56px;text-align:center;padding:5px 7px;border-radius:6px;color:#fff;font-size:11px;font-weight:800}.api-method-GET{background:#16864b}.api-method-POST{background:#1769e0}.api-method-PUT,.api-method-PATCH{background:#c77800}.api-method-DELETE{background:#c63746}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%);width:min(286px,86vw)}.app-main{margin-left:0;width:100%}.app-shell.sidebar-mobile-open .sidebar{transform:none}.sidebar-backdrop{position:fixed;inset:0;background:#071b3370;z-index:1030}.app-shell.sidebar-mobile-open .sidebar-backdrop{display:block}.content-area{padding:18px}.topbar{padding:0 16px}.tenant-switch{display:none}.app-footer{padding:12px 18px}.app-shell.sidebar-collapsed .sidebar{width:min(286px,86vw)}.app-shell.sidebar-collapsed .app-main{margin-left:0;width:100%}.app-shell.sidebar-collapsed .sidebar .nav-label{display:inline}.app-shell.sidebar-collapsed .nav-section-title{display:block}.app-shell.sidebar-collapsed .sidebar .nav-link{justify-content:flex-start;padding:0 12px}}@media(max-width:575.98px){.content-area{padding:14px}.topbar-actions{gap:7px}.app-footer span:nth-child(2){display:none}.table>:not(caption)>*>*{padding:.7rem}.stat-card strong{font-size:25px}.profile-avatar{width:82px;height:82px;min-width:82px}}