.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;width:260px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.sidebar-header h1{font-size:1.25rem;font-weight:700;margin:0}.sidebar-header .subtitle{color:#fff9;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;color:#ffffffb3;display:flex;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;border-left:3px solid #4ecdc4;color:#fff}.nav-icon{font-size:1.25rem}.nav-label{font-size:.9rem;font-weight:500}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem 1.5rem}.api-link{align-items:center;color:#fff9;display:flex;font-size:.85rem;gap:.5rem;text-decoration:none;transition:color .2s}.api-link:hover{color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px}.top-header{background:#fff;box-shadow:0 2px 4px #0000000a;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left,.top-header{align-items:center;display:flex}.header-left{gap:1rem}.current-time{color:#666;font-size:.9rem}.header-right{align-items:center;display:flex;gap:1rem}.user-info{align-items:center;background:#f8f9fa;border-radius:20px;color:#333;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.content-area{background:#f5f6fa;flex:1 1;padding:2rem}@media (max-width:768px){.sidebar{width:70px}.nav-label,.sidebar-footer,.sidebar-header .subtitle,.sidebar-header h1{display:none}.nav-item{justify-content:center;padding:1rem}.main-content{margin-left:70px}}.app{min-height:100vh}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.stat-card h3{color:#666;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-card .value{color:#1a1a2e;font-size:2rem;font-weight:700}.stat-card.online .value{color:#27ae60}.stat-card.offline .value{color:#e74c3c}.stat-card.warning .value{color:#f39c12}.data-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.data-table table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.data-table th{color:#333;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table th,.data-table tr:hover{background:#f8f9fa}.data-table tr:last-child td{border-bottom:none}.status-badge{font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.online{background:#d4edda;color:#155724}.status-badge.offline{background:#f8d7da;color:#721c24}.status-badge.warning{background:#fff3cd;color:#856404}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-primary{background:#1a1a2e;color:#fff}.btn-primary:hover{background:#2d2d44}.btn-secondary{background:#e9ecef;color:#333}.btn-secondary:hover{background:#dee2e6}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#1a1a2e;font-size:1.75rem;margin:0}.loading{align-items:center;color:#666;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1a1a2e;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.device-detail{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.device-detail h2{color:#1a1a2e;margin:0 0 1.5rem}.detail-grid{grid-gap:1.5rem;gap:1.5rem}.detail-item{padding:1rem}.detail-item span{font-size:1rem}.add-user-page .page-header{margin-bottom:2rem}.add-user-page .page-header h1{color:#1a1a2e;font-size:1.75rem;margin:0 0 .5rem}.add-user-page .page-header .subtitle{color:#666;font-size:.9rem}.form-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 300px}@media (max-width:900px){.form-container{grid-template-columns:1fr}}.user-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e1a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.form-hint{color:#888;display:block;font-size:.75rem;margin-top:.375rem}.form-actions{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.btn-lg{font-size:1rem;padding:.875rem 2rem}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}.alert{border-radius:8px;font-size:.9rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.info-card h3{color:#1a1a2e;font-size:1rem;margin:0 0 1rem}.info-card ul{margin:0;padding-left:1.25rem}.info-card li{color:#666;font-size:.85rem;line-height:1.5;margin-bottom:.5rem}.info-card li:last-child{margin-bottom:0}.users-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.search-box input{border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;padding:.75rem 1rem;width:300px}.search-box input:focus{border-color:#1a1a2e;outline:none}.filters-bar select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem 1rem}.user-cell{gap:.75rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:#1a1a2e;font-weight:600}.user-email{color:#666;font-size:.85rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-active{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-disabled{background:#f8d7da;color:#721c24}.actions-dropdown{display:inline-block;position:relative}.actions-dropdown .dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:none;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.actions-dropdown:hover .dropdown-menu{display:block}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.dropdown-item:hover{background:#f5f6fa}.dropdown-item.text-warning{color:#f39c12}.dropdown-item.text-success{color:#27ae60}.dropdown-item.text-danger{color:#e74c3c}.btn-sm{font-size:.875rem;padding:.375rem .75rem}.pagination{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.pagination-buttons{display:flex;gap:.5rem}.pagination button{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:hover:not(:disabled){background:#f5f6fa}.empty-state{color:#666;padding:3rem!important;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal.modal-sm{max-width:400px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{color:#1a1a2e;font-size:1.25rem;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.modal-close:hover{color:#333}.modal-body{padding:1.5rem}.modal-body p{color:#666;margin:0 0 1rem}.modal-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.warning-list{color:#666;font-size:.9rem;margin:1rem 0;padding-left:1.25rem}.warning-list li{margin-bottom:.5rem}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-danger:disabled{background:#ccc;cursor:not-allowed}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{background:#e9ecef}.user-detail-page{max-width:1000px}.back-link{color:#666;font-size:.9rem;text-decoration:none}.back-link:hover{color:#1a1a2e}.header-actions{display:flex;gap:.75rem}.user-profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;padding:2rem}.profile-header{align-items:center;display:flex;gap:1.5rem}.user-avatar.large{font-size:2rem;height:80px;width:80px}.profile-info h1{color:#1a1a2e;font-size:1.5rem;margin:0 0 .25rem}.profile-info .email{color:#666;margin:0 0 .75rem}.status-desc{color:#888;font-size:.85rem;margin-left:.5rem}.detail-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;padding:1.5rem}.detail-section h2{border-bottom:1px solid #eee;color:#1a1a2e;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.75rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{background:#f8f9fa;border-radius:8px;padding:.75rem}.detail-item label{color:#666;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.detail-item span{color:#1a1a2e;font-size:.95rem;font-weight:500;word-break:break-all}.detail-item .mono{font-family:monospace;font-size:.85rem}.empty-state-small{color:#666;padding:2rem;text-align:center}.empty-state-small .muted{color:#999;font-size:.85rem}.input-disabled{background:#f0f0f0!important;color:#666;cursor:not-allowed}.tenant-badge-wrapper{display:inline-block;position:relative}.tenant-badge{background:#e3f2fd;border-radius:4px;color:#1976d2;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.tenant-badge.tenant-none{background:#f5f5f5;color:#999}.tenant-tooltip{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;margin-top:.25rem;min-width:200px;padding:.5rem;position:absolute;top:100%;z-index:1000}.tenant-tooltip-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5rem}.tenant-tooltip-item:last-child{border-bottom:none}.role-badge{background:#f0f0f0;border-radius:3px;color:#666;display:inline-block;font-size:.65rem;padding:.125rem .375rem;text-transform:capitalize}.role-badge.role-tenant_admin{background:#fff3e0;color:#e65100}.role-badge.role-editor{background:#e8f5e9;color:#2e7d32}.role-badge.role-viewer{background:#e3f2fd;color:#1565c0}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.section-header h2{border-bottom:none;margin:0;padding-bottom:0}.tenant-list{display:flex;flex-direction:column;gap:.5rem}.tenant-assignment-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.tenant-info{align-items:center;display:flex;gap:.5rem}.tenant-name{color:#1a1a2e;font-weight:500}.tenant-plan{color:#666;font-size:.8rem}.tenant-role{margin-left:1rem;margin-right:auto}.loading-inline{color:#666;font-style:italic;padding:.5rem}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.9195af37.css.map*/