.layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-header{background:#2c3e50;color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center;gap:30px}.header-left h1{margin:0;font-size:20px;font-weight:600}.main-nav{display:flex;gap:20px;align-items:center}.main-nav a{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background .2s}.main-nav a:hover,.main-nav a.active{background:#ffffff1a}.dropdown{position:relative}.dropdown-btn{background:none;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .2s}.dropdown-btn:hover,.dropdown-btn.active{background:#ffffff1a}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;min-width:250px;margin-top:8px;z-index:1001}.dropdown-menu a{display:block;padding:12px 16px;color:#333;text-decoration:none;transition:background .2s}.dropdown-menu a:hover{background:#f5f5f5}.header-right{display:flex;align-items:center;gap:20px}.unidade-selector{display:flex;align-items:center;gap:8px}.unidade-selector label{font-size:14px}.unidade-selector select{padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:14px}.unidade-selector select option{background:#2c3e50;color:#fff}.user-info{display:flex;align-items:center;gap:12px}.user-info span{font-size:14px}.logout-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.logout-btn:hover{background:#ffffff4d}.layout-main{margin-top:60px;flex:1;overflow-y:auto;padding:20px;background:#f5f5f5}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-box h1{margin:0 0 .5rem;color:#333;font-size:1.5rem}.login-box h2{margin:0 0 1.5rem;color:#666;font-size:1.2rem;font-weight:400}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff}button{width:100%;padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem}button:hover:not(:disabled){background:#0056b3}button:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#6c757d;margin-top:.5rem}.btn-secondary:hover:not(:disabled){background:#5a6268}.unidade-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;background:#fff}.unidade-select:focus{outline:none;border-color:#007bff}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem}.logs-container{min-height:100vh;background:#f5f5f5}.logs-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.logs-header h1{margin:0;color:#333}.logs-main{padding:2rem;max-width:1400px;margin:0 auto}.logs-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.logs-table thead{background:#f8f9fa}.logs-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.logs-table td{padding:1rem;border-bottom:1px solid #dee2e6;color:#666}.logs-table tbody tr:hover{background:#f8f9fa}.status{padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:500}.status-200{background:#d4edda;color:#155724}.status-400,.status-401,.status-403,.status-500{background:#f8d7da;color:#721c24}.usuarios-container{max-width:1400px;margin:0 auto}.usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.usuarios-header h2{margin:0;color:#2c3e50}.search-bar{margin-bottom:20px}.search-bar input{width:100%;max-width:400px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0}.modal-header button{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px}.tabs button{background:none;border:none;padding:12px 20px;cursor:pointer;border-bottom:2px solid transparent;color:#666}.tabs button.active{color:#2c3e50;border-bottom-color:#2c3e50}.tab-content{padding:20px}.form-group{display:flex;flex-direction:column;gap:15px}.form-group label{font-weight:500;color:#333}.form-group input,.form-group select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.unidades-tab{display:flex;flex-direction:column;gap:15px}.unidade-item{display:flex;gap:10px;align-items:center}.unidade-item select{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.btn-primary,.btn-secondary,.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-edit{background:#f39c12;color:#fff;margin-right:5px}.btn-edit:hover{background:#e67e22}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b}.usuarios-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.usuarios-table table{width:100%;border-collapse:collapse}.usuarios-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6}.usuarios-table td{padding:12px;border-bottom:1px solid #dee2e6}.usuarios-table tr:hover{background:#f8f9fa}.roles-container{max-width:1200px;margin:0 auto}.roles-header{display:flex;justify-content:space-between;margin-bottom:20px}thead{background:#f8f9fa}th,td{padding:12px;text-align:left}.permissoes-container{max-width:1200px;margin:0 auto}.permissoes-content{display:grid;grid-template-columns:250px 1fr;gap:20px;margin-top:20px}.roles-list{background:#fff;padding:20px;border-radius:8px}.roles-list button{display:block;width:100%;padding:10px;margin-bottom:10px;text-align:left;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.roles-list button:hover{background:#f0f0f0;border-color:#3498db}.roles-list button.active{background:#3498db;color:#fff;border-color:#3498db}.permissions-list{background:#fff;padding:20px;border-radius:8px}.permission-item{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer}.permission-item:hover{background:#f8f9fa}.modulos-container{max-width:1200px;margin:0 auto}.modulos-content{display:grid;grid-template-columns:250px 1fr;gap:20px;margin-top:20px}.units-list{background:#fff;padding:20px;border-radius:8px}.units-list button{display:block;width:100%;padding:10px;margin-bottom:10px;text-align:left;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.units-list button:hover{background:#f0f0f0;border-color:#3498db}.units-list button.active{background:#3498db;color:#fff;border-color:#3498db}.modules-list{background:#fff;padding:20px;border-radius:8px}.module-item{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer}.module-item:hover{background:#f8f9fa}.units-container{max-width:1200px;margin:0 auto}.units-header{display:flex;justify-content:space-between;margin-bottom:20px}table{width:100%;background:#fff;border-radius:8px;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:10px;min-width:400px}*{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;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}