*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#2c3e50;box-shadow:0 2px 8px #0000001a}.navbar-brand{display:flex;align-items:center;gap:1rem}.navbar-logo{height:50px;width:auto}.navbar-brand h1{color:#fff;font-size:1.8rem;font-weight:700}.nav-items{display:flex;list-style:none;gap:1.5rem;align-items:center}.nav-items li{position:relative}.nav-items a{text-decoration:none;color:#ecf0f1;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-items a:hover{background-color:#34495e;color:#fff}.dropdown{position:relative}.dropdown-toggle{cursor:pointer;color:#ecf0f1;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;display:block}.dropdown-toggle:hover{background-color:#34495e;color:#fff}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 4px 8px #00000026;list-style:none;padding:.5rem 0;margin-top:.25rem;min-width:180px;border-radius:4px;z-index:1000}.dropdown:hover .dropdown-menu,.dropdown-menu:hover{display:block}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:.75rem 1rem;color:#2c3e50;text-decoration:none;transition:background-color .3s ease;border-radius:0}.dropdown-menu a:hover{background-color:#ecf0f1;color:#2c3e50}.user-info span{color:#ecf0f1;padding:.5rem 1rem;font-weight:500}.signout-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.signout-btn:hover{background-color:#c0392b}main{padding:2rem;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start}.container{width:100%;max-width:1200px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}h2{color:#2c3e50;margin-bottom:.5rem;font-size:2rem;text-align:center}.subtitle{color:#7f8c8d;margin-bottom:1.5rem;font-size:1rem;text-align:center}.form-container{max-width:500px;margin:0 auto;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease;font-family:inherit;color:#000}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db}.form-group textarea{resize:vertical;min-height:100px}.btn-primary{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.btn-primary:hover{background-color:#2980b9}.btn-primary:disabled{background-color:#95a5a6;cursor:not-allowed}.btn-secondary{background-color:#95a5a6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.btn-secondary:hover{background-color:#7f8c8d}.button-group{display:flex;gap:1rem;margin-top:1rem}.button-group .btn-primary,.button-group .btn-secondary{width:auto;margin:0}.table-container{overflow-x:auto;margin-top:1.5rem}table{width:100%;border-collapse:collapse;margin-top:1rem}thead{background-color:#34495e;color:#fff}th,td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}th{font-weight:600}tbody tr:hover{background-color:#f8f9fa}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.status-available{background-color:#d4edda;color:#155724}.status-in-use{background-color:#fff3cd;color:#856404}.status-maintenance{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:.5rem}.btn-edit{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-edit:hover{background-color:#2980b9}.btn-delete{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-delete:hover{background-color:#c0392b}.error{color:#e74c3c;background-color:#fadbd8;padding:.75rem;border-radius:4px;margin:1rem 0;border-left:4px solid #e74c3c}.home-content{text-align:center}.home-content h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem}.welcome-section{margin:2rem 0;padding:2rem;background-color:#ecf0f1;border-radius:8px}.welcome-section h2{color:#2c3e50;margin-bottom:.5rem}.welcome-section p{color:#7f8c8d;font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:2px solid #ecf0f1;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026;border-color:#3498db}.feature-card h3{color:#2c3e50;margin-bottom:.75rem;font-size:1.2rem}.feature-card p{color:#7f8c8d;line-height:1.6}.cta-section{margin:2rem 0;padding:1.5rem;background-color:#3498db;color:#fff;border-radius:8px}.cta-section p{font-size:1.1rem;margin:0}.devices-preview{margin:3rem 0}.devices-preview h2{margin-bottom:1.5rem}.search-container{margin-top:1.5rem}.search-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{flex:1;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem}.search-input:focus{outline:none;border-color:#3498db}.search-bar .btn-primary,.search-bar .btn-secondary{width:auto;margin:0}.device-detail{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:2px solid #ecf0f1}.device-detail h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{padding:1rem;background-color:#fff;border-radius:4px;border-left:3px solid #3498db}.detail-item.full-width{grid-column:1 / -1}.detail-item strong{display:block;color:#2c3e50;margin-bottom:.5rem;font-size:.9rem}.detail-item span{color:#7f8c8d;font-size:1rem}.no-results{text-align:center;color:#7f8c8d;padding:2rem;font-size:1.1rem}.user-list{margin-top:1.5rem}.user-item{display:flex;align-items:center;padding:1rem;background-color:#fff;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s ease}.user-item:hover{background-color:#f5f5f5}.user-avatar{font-size:2rem;margin-right:1rem;color:#666}.user-info{flex:1}.user-info h3{color:#2c3e50;font-size:1.1rem;margin:0 0 .25rem}.user-email{color:#7f8c8d;font-size:.9rem;margin:0}.user-arrow{font-size:1.5rem;color:#999}.user-actions{display:flex;align-items:center;gap:1rem}.btn-delete-small{background-color:#e74c3c;color:#fff;border:none;font-size:.85rem;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-delete-small:hover{background-color:#c0392b}.admin-badge{font-size:.7rem;background-color:#3498db;color:#fff;padding:.2rem .5rem;border-radius:10px;margin-left:.5rem}.no-data{text-align:center;color:#7f8c8d;padding:2rem;font-size:1.1rem}.user-info-detail{margin-top:2rem}.user-avatar-large{text-align:center;font-size:5rem;margin-bottom:2rem;color:#666}.user-info-table{width:100%;max-width:600px;margin:0 auto;border-collapse:collapse}.user-info-table th{text-align:left;padding:1rem;background-color:#f8f9fa;font-weight:600;color:#2c3e50;width:40%;border-bottom:1px solid #ddd}.user-info-table td{padding:1rem;color:#7f8c8d;border-bottom:1px solid #ddd}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem}.nav-items{flex-direction:column;width:100%}.container{padding:1rem}.search-bar,.action-buttons{flex-direction:column}table{font-size:.9rem}th,td{padding:.5rem}}