*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f8f9fa;color:#333}.container{width:90%;max-width:1200px;margin:30px auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ddd;padding-bottom:10px;margin-bottom:20px}.logo{font-size:22px;font-weight:700;color:#007bff}.user-info{display:flex;align-items:center;gap:18px}.user-details{text-align:right}.username{font-weight:700;display:block}.created-date{font-size:14px;color:#666}.notification-wrapper{position:relative}.notification-icon{font-size:24px;color:#333;cursor:pointer;transition:transform .2s ease,color .2s ease}.notification-icon:hover{color:#007bff;transform:scale(1.1)}.notification-badge{position:absolute;top:-5px;right:-6px;background-color:red;color:#fff;font-size:12px;font-weight:700;border-radius:50%;padding:2px 5px;line-height:1}.overview{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.action-heading{display:flex;justify-content:center;align-items:center}.v-r-btn{display:flex;justify-content:space-between}.card{flex:1;padding:20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 3px 6px #0000001a;transition:.3s ease}.action-home-page{display:flex;justify-content:center}.btn-shape-view-home{background-color:#28a745;border:none;color:#fff;padding:6px 12px;border-radius:5px;cursor:pointer}.btn-shape-view-home:hover{background-color:#218838}.btn-shape-report-home{background-color:#28a745;border:none;color:#fff;padding:6px 12px;border-radius:5px;cursor:pointer;display:flex;gap:5px}.btn-shape-report-home:hover{background-color:#218838}.card:hover{transform:translateY(-5px)}.card h2{margin:0;font-size:26px;color:#007bff}.card p{font-size:14px;color:#555;margin-top:5px}.highlight{color:#fff}.highlight h2{margin:0;font-size:26px;color:#007bff}.table-container{overflow-x:auto;border-radius:8px;box-shadow:0 3px 6px #0000001a}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th{padding:12px;text-align:center;border-bottom:1px solid #ddd}.home-page-table{padding:12px;text-align:center}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.status-dot.on{background-color:green}.status-dot.off{background-color:red}th{background:#007bff;color:#fff;font-weight:700}.explore-btn{background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s}.explore-btn:hover{background:#218838}.branch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.devices-heading-home{font-size:20px;font-weight:bolder;color:#007bff}.report-download-btn{display:flex;align-items:center;gap:8px;background-color:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:15px;cursor:pointer;font-weight:500;transition:background-color .2s ease,transform .2s ease}.report-download-btn:hover{background-color:#0056b3;transform:scale(1.05)}.download-icon{font-size:18px}.toggle-buttons{display:flex;gap:12px}.radio-button{position:relative;display:flex;align-items:center;cursor:pointer}.radio-button input[type=radio]{display:none}.custom-radio{padding:6px 14px;border-radius:20px;border:1px solid #007bff;background-color:#fff;color:#007bff;transition:all .3s ease;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-button input[type=radio]:checked+.custom-radio.turn-on{background-color:#28a745;color:#fff;box-shadow:0 0 0 2px #28a74533}.radio-button input[type=radio]:checked+.custom-radio.turn-off{background-color:#dc3545;color:#fff;box-shadow:0 0 0 2px #dc354533}.custom-radio{background-color:#fff;color:#007bff;border:1px solid #007bff}.radio-button input[type=radio]:not(:checked)+.custom-radio.turn-on{background-color:#fff;color:#007bff}.radio-button input[type=radio]:not(:checked)+.custom-radio.turn-off{background-color:#fff;color:#007bff}.schedule-btn{border:1px solid #ff6207;color:#ff6207;background-color:#fff;padding:6px 14px;border-radius:20px;transition:all .3s ease;font-weight:500;cursor:pointer}.schedule-btn:hover{background-color:#ffc107;color:#fff;box-shadow:0 0 0 2px #ffc10733}.modal-content input[type=time]{padding:6px 12px;border-radius:6px;border:1px solid #ccc;width:100%;font-size:1rem}.custom-radio.active{background-color:#28a745;color:#fff;box-shadow:0 0 0 2px #28a74533}.radio-button input[type=radio]:checked+.custom-radio{background-color:#007bff;color:#fff;box-shadow:0 0 0 2px #007bff33}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 6px 20px #00000026;text-align:center;max-width:400px;width:90%;animation:fadeInScale .3s ease}.modal-content h3{margin-bottom:12px;font-size:1.5rem;color:#333}.modal-content p{font-size:1rem;color:#666;margin-bottom:20px}.modal-actions{display:flex;justify-content:center;gap:16px}.btn-confirm,.btn-cancel{padding:10px 20px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:.3s ease}.btn-confirm{background-color:#28a745;color:#fff}.btn-confirm:hover{background-color:#218838}.btn-cancel{background-color:#dc3545;color:#fff}.btn-cancel:hover{background-color:#c82333}@keyframes fadeInScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:14px}.pagination button{padding:6px 14px;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s ease-in-out}.pagination button:hover{background-color:#0056b3}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-weight:500;color:#333}@media (max-width: 768px){.overview{flex-wrap:wrap}.card{flex:1 1 48%}.header{flex-direction:column;text-align:center}}@media (max-width: 480px){.overview{flex-direction:column}.card{width:100%}table{font-size:14px}}.group-page{padding:20px;max-width:900px;margin:auto;font-family:Arial,sans-serif}.group-page h2{font-size:24px;margin-bottom:15px;text-align:center;color:#333}.add-group-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s;margin-bottom:20px}.add-group-btn:hover{background:#0056b3}.group-list{display:flex;flex-direction:column;gap:15px}.group-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.group-header h3{margin:0;font-size:18px;color:#222}.device-count{font-size:13px;color:#666}.group-actions{display:flex;gap:8px;flex-wrap:wrap}.group-actions button{padding:6px 12px;border:none;border-radius:5px;font-size:13px;cursor:pointer;transition:background .2s}.group-actions button:nth-child(1){background:#ffc107;color:#fff}.group-actions button:nth-child(1):hover{background:#e0a800}.group-actions button:nth-child(2){background:#28a745;color:#fff}.group-actions button:nth-child(2):hover{background:#1e7e34}.group-actions button:nth-child(3){background:#17a2b8;color:#fff}.group-actions button:nth-child(3):hover{background:#117a8b}.group-actions button:nth-child(4){background:#dc3545;color:#fff}.group-actions button:nth-child(4):hover{background:#b02a37}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:20px;border-radius:10px;max-width:400px;width:100%;box-shadow:0 4px 12px #0003}.modal h3{margin-bottom:15px;color:#333}.modal input{width:100%;padding:10px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px}.modal-actions button:first-child{background:#007bff;color:#fff}.modal-actions button:first-child:hover{background:#0056b3}.modal-actions button:last-child{background:#ccc}.modal-actions button:last-child:hover{background:#aaa}.device-list{max-height:300px;overflow-y:auto;margin-bottom:15px;padding-right:5px}.device-item{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #eee}.device-item label{font-size:14px;color:#333}.add-devices-btn{background:#28a745;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;width:100%;font-size:14px;transition:background .2s}.add-devices-btn:hover{background:#1e7e34}.device-count{font-size:14px;color:#555;margin-top:4px}.device-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #ddd;border-radius:6px;margin-bottom:6px;background:#f9f9f9;cursor:pointer}.modal .check-box-ki-setting{width:5%;margin:0}.select-all-btn{display:inline-block;margin-bottom:12px;padding:8px 14px;background-color:#3085d6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease}.select-all-btn:hover{background-color:#1f6fc1}.select-all-btn:active{background-color:#155a9b}.device-item input[type=checkbox]{transform:scale(1.2);cursor:pointer}.device-item:hover{background:#f1f1f1}@media (max-width: 600px){.group-header{flex-direction:column;align-items:flex-start}.group-actions{justify-content:flex-start}}.user-info-container{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Poppins,sans-serif;transition:background .3s ease;position:relative}.user-info-container.dark{background:linear-gradient(135deg,#1f1f1f,#121212)}.user-info-card{background:#fff;width:380px;padding:25px;border-radius:15px;box-shadow:0 8px 20px #0003;text-align:center;animation:fadeIn .8s ease-in-out;transition:background .3s ease,color .3s ease}.user-info-container.dark .user-info-card{background:#2a2a2a;color:#f5f5f5}.user-info-card h2{margin-bottom:20px;font-size:24px}.user-detail{display:flex;align-items:center;gap:10px;background:#f9f9f9;padding:12px;border-radius:8px;margin-bottom:12px;font-size:16px;color:#555;transition:all .3s ease}.user-info-container.dark .user-detail{background:#3b3b3b;color:#ddd}.user-detail:hover{transform:scale(1.02)}.user-detail .icon{color:#6c63ff;font-size:18px}.logout-btn{margin-top:20px;width:100%;padding:12px;background:#ff4b5c;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:background .3s ease}.logout-btn:hover{background:#e63c4f}.theme-toggle{position:absolute;top:20px;right:20px;background:#fff;padding:10px;border-radius:50%;cursor:pointer;font-size:20px;box-shadow:0 4px 10px #0003;transition:background .3s ease,color .3s ease}.user-info-container.dark .theme-toggle{background:#333;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-section{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-label{display:flex;align-items:center;gap:10px;background:#6c63ff;color:#fff;padding:10px 18px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease}.upload-label:hover{background:#5751d8}.upload-btn{background:#4caf50;color:#fff;padding:10px 18px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease}.upload-btn:hover{background:#3e9142}.file-name{font-size:14px;color:#666}.user-info-container.dark .upload-label{background:#333;color:#fff}.user-info-container.dark .upload-btn{background:#2e7d32}.container{width:90%;max-width:800px;margin:30px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 3px 6px #0000001a}h2{text-align:center;color:#333;margin-bottom:20px}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:center;border-bottom:1px solid #ddd}th{background:#007bff;color:#fff}tr:nth-child(2n){background:#f9f9f9}tr:hover{background:#eef5ff}.print-btn{background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .3s}.print-btn:hover{background:#218838}.device-container{padding:2rem;background:#fff;border-radius:10px;max-width:800px;margin:2rem auto;box-shadow:0 4px 8px #0000001a}.time-wali-field{border:1px solid black;border-radius:5px}.device-title{font-size:24px;font-weight:700;margin-bottom:1rem}.btn-shape{box-shadow:0 3px 6px #0000001a}.mode-buttons{margin:1rem 0}.details-table{width:100%;margin-top:1rem;border-collapse:collapse}.details-table th,.details-table td{padding:12px;border:1px solid #ccc;text-align:center}.auto-section,.manual-section{margin-top:1rem}.save-btn{margin-top:1.5rem;background-color:#28a745;color:#fff;padding:10px 16px;border:none;border-radius:5px;cursor:pointer}.lable-div{display:flex}.lable-radio-1{margin-left:1rem;display:flex;gap:10px}.lable-radio{display:flex;gap:10px}.heading-on,.heading-off{font-weight:bolder}.loading{text-align:center;padding:2rem}.branch-container{padding:20px;font-family:Segoe UI,sans-serif}.branch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mode-btn{padding:10px 20px;background:#e0e0e0;color:#000;border:none;border-radius:5px;margin-right:10px;cursor:pointer}.mode-btn.active{background:#007bff;color:#fff}.export-btn{background-color:#007bff;border:none;padding:8px 16px;color:#fff;border-radius:6px;cursor:pointer}.export-btn:hover{background-color:#0056b3}.branch-table{width:100%;border-collapse:collapse;background-color:#f9fbfd;border-radius:8px;overflow:hidden;box-shadow:5px 5px 15px #0000004d}.devices-heading{font-size:20px;font-weight:bolder;color:#007bff}.devices-table{background-color:#0056b3}.download-section{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:20px}.range-select{padding:8px 12px;border:1px solid #4a90e2;border-radius:6px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease}.range-select:hover{border-color:#357abd;box-shadow:0 0 5px #4a90e280}.range-select:focus{outline:none;border-color:#1d5bbf;box-shadow:0 0 6px #1d5bbf80}.download-section .save-btn-download{padding:8px 14px;border:1px solid #4a90e2;border-radius:6px;background-color:#4a90e2;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.download-section .save-btn-download:hover{background-color:#357abd;border-color:#357abd}.download-section .save-btn-download:active{background-color:#1d5bbf;border-color:#1d5bbf}@media (max-width: 768px){.branch-header{flex-direction:column;align-items:flex-start;gap:10px}.branch-table th,.branch-table td{font-size:14px}}.setting-group-page{padding:20px}.mode-buttons{display:flex;gap:10px;margin-bottom:20px}.auto-btn,.manual-btn{padding:10px 16px;font-size:16px;border:none;border-radius:6px;cursor:pointer}.auto-btn{background-color:#28a745;color:#fff}.manual-btn{background-color:#007bff;color:#fff}.device-table{width:100%;border-collapse:collapse}.mode-buttons{display:flex;gap:12px;margin-bottom:20px}.auto-btn,.manual-btn{padding:10px 16px;font-size:16px;border:none;border-radius:6px;cursor:pointer;color:#fff}.auto-btn{background:#28a745}.manual-btn{background:#007bff}.auto-btn.active,.manual-btn.active{opacity:.8}.schedule-section{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:8px}.schedule-table{width:100%;border-collapse:collapse;margin-bottom:10px}.schedule-table th,.schedule-table td{border:1px solid #ddd;padding:10px;text-align:center}.schedule-actions{display:flex;justify-content:flex-end}.schedule-actions button{background-color:#28a745;color:#fff;border:none;padding:8px 14px;font-size:14px;cursor:pointer;border-radius:6px}.device-table{width:100%;border-collapse:collapse;margin-top:20px}.device-table th,.device-table td{border:1px solid #ddd;padding:10px;text-align:center}.manual-section{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:12px;background:#f9f9f9;box-shadow:0 2px 6px #00000014;text-align:center;animation:fadeIn .3s ease-in-out}.manual-section h3{font-size:18px;margin-bottom:15px;color:#333;font-weight:600}.manual-options{display:flex;justify-content:center;gap:25px;margin-top:10px}.manual-options label{font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #ccc;border-radius:8px;background:#fff;transition:.3s}.manual-options label:hover{background:#e8f0ff;border-color:#4a90e2}.manual-options input[type=radio]{accent-color:#4a90e2;transform:scale(1.2)}.manual-section p{margin-top:15px;font-size:14px;color:#666;font-style:italic}.spinner{width:18px;height:18px;border:3px solid #ccc;border-top:3px solid #4a90e2;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;margin-left:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}.login-wrapper{display:flex;height:100vh;width:100%;font-family:Arial,sans-serif}.login-left{flex:1}.login-left img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-right{width:35%;display:flex;justify-content:center;align-items:center;background-color:#fff}.password-field{position:relative;width:100%}.password-field input{width:100%;padding:10px 40px 10px 10px;box-sizing:border-box;border:.5px solid rgb(182,182,182);border-radius:5px}.password-toggle-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer;font-size:18px;color:#666;z-index:2}.forgot-line{text-decoration:underline}.forgot-line:hover{color:#299c99;cursor:pointer}.form-box{width:80%;max-width:350px;display:flex;flex-direction:column;gap:15px}.logo{font-size:24px;font-weight:700;color:#000}.logo span{display:block;font-size:14px;color:#444;margin-top:-5px}h2{font-size:18px;margin-bottom:10px}input[type=email],input[type=password]{padding:10px;border:1px solid #ccc;border-radius:5px}.forgot-password{display:flex;align-items:center;font-size:14px}.forgot-password label{margin-left:5px}.login-button{padding:10px;background-color:#299c99;color:#fff;border:none;border-radius:5px;cursor:pointer}.admin-button{position:absolute;bottom:20px;right:20px;padding:10px 20px;background-color:#299c99;color:#fff;border:none;border-radius:5px;cursor:pointer}.admin-button:hover{background-color:#227b77}.error{color:red;font-size:14px}.forgot-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{background:#fff;padding:2rem;border-radius:15px;width:90%;max-width:400px;text-align:center;position:relative;box-shadow:0 10px 25px #0003;animation:slideUp .3s ease-in-out}.modal-content h3{margin-bottom:1.2rem;font-size:1.5rem;color:#333;font-weight:600}.modal-content input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:8px;outline:none;font-size:.95rem;transition:border .2s}.modal-content input:focus{border:1px solid #007bff;box-shadow:0 0 6px #007bff4d}.modal-content button{width:100%;background:linear-gradient(135deg,#007bff,#00c6ff);color:#fff;border:none;padding:12px;margin-top:10px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}.modal-content button:hover{background:linear-gradient(135deg,#0056b3,#09c);transform:scale(1.02)}.modal-content p{margin-top:12px;font-size:.9rem;color:#555}.modal-content button:last-child{background:#f44336;margin-top:15px}.modal-content button:last-child:hover{background:#c62828}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar{background-color:#242a2b;transition:width .3s ease-in-out;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:100}.sidebar.open{width:13rem}.sidebar.closed{width:3rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem .75rem}.logo-img{width:85%;height:auto;margin-right:5px}.logo-text{color:#fff;font-size:1.5rem}.logo-image{width:150px;height:auto;-o-object-fit:contain;object-fit:contain}.sidebar-toggle{font-size:1.875rem;color:#6b7280;cursor:pointer}.menu-container{display:flex;flex-direction:column;gap:1.5rem;padding:0 .75rem}.menu-item{display:flex;align-items:center;padding:.75rem;cursor:pointer;transition:all .3s;color:#e5e7eb;border-radius:.375rem}.menu-item:hover{background-color:#1e40af;color:#fff}.menu-item.active{background-color:#1e3a8a;color:#fff}.icon{font-size:1.5rem;min-width:1.5rem}.menu-text{margin-left:.75rem;font-size:1rem;white-space:nowrap}.logout{margin-top:2rem;color:#ef4444}.logout:hover{background-color:#7f1d1d;color:#fff}.layout-container{display:flex}.main-content{margin-left:13rem;width:calc(100% - 13rem);transition:all .3s ease-in-out;min-height:100vh;overflow-y:auto}.main-content.closed{margin-left:3rem;width:calc(100% - 3rem)}.admin-login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#3e9bff;font-family:Poppins,sans-serif}.admin-card{background:#fff;padding:3rem 3.5rem;border-radius:20px;box-shadow:10px 15px 25px 2px #00000026;width:400px;text-align:center}h2{margin-bottom:.3rem;font-size:1.8rem;color:#222}.subtitle{color:#777;margin-bottom:1.5rem;font-size:.95rem}.form-group{margin-bottom:1.3rem;position:relative}input{width:100%;padding:.9rem 1rem;border:1px solid #ccc;border-radius:10px;font-size:1rem;transition:all .2s ease;background-color:#fafafa}input:focus{outline:none;border-color:#299c99;background-color:#fff;box-shadow:0 0 0 3px #299c991a}.password-toggle-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;font-size:1.1rem}.admin-login-button,.back-button{width:100%;padding:.9rem;border:none;background:#007bff;color:#fff;border-radius:10px;font-size:1rem;cursor:pointer;transition:background .3s ease;margin-top:.6rem}.admin-login-button:hover,.back-button:hover{background:#0056b3}.error{color:red;font-size:.9rem;margin-bottom:.8rem}.admin-users-container{background-color:#f8f9fb;min-height:100vh;padding:30px;font-family:Poppins,sans-serif}.admin-topbar{display:flex;justify-content:space-between;align-items:center;background:#007bff;color:#fff;padding:15px 25px;border-radius:12px;box-shadow:0 3px 12px #0000001a;margin-bottom:25px}.admin-left-info{display:flex;align-items:center;gap:20px}.admin-info-item{display:flex;align-items:center;gap:8px;font-weight:500;font-size:17px}.admin-icon{color:#fff;opacity:.9}.admin-right-action{display:flex;align-items:center}.logout-btn{display:flex;align-items:center;gap:6px;background:#f1f4f9;color:#333;border:1px solid #d0d7e2;padding:6px 12px;border-radius:6px;font-size:17px;font-weight:500;cursor:pointer;transition:all .25s ease;margin:0}.logout-btn:hover{background:#007bff;border-color:#fff;color:#fff;transform:translateY(-1px)}.logout-btn svg{color:#007bff}.logout-btn:hover svg{color:#fff}.users-table-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 15px #0000000d}.section-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px;background-color:#007bff;padding:15px;border-radius:10px;width:13%;display:flex;justify-content:center;align-items:center;height:5vh}.users-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:10px;overflow:hidden}.table-header{background-color:#007bff;color:#fff;padding:12px;font-weight:600;font-size:17px}.table-row,.table-row.table-row{background-color:#d0d7e2}.table-cell{padding:12px;border-bottom:1px solid #e0e0e0;color:#444;font-size:16px}.table-cell.center{text-align:center}.view-btn{display:inline-flex;align-items:center;gap:6px;background:#28a745;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease}.view-btn:hover{background:#218838;transform:translateY(-1px)}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.page-btn{display:flex;align-items:center;gap:5px;background:#007bff;border:none;color:#fff;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.page-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{font-size:14px;color:#333}.no-users{text-align:center;color:#666;padding:20px 0;font-style:italic}.admin-users-devices-container{background-color:#f8f9fb;min-height:100vh;padding:25px;font-family:Poppins,sans-serif}.admin-users-devices-header{display:flex;justify-content:space-between;align-items:center;background:#007bff;color:#fff;border-radius:10px;padding:15px 20px;margin-bottom:25px;box-shadow:0 2px 10px #0000001a}.admin-users-devices-title{font-size:17px;font-weight:600;margin:0;color:#fff}.user-name-admin{font-size:19px;font-weight:700}.admin-users-back-btn{text-decoration:none;background:#f1f4f9;color:#007bff;border:1px solid #d0d7e2;padding:8px 14px;border-radius:6px;font-size:15px;transition:all .25s ease}.admin-users-back-btn:hover{background:#007bff;color:#fff;border-color:#fff}.admin-users-devices-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px}.admin-users-devices-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:8px;overflow:hidden}.admin-users-devices-tr{background-color:#fff;border:1px solid #d0d7e2}.admin-users-devices-th{background-color:#007bff;color:#fff;padding:12px;font-weight:600;border-bottom:2px solid #e0e0e0;font-size:17px}.admin-users-devices-row{background-color:#d0d7e2}.admin-users-devices-row:hover{background-color:#e8f5f4;transition:background-color .3s ease}.admin-users-devices-td{padding:12px;border-bottom:1px solid #e0e0e0;background-color:#d0d7e2;color:#444;font-size:16px}.admin-users-devices-td:hover{background-color:#d0d7e2}.admin-users-loading,.admin-users-no-data{text-align:center;color:#555;font-size:15px;margin-top:30px;font-style:italic}.admin-users-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:25px}.admin-users-page-btn{background-color:#299c99;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .25s ease}.admin-users-page-info{font-size:15px;color:#333;font-weight:500;white-space:nowrap}.admin-users-page-btn:hover{background-color:#227b77}.admin-users-page-btn:disabled{background-color:#ccc;cursor:not-allowed}.admin-users-page-info{font-size:15px;color:#333;font-weight:500}.download-report-btn{background-color:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.download-report-btn:hover{background-color:#218838}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.active{--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.visible{visibility:visible}.collapse{visibility:collapse}.ml-0{margin-left:0}.ml-12{margin-left:3rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.hidden{display:none}.h-screen{height:100vh}.w-14{width:3.5rem}.w-52{width:13rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.border{border-width:1px}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.p-0{padding:0}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-blue-950{--tw-text-opacity: 1;color:rgb(23 37 84 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-blue-950:hover{--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity))}.hover\:text-cyan-950:hover{--tw-text-opacity: 1;color:rgb(8 51 68 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}