.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.welcome-card{text-align:center;max-width:400px;width:100%;margin:20px}.logo{margin-bottom:80px}.logo .logo-image{max-width:200px;height:auto;display:block;margin:0 auto}.button-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.home-container .btn.btn-login{border-radius:25px;text-decoration:none;font-weight:500;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:15px 30px}.home-container .btn.btn-login:hover{background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-2px)}.home-container .btn.btn-register{border-radius:25px;text-decoration:none;font-weight:500;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;background-color:#dad9eb;color:#5b58e6;padding:15px 20px}.home-container .btn.btn-register:hover{background-color:#d1d5db;color:#6366f1;transform:translateY(-2px)}@media (max-width: 480px){.welcome-card{margin:20px;padding:0 40px}.button-group{flex-direction:column;gap:12px;max-width:100%}.btn{width:100%;max-width:200px;margin:0 auto}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#fff}.register-card{background:#fff;padding:48px 40px;width:100%;max-width:420px;text-align:center}@media (max-width: 480px){.register-card{padding:32px 24px;margin:16px}}.register-title{font-size:32px;font-weight:600;color:#6366f1;margin:0 0 8px;letter-spacing:-.5px}.register-subtitle{font-size:16px;color:#374151;margin:0 0 40px;font-weight:400}.register-form{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.register-input{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e0e4ff;border-radius:50px;background-color:#f3f4ff;color:#374151;transition:all .2s ease;outline:none}.register-input::placeholder{color:#6b7280;font-weight:400}.register-input:focus{background-color:#fff;border-color:#6366f1}.register-input:hover{background-color:#e8eaff}.register-input:focus:hover{background-color:#fff}.btn{text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;background:none;border:none;padding:0}.btn.btn-register[type=submit]{width:100%;padding:18px 32px;font-size:16px;font-weight:600;color:#fff;background:#6366f1;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;margin-top:8px;letter-spacing:.3px}.btn.btn-register[type=submit]:hover{background:#5855eb}.btn.btn-register[type=submit]:active{transform:translateY(0)}.btn.btn-register[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.btn-register:not([type=submit]){color:#6b7280;background:transparent}.btn.btn-register:not([type=submit]):hover{color:#6366f1}.register-login{margin-top:24px}.error-message{color:#ef4444;font-size:14px;margin-top:16px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;text-align:left}.loading .register-btn{position:relative;color:transparent}.loading .register-btn:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.register-container{padding:16px}.register-card{padding:32px 24px}.register-title{font-size:28px}.register-input{padding:14px 18px;font-size:16px}.btn.btn-register[type=submit]{padding:16px 28px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.login-card{background:#fff;padding:40px;width:100%;max-width:420px;text-align:center}.login-title{font-size:32px;font-weight:600;color:#6366f1;margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{font-size:16px;color:#374151;margin-bottom:40px;font-weight:400}.login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.login-input{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e0e4ff;border-radius:50px;background-color:#f3f4ff;color:#374151;transition:all .2s ease;outline:none}.login-input::placeholder{color:#6b7280;font-weight:400}.login-input:focus{background-color:#fff;border-color:#6366f1}.login-input:hover{background-color:#e8eaff}.login-input:focus:hover{background-color:#fff}.login-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:16px 24px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d}.login-btn:active{transform:translateY(0)}.login-register{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.login-register .btn-register{color:#6b7280;text-decoration:none;font-size:16px;font-weight:500;background:none;border:none;padding:0;border-radius:0;box-shadow:none;transition:color .3s ease;display:inline}.login-register .btn-register:hover{color:#6366f1;text-decoration:underline;background:none}@media (max-width: 480px){.login-container{padding:16px}.login-card{padding:30px 24px;border-radius:16px}.login-title{font-size:28px}.login-subtitle{font-size:15px;margin-bottom:32px}.login-input{padding:14px 18px;font-size:15px}.login-btn{padding:14px 20px;font-size:15px}}.sidebar{position:relative;width:260px;background-color:#fff;padding:24px 16px;display:flex;flex-direction:column;border-right:1px solid #eee;box-shadow:2px 0 5px #00000008;height:100vh;transition:width .3s}.sidebar .menu-separator{border-top:1px solid #eee;margin:24px 0 16px}.sidebar .top-section{display:flex;flex-direction:column}.sidebar .top-section .logo-container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.sidebar .top-section .logo{display:flex;align-items:flex-end;gap:10px}.sidebar .top-section .logo img{height:28px}.sidebar .top-section .logo span{font-size:18px;font-weight:600;color:#1f1f1f;margin-top:20px}.sidebar .top-section .collapse-btn{position:absolute;right:-30px;top:25%;transform:translateY(-50%);background-color:#fff;border:1px solid #ccc;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:.2s}.sidebar .top-section .collapse-btn:hover{background-color:#f0f0f0}.sidebar .top-section .main-menu,.sidebar .top-section .bottom-menu{list-style:none;display:flex;flex-direction:column;gap:20px;padding:0;margin:0}.sidebar .top-section .main-menu li,.sidebar .top-section .bottom-menu li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;padding:8px 12px;border-radius:8px;color:#444;cursor:pointer;transition:.2s}.sidebar .top-section .main-menu li img,.sidebar .top-section .bottom-menu li img{width:18px;height:18px}.sidebar .top-section .main-menu li span,.sidebar .top-section .bottom-menu li span{color:inherit}.sidebar .top-section .main-menu li:hover,.sidebar .top-section .bottom-menu li:hover{background-color:#f0f4ff;color:#4f46e5}.sidebar .top-section .main-menu li.active,.sidebar .top-section .bottom-menu li.active{background-color:#eef2ff;color:#4f46e5}.sidebar .top-section .main-menu li a,.sidebar .top-section .bottom-menu li a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.sidebar .top-section .main-menu li a span,.sidebar .top-section .bottom-menu li a span{font-size:15px}.sidebar .user-section{display:flex;align-items:center;gap:12px;border-top:1px solid #eee;padding-top:20px;margin-top:auto}.sidebar .user-section img{width:42px;height:42px;border-radius:50%;object-fit:cover}.sidebar .user-section .hello{margin:0;font-size:13px;color:#888}.sidebar .user-section .username{margin:0;font-size:14px;font-weight:600;color:#222}.sidebar .logout-btn{margin-left:auto;margin-right:0;margin-top:0;background:none;border:none;color:#ef4444;font-weight:500;font-size:15px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:color .2s,background .2s}.sidebar .logout-btn:hover{color:#b91c1c;background:#fef2f2;text-decoration:underline}.sidebar.collapsed{width:80px;padding:24px 8px}.sidebar.collapsed .logo-container{justify-content:center;align-items:center}.sidebar.collapsed .logo-container .logo span{display:none}.sidebar.collapsed .collapse-btn{right:-25px;top:15%}.sidebar.collapsed .main-menu li,.sidebar.collapsed .bottom-menu li{justify-content:center;align-items:center;padding:8px}.sidebar.collapsed .main-menu li span,.sidebar.collapsed .bottom-menu li span{display:none}.sidebar.collapsed .user-section{justify-content:center}.sidebar.collapsed .user-section div{display:none}.Sidebar{display:flex;height:100vh}.Sidebar .main-content{flex-grow:1;padding:30px;overflow-y:auto;background-color:#f9f9fb}.card-notif{background:#fff;border-radius:12px;padding:20px;max-width:300px;font-family:Segoe UI,sans-serif;box-shadow:0 2px 8px #00000014;min-height:250px}.card-notif .header{display:flex;justify-content:space-between;align-items:center}.card-notif .header h3{font-size:16px;font-weight:700;color:#222}.card-notif .header .dots{font-size:20px;cursor:pointer;color:#888}.card-notif .notification-list{list-style:none;padding:0;margin:16px 0}.card-notif .notification-list .notification-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;position:relative}.card-notif .notification-list .notification-item .message{flex:1;font-size:14px;color:#333}.card-notif .notification-list .notification-item .time{font-size:12px;color:#999;margin-left:10px;white-space:nowrap}.card-notif .notification-list .notification-item:last-child{border-bottom:none}.card-notif .footer{text-align:center}.card-notif .footer a{font-size:13px;color:#007bff;text-decoration:none}.card-notif .footer a:hover{text-decoration:underline}.statistics-card{display:flex;justify-content:space-between;background-color:#fff;border-radius:12px;padding:20px;max-width:320px;box-shadow:0 2px 8px #0000001a;font-family:Segoe UI,sans-serif;min-height:250px}.statistics-card .stats-left{display:flex;flex-direction:column;gap:16px}.statistics-card .stats-left h3{margin-bottom:10px;font-size:16px;color:#333}.statistics-card .stats-left .stat-item{display:flex;align-items:center;gap:10px}.statistics-card .stats-left .stat-item .stat-circle{width:60px;height:60px;border-radius:50%;border:6px solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#333}.statistics-card .stats-left .stat-item .stat-info .stat-label{font-size:14px;margin:0;color:#222}.statistics-card .stats-left .stat-item .stat-info .stat-status{font-size:12px;color:#888;margin:0}.statistics-card .average-circle{display:flex;flex-direction:column;align-items:center;justify-content:center}.statistics-card .average-circle svg{margin-bottom:4px}.statistics-card .average-circle .average-label{font-size:12px;text-align:center;color:#666;line-height:1.2}.statistics-card .stat-circle-content{display:flex;flex-direction:column;line-height:1;align-items:center}.statistics-card .stat-value{font-size:12px}.statistics-card .stat-unit{font-size:10px}.notifications-card{background:#fff;border-radius:12px;padding:20px;max-width:300px;font-family:Segoe UI,sans-serif;box-shadow:0 2px 8px #00000014;min-height:250px}.notifications-card .header{display:flex;justify-content:space-between;align-items:center}.notifications-card .header h3{font-size:16px;font-weight:700;color:#222}.notifications-card .header .dots{font-size:20px;cursor:pointer;color:#888}.notifications-card .notification-list{list-style:none;padding:0;margin:16px 0}.notifications-card .notification-list .notification-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;position:relative}.notifications-card .notification-list .notification-item .icon{background-color:#fff3cd;color:#ffc107;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:10px}.notifications-card .notification-list .notification-item .message{flex:1;font-size:14px;color:#333}.notifications-card .notification-list .notification-item .time{font-size:12px;color:#999;margin-left:10px;white-space:nowrap}.notifications-card .notification-list .notification-item:last-child{border-bottom:none}.notifications-card .footer{text-align:center}.notifications-card .footer a{font-size:13px;color:#007bff;text-decoration:none}.notifications-card .footer a:hover{text-decoration:underline}.dashboard{width:100%;padding:1.5rem 2rem;background-color:#f1eff7;min-height:100vh;display:flex;flex-direction:column}.dashboard .title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.dashboard .all{display:flex;flex-direction:row;justify-content:space-between;gap:2rem}.dashboard .all .cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;flex:2}.dashboard .all .notif-stat{display:flex;flex-direction:column;gap:1.5rem;flex:1}@media (max-width: 1024px){.dashboard .all{flex-direction:column}.dashboard .all .cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard .all .notif-stat{flex-direction:row;flex-wrap:wrap}.dashboard .all .notif-stat>*{flex:1 1 45%}}@media (max-width: 600px){.dashboard .all .cards-grid{grid-template-columns:1fr}.dashboard .all .notif-stat{flex-direction:column}.dashboard .all .notif-stat>*{width:100%}}.graph-container{padding:2rem;background-color:#f4f4f9;flex:1}.graph-toggle{display:flex;gap:1rem;margin-bottom:1.5rem}.graph-toggle button{padding:.6rem 1.5rem;border:none;border-radius:999px;font-weight:700;cursor:pointer;transition:background .3s}.tab-active{background-color:#6d6deb;color:#fff}.tab-inactive{background-color:#eee;color:#555}.graph-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d;min-height:400px}.graph-chart{width:100%;height:350px}.graph-header{display:flex;justify-content:space-between;align-items:center}.graph-header h3{margin:0;font-size:1.25rem}.graph-filters{display:flex;align-items:center;gap:.5rem}.graph-filters select,.graph-filters button{background:#f4f4f9;border:1px solid #ccc;border-radius:.5rem;padding:.4rem .75rem;font-size:.875rem;cursor:pointer}.graph-tabs{display:flex;gap:1rem;margin-top:1rem;margin-bottom:1rem}.metric-tab{cursor:pointer;font-weight:500;color:#888;padding-bottom:.2rem;border-bottom:2px solid transparent;transition:all .3s ease}.metric-tab.active{color:#6d6deb;border-color:#6d6deb;font-weight:700}.lois-rse-page{padding:2rem;max-width:900px;margin:0 auto;font-family:Arial,sans-serif}.lois-rse-page h1{font-size:2rem;margin-bottom:1rem;color:#222;text-align:center}.lois-rse-page .intro{font-size:1rem;margin-bottom:2rem;text-align:center;color:#555}.lois-rse-page .faq-container .faq-item{border-bottom:1px solid #ddd}.lois-rse-page .faq-container .faq-item .faq-question{width:100%;background:none;border:none;padding:1rem;font-size:1rem;text-align:left;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.lois-rse-page .faq-container .faq-item .faq-question:hover{color:#7c4dff}.lois-rse-page .faq-container .faq-item .faq-question .faq-icon{font-size:1.2rem}.lois-rse-page .faq-container .faq-item .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1rem;font-size:.95rem;color:#444}.lois-rse-page .faq-container .faq-item.active .faq-answer{max-height:200px;padding:.5rem 1rem 1rem}.lois-rse-page .rse-summary{margin-top:2rem;background:#f7f7ff;padding:1.5rem;border-radius:10px}.lois-rse-page .rse-summary h2{font-size:1.3rem;margin-bottom:1rem;color:#333}.lois-rse-page .rse-summary ul{list-style:none;padding:0}.lois-rse-page .rse-summary ul li{margin:.5rem 0;font-size:1rem;color:#333}@media (max-width: 768px){.lois-rse-page{padding:1rem}.lois-rse-page h1{font-size:1.6rem}.lois-rse-page .intro{font-size:.9rem}.lois-rse-page .faq-container .faq-question{font-size:.95rem}.lois-rse-page .rse-summary h2{font-size:1.1rem}}@media (max-width: 480px){.lois-rse-page h1{font-size:1.4rem}.lois-rse-page .faq-container .faq-question{font-size:.85rem;padding:.8rem}.lois-rse-page .faq-container .faq-answer{font-size:.85rem}.lois-rse-page .rse-summary{padding:1rem}.lois-rse-page .rse-summary h2{font-size:1rem}.lois-rse-page .rse-summary ul li{font-size:.9rem}}.notifications-page{padding:40px;background-color:#f9f9f9;min-height:100vh}.notifications-page .title{font-size:24px;font-weight:700;margin-bottom:20px;color:#222}.notifications-page .card-notif{max-width:none;width:100%;box-shadow:none;border:1px solid #eee}.notifications-page .notification-list .notification-item{padding:12px 0;font-size:15px}.notifications-page .notification-list .notification-item .message{color:#444}.notifications-page .notification-list .notification-item .time{color:#777}.tab-content .floors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px}.tab-content .floor-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.tab-content .floor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tab-content .floor-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.tab-content .floor-header .btn-delete-small{font-size:12px;padding:4px 8px;border:none;border-radius:6px;background-color:#fef2f2;color:#b91c1c;cursor:pointer;transition:background .2s,color .2s}.tab-content .floor-header .btn-delete-small:disabled{opacity:.5;cursor:default}.tab-content .floor-header .btn-delete-small:hover:not(:disabled){background-color:#fee2e2}.tab-content .floor-stats{display:flex;gap:16px}.tab-content .floor-stats p{margin:0;font-size:14px;color:#4b5563}.tab-content .rooms-list{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.tab-content .floor-section .floor-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937}.tab-content .floor-section .rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tab-content .floor-section .no-items{margin:0 0 16px;font-size:14px;color:#666}.tab-content .room-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.tab-content .room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tab-content .room-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.tab-content .room-header .btn-delete-small{font-size:12px;padding:4px 8px;border:none;border-radius:6px;background-color:#fef2f2;color:#b91c1c;cursor:pointer;transition:background .2s,color .2s}.tab-content .room-header .btn-delete-small:disabled{opacity:.5;cursor:default}.tab-content .room-header .btn-delete-small:hover:not(:disabled){background-color:#fee2e2}.tab-content .room-stats{display:flex;gap:16px}.tab-content .room-stats p{margin:0;font-size:14px;color:#4b5563}.tab-content h2{margin-bottom:16px;font-size:20px;color:#333}.tab-content .sensors-stats{display:flex;gap:16px;margin-bottom:16px}.tab-content .sensors-stats .stat-card{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center;box-shadow:0 2px 4px #0000000d}.tab-content .sensors-stats .stat-card .stat-value{font-size:24px;font-weight:600;color:#1f2937}.tab-content .sensors-stats .stat-card .stat-label{font-size:14px;font-weight:500}.tab-content .filters{display:flex;gap:12px;margin-bottom:16px}.tab-content .filters input,.tab-content .filters select{flex:1;font-size:14px;padding:8px 12px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s}.tab-content .filters input:focus,.tab-content .filters select:focus{border-color:#4f46e5}.tab-content .stats{font-size:14px;color:#666;margin-bottom:16px}.tab-content .loading{text-align:center;padding:24px;color:#888}.tab-content .sensors-table{width:100%;border-collapse:collapse;margin-bottom:24px}.tab-content .sensors-table th,.tab-content .sensors-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}.tab-content .sensors-table th{background-color:#f7f7f7;font-weight:600}.tab-content .sensors-table tr:last-child td{border-bottom:none}.tab-content .sensors-table .sensor-address{font-weight:500}.tab-content .sensors-table .status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px}.tab-content .sensors-table .room-select{font-size:14px;padding:6px 10px;border:1px solid #ccc;border-radius:8px;transition:border-color .2s}.tab-content .sensors-table .room-select:focus{border-color:#4f46e5}.tab-content .sensors-table .loading-indicator{margin-left:6px;width:16px;height:16px;border:2px solid #ccc;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.tab-content .sensors-table .actions-cell{display:flex;gap:8px}.tab-content .sensors-table .actions-cell .btn-delete{font-size:14px;padding:6px 12px;background-color:#fef2f2;color:#b91c1c;border:none;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.tab-content .sensors-table .actions-cell .btn-delete:disabled{opacity:.5;cursor:default}.tab-content .sensors-table .actions-cell .btn-delete:hover:not(:disabled){background-color:#fee2e2}.tab-content .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.tab-content .pagination button{background-color:#fff;border:1px solid #ccc;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.tab-content .pagination button:hover:not(.disabled){background-color:#f3f4f6}.tab-content .pagination button.disabled{opacity:.5;cursor:default}.tab-content .pagination .page-info{font-size:14px;color:#444}.tab-content .create-section{margin-top:32px}.tab-content .create-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.tab-content .create-section .create-form{display:flex;flex-wrap:wrap;gap:12px}.tab-content .create-section .create-form .form-group{flex:1;min-width:240px;display:flex;flex-direction:column}.tab-content .create-section .create-form .form-group input,.tab-content .create-section .create-form .form-group select{font-size:14px;padding:8px 12px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s}.tab-content .create-section .create-form .form-group input:focus,.tab-content .create-section .create-form .form-group select:focus{border-color:#4f46e5}.tab-content .create-section .create-form .btn-create{background-color:#4f46e5;color:#fff;font-weight:600;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background .2s}.tab-content .create-section .create-form .btn-create:hover{background-color:#4338ca}.parametres-container{padding:24px;background-color:#fafafa;min-height:100vh}.parametres-container h1{margin-bottom:24px;font-size:24px;font-weight:600;color:#1f1f1f}.parametres-container .error,.parametres-container .success{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.parametres-container .error{background-color:#fef2f2;color:#b91c1c}.parametres-container .success{background-color:#ecfdf5;color:#047857}.parametres-container .tabs-navigation{display:flex;gap:16px;margin-bottom:24px}.parametres-container .tabs-navigation .tab-button{background:none;border:none;padding:8px 16px;font-size:16px;font-weight:500;color:#444;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.parametres-container .tabs-navigation .tab-button:hover{color:#4f46e5}.parametres-container .tabs-navigation .tab-button.active{color:#4f46e5;border-color:#4f46e5}.parametres-container .tab-content h2{margin-bottom:16px;font-size:20px;color:#333}.parametres-container .tab-content .filters{display:flex;gap:12px;margin-bottom:16px}.parametres-container .tab-content .filters input,.parametres-container .tab-content .filters select{flex:1;font-size:14px;padding:8px 12px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s}.parametres-container .tab-content .filters input:focus,.parametres-container .tab-content .filters select:focus{border-color:#4f46e5}.parametres-container .tab-content .stats{font-size:14px;color:#666;margin-bottom:16px}.parametres-container .tab-content .loading{text-align:center;padding:24px;color:#888}.parametres-container .tab-content .users-table{width:100%;border-collapse:collapse;margin-bottom:24px}.parametres-container .tab-content .users-table th,.parametres-container .tab-content .users-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}.parametres-container .tab-content .users-table th{background-color:#f7f7f7;font-weight:600}.parametres-container .tab-content .users-table tr:last-child td{border-bottom:none}.parametres-container .tab-content .users-table .actions-cell{display:flex;gap:8px}.parametres-container .tab-content .users-table .btn-reset,.parametres-container .tab-content .users-table .btn-delete{font-size:14px;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;transition:background .2s,color .2s}.parametres-container .tab-content .users-table .btn-reset:disabled,.parametres-container .tab-content .users-table .btn-delete:disabled{opacity:.6;cursor:default}.parametres-container .tab-content .users-table .btn-reset{background-color:#f3f4f6;color:#1f2937}.parametres-container .tab-content .users-table .btn-reset:hover:not(:disabled){background-color:#e5e7eb}.parametres-container .tab-content .users-table .btn-delete{background-color:#fef2f2;color:#b91c1c}.parametres-container .tab-content .users-table .btn-delete:hover:not(:disabled){background-color:#fee2e2}.parametres-container .tab-content .users-table .role-select{font-size:14px;padding:6px 10px;border:1px solid #ccc;border-radius:8px;transition:border-color .2s}.parametres-container .tab-content .users-table .role-select:focus{border-color:#4f46e5}.parametres-container .tab-content .users-table .role-select.role-admin{color:#dc2626}.parametres-container .tab-content .users-table .role-select.role-user{color:#2563eb}.parametres-container .tab-content .users-table .loading-indicator{margin-left:6px;width:16px;height:16px;border:2px solid #ccc;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.parametres-container .tab-content .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.parametres-container .tab-content .pagination button{background:#fff;border:1px solid #ccc;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.parametres-container .tab-content .pagination button:hover:not(.disabled){background-color:#f3f4f6}.parametres-container .tab-content .pagination button.disabled{opacity:.5;cursor:default}.parametres-container .tab-content .pagination .page-info{font-size:14px;color:#444}.parametres-container .tab-content .create-user-section{margin-top:32px}.parametres-container .tab-content .create-user-section h3{margin-bottom:16px;font-size:18px;color:#333}.parametres-container .tab-content .create-user-section .create-user-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.parametres-container .tab-content .create-user-section .create-user-form .form-group{display:flex;flex-direction:column}.parametres-container .tab-content .create-user-section .create-user-form input,.parametres-container .tab-content .create-user-section .create-user-form select{font-size:14px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s}.parametres-container .tab-content .create-user-section .create-user-form input:focus,.parametres-container .tab-content .create-user-section .create-user-form select:focus{border-color:#4f46e5}.parametres-container .tab-content .create-user-section .create-user-form .btn-create{background-color:#4f46e5;color:#fff;font-weight:600;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background .2s}.parametres-container .tab-content .create-user-section .create-user-form .btn-create:hover{background-color:#4338ca}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.parametres-container{padding:16px}.parametres-container h1{font-size:20px}.tabs-navigation{flex-wrap:wrap;gap:8px}.tabs-navigation .tab-button{flex:1;text-align:center;padding:6px 8px}.filters{flex-direction:column;gap:8px}.filters input,.filters select{width:100%}.users-table{display:block;width:100%;overflow-x:auto}.users-table th,.users-table td{padding:10px;white-space:nowrap}.pagination{flex-direction:column;gap:6px}.pagination button{padding:6px 10px;font-size:13px}.pagination .page-info{font-size:13px}.create-user-section .create-user-form{grid-template-columns:1fr}.create-user-section .btn-create{width:100%;text-align:center}}@media (max-width: 480px){.parametres-container{padding:12px}.parametres-container h1{font-size:18px}.tabs-navigation .tab-button{font-size:14px;padding:6px}.filters input,.filters select{font-size:13px;padding:8px 10px}.users-table th,.users-table td{font-size:13px;padding:8px}.pagination button{font-size:12px;padding:5px 8px}.pagination .page-info{font-size:12px}.create-user-section h3{font-size:16px}.create-user-section input,.create-user-section select{font-size:13px;padding:8px 10px}}