@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins :wght@300;400;500;600;700&display=swap);body{font-family:Arial,sans-serif}.tenant-details-box-header{align-items:center;display:flex;justify-content:space-between}.user-info-container{align-items:center;display:flex;gap:10px}.user-name{font-size:16px;font-weight:500}.user-circle{align-items:center;background-color:#fa0000;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;text-transform:uppercase;width:36px}.cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}@media (max-width:1024px){body{padding:1.5rem}.locations-grid{gap:1.5rem}.location-details,.room-details{padding:1.5rem}.add-device-section,.add-infra-section,.add-room-section{flex-direction:column}.add-device-section input,.add-infra-section input,.add-room-section input{min-width:100%}}@media (max-width:768px){body{padding:1rem}.locations-grid{gap:1rem;grid-template-columns:1fr}.location-card h3{font-size:1.25rem;padding:1.25rem 1rem}.location-details,.room-details,.room-header{padding:1rem}.device-item{align-items:flex-start;flex-direction:column;gap:.75rem}.device-item span{margin-left:1.5rem}.modal-content{padding:1.5rem;width:95%}.create-section{flex-direction:column;padding:1rem}}@media (max-width:480px){body{padding:.5rem}.location-card h3{font-size:1.125rem;padding:1rem .75rem}.add-device-section,.add-infra-section,.add-room-section,.location-details,.room-details,.room-header{padding:.75rem}.modal-content{padding:1rem}.create-section{padding:.75rem}}.global-admin-container-bg{background-color:#f9f9f9;padding:20px}.global-main{padding:20px}.global-app-branding{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 20px}.global-branding-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.global-app-logo{margin-left:50px;object-fit:contain;width:250px}.global-app-title{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:5px;margin:0 0 0 50px}.global-tick-icon{color:#45a049;font-size:1.8rem}.global-user-info{align-items:center;display:flex;gap:1rem}.global-sign-out-button:hover{background-color:#c82333}.global-admin-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:35px auto;max-width:100%;padding:20px}.global-admin-title{color:#333;margin-bottom:20px;text-align:center}.global-admin-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.global-action-box{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px;transition:transform .2s,box-shadow .2s}.global-action-box:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-5px)}.global-action-icon{color:#fa0000;font-size:2.5rem;margin-bottom:10px}.global-action-box span{color:#333;font-size:1.2rem;text-align:center}.room-status-summary{display:flex;gap:1rem;margin-bottom:2rem}.status-box{border-radius:8px;padding:1rem;text-align:center;transition:background-color .3s ease}.room-status-summary span{color:#333;font-size:1.5rem;font-weight:700}.status-box.working{background-color:#e8f5e9}.status-box.warning{background-color:#f5edd6}.status-box.not-working{background-color:#ffebee}.status-box.working span{color:#4caf50}.status-box.warning span{color:#ffc107}.status-box.not-working span{color:#f44336}.status-box span{color:#fff;display:block}.status-box .count{font-size:1.5rem}.room-list{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;padding:.5rem;position:absolute;top:100%;z-index:10}.room-item{border-bottom:1px solid #eee;color:#333;padding:.5rem}.room-item:last-child{border-bottom:none}.tenant-details-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.tenant-details-box h2{border-bottom:1px solid #ddd;color:#333;font-size:1.3rem;margin-bottom:15px;padding-bottom:5px}.tenant-details-box p{color:#555;font-size:1.1rem;margin:8px 0}.tenant-details-box strong{color:#111}.locations-grid{grid-gap:2rem;display:grid;gap:2rem;margin:2rem 0}.location-card:hover{transform:translateY(-8px)}.location-card h3{align-items:center;border-radius:0;color:#000;color:var(--text-color);cursor:pointer;display:flex;font-size:1.375rem;font-weight:600;gap:.75rem;margin:0;padding:1.5rem 2rem;transition:all .3s ease;width:90%}.location-card h3:before{content:"📍";font-size:1.125rem}.location-details{margin-top:0}.room-section{border:1px solid #f3f4f6;border:1px solid var(--border-light)}.room-header{border-radius:0;margin:0}.room-header h4:before{content:"🏠"}.toggle-icon{color:#4b5563;color:var(--text-muted);font-size:1.25rem;transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.room-details{border-left:none;margin-left:0}.devices-list{background:linear-gradient(135deg,#f1eaeae6,#b17979f2 30%,#f3f4f5e6 70%,#f5f5f5d9);border:1px solid #00000014;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffffe6;margin:1rem 0;padding:1.5rem;position:relative;&:before{background:radial-gradient(circle at 25% 25%,#00000005 0,#0000 50%),radial-gradient(circle at 75% 75%,rgba(0,0,0,.015) 0,#0000 50%),linear-gradient(45deg,#0000 49%,rgba(0,0,0,.005) 50%,#0000 51%);border-radius:16px;border-radius:var(--radius-lg);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}}.devices-list .device-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:1px solid #0000000d;border-radius:6px;border-radius:var(--radius-sm);margin:.5rem 0;padding:.75rem 1rem;transition:all .2s ease}.devices-list .device-item:hover{background:#fffffff2;border-color:#0000001a;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.devices-list.contrast{background:linear-gradient(135deg,#00000005,#fffffffa 30%,#f5f5f5f2 70%,#00000008);border:1px solid #0000001f}.devices-list.minimal{background:linear-gradient(180deg,#fffffff2,#f8fafce6);border:1px solid #0000000f;box-shadow:0 1px 3px 0 #0000000d,inset 0 1px 0 #fff}.add-device-section,.add-infra-section,.add-room-section{background:#f5f5f5;background:var(--bg-tertiary);border:2px dashed #d1d5db;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;padding:1.25rem;transition:all .3s ease}.add-device-section:hover,.add-infra-section:hover,.add-room-section:hover{background:#6366f10d;border-color:#ef4444;border-color:var(--primary-color)}.add-device-section input,.add-infra-section input,.add-room-section input{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);flex:1 1;font-family:inherit;font-size:.875rem;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.add-device-section input:focus,.add-infra-section input:focus,.add-room-section input:focus{border-color:#ef4444;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.device-item{animation:fadeInUp .3s ease-out}.device-item:before{content:"💻"}.card-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 0;position:relative}.card-controls{display:flex;gap:.5rem;position:absolute;right:3.2rem;z-index:10}.card-controls button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all .3s ease}input[type=text]{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease}input[type=text]:focus{border-color:#ef4444;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.icon-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;padding:.5rem;transition:all .3s ease;width:2.5rem}.edit-button{color:#000;color:var(--secondary-color)}.edit-button:hover{background-color:#10b9811a;transform:scale(1.1)}.delete-button{color:#b91c1c;color:var(--danger-color)}.delete-button:hover{background-color:#ef44441a;transform:scale(1.1)}.add-button{align-items:center;background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.add-button:hover{background:linear-gradient(135deg,#f87171,#7c3aed);background:linear-gradient(135deg,var(--primary-light),#7c3aed);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.room-title{align-items:center;display:flex;flex-grow:1;gap:.75rem}.device-controls,.room-controls{display:flex;gap:.5rem}.modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);max-width:500px;padding:2rem;position:relative;width:90%}.modal h2{color:#000;color:var(--text-color);font-weight:600;margin-bottom:1.5rem;margin-top:0}.modal input[type=text]{border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;margin:.75rem 0;padding:.875rem;width:100%}.modal-actions{gap:1rem;margin-top:2rem}.modal-actions button{border:none;border-radius:12px;border-radius:var(--radius-md);font-family:inherit;padding:.75rem 1.5rem;transition:all .3s ease}.modal-actions button:first-child{background:linear-gradient(135deg,#000,#059669);background:linear-gradient(135deg,var(--secondary-color),#059669);color:#fff}.modal-actions button:first-child:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.modal-actions button:last-child{background:linear-gradient(135deg,#b91c1c,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff}.modal-actions button:last-child:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.close{align-items:center;background:none;border:none;border-radius:50%;color:#4b5563;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2rem}.close:hover{background:#f5f5f5;background:var(--bg-tertiary);color:#000;color:var(--text-color)}.location-item{align-items:center;animation:fadeInUp .3s ease-out;background:#fffffff2;border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.location-item:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.location-name{color:#000;color:var(--text-color);flex-grow:1;font-size:1.125rem;font-weight:500}.item-controls{display:flex;gap:.75rem}.create-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1rem;margin:2rem 0;padding:1.5rem}.create-section input{border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);flex-grow:1;font-family:inherit;padding:.875rem}.confirm-dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);margin:1rem;max-width:400px;padding:2rem;text-align:center}.confirm-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.cancel-button,.confirm-button{border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.confirm-button{background:linear-gradient(135deg,#b91c1c,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff}.confirm-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){body{padding:1.5rem}.locations-grid{gap:1.5rem}.location-details,.room-details{padding:1.5rem}.add-device-section,.add-infra-section,.add-room-section{flex-direction:column}.add-device-section input,.add-infra-section input,.add-room-section input{min-width:100%}.global-admin-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body{padding:1rem}.locations-grid{gap:1rem;grid-template-columns:1fr}.location-card h3{font-size:1.25rem;padding:1.25rem 1rem}.location-details,.room-details,.room-header{padding:1rem}.device-item{align-items:flex-start;flex-direction:column;gap:.75rem}.device-item span{margin-left:1.5rem}.modal-content{padding:1.5rem;width:95%}.create-section{flex-direction:column;padding:1rem}.global-admin-actions{grid-template-columns:1fr}.global-app-branding{flex-direction:column;gap:1rem}.global-branding-content{align-items:center}.global-app-logo,.global-app-title{margin-left:0}.room-status-summary{flex-direction:column;gap:.5rem}}@media (max-width:480px){body{padding:.5rem}.location-card h3{font-size:1.125rem;padding:1rem .75rem}.add-device-section,.add-infra-section,.add-room-section,.location-details,.room-details,.room-header{padding:.75rem}.modal-content{padding:1rem}.create-section{padding:.75rem}.global-admin-container{margin:20px auto;padding:15px}.global-action-box{padding:15px}.global-action-icon{font-size:2rem}}button:focus,input:focus{outline:2px solid #ef4444;outline:2px solid var(--primary-color);outline-offset:2px}.global-admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.global-admin-title{flex:1 1;margin:0;min-width:250px}.notifications-container{display:inline-block}.notification-bell{align-items:center;background:#007bff;box-shadow:0 2px 10px #007bff4d;display:flex;font-size:18px;height:45px;justify-content:center;width:45px}.notification-bell:hover{background:#0056b3;box-shadow:0 4px 15px #007bff66;transform:scale(1.1)}.notification-bell:disabled{cursor:not-allowed;opacity:.6}.notifications-dropdown{border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 25px #00000026;margin-top:8px}.notifications-header h3{font-size:16px;font-weight:600}.notifications-header-actions{align-items:center;display:flex;gap:10px}.mark-all-read-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.mark-all-read-btn:hover{color:#0056b3}.notifications-header button{border-radius:4px;font-size:14px}.notifications-header button:hover{background:#e9ecef;color:#333}.notifications-list{max-height:300px}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;position:relative}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0f8ff;border-left:4px solid #007bff}.notification-item.unread:hover{background:#e6f3ff}.notification-item.high{border-left-color:#dc3545}.notification-item.medium{border-left-color:#ffc107}.notification-content{flex:1 1}.notification-content h4{font-size:14px;font-weight:600}.notification-content p{font-size:13px;line-height:1.4}.notification-content small{font-size:11px}.unread-indicator{background:#007bff;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notification-item.high .unread-indicator{background:#dc3545}.notification-item.medium .unread-indicator{background:#ffc107}.notifications-list p{color:#666;font-style:poppins;margin:5px}@media (max-width:768px){.global-admin-header{align-items:flex-start;flex-direction:column}.notifications-dropdown{left:50%;right:auto;transform:translateX(-50%);width:90vw}.global-admin-title{min-width:auto;width:100%}}@media (max-width:600px){.notifications-dropdown{width:95vw}}.profile-container{align-items:center;display:flex;gap:10px}.profile-wrapper{background-color:#ddd;cursor:pointer;height:48px;overflow:hidden;position:relative;width:48px}.profile-wrapper,.uploading-overlay{align-items:center;border-radius:50%;display:flex;justify-content:center}.uploading-overlay{background:#00000080;bottom:0;color:#fff;flex-direction:column;left:0;position:absolute;right:0;top:0}.spinner{border:3px solid #ffffff4d;height:20px;margin-bottom:8px;width:20px}.toast-error{background-color:#f44!important}.toast-success{background-color:#00c851!important}.profile-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-initials{color:#333;font-size:18px;font-weight:700}.profile-name{color:#333;font-size:16px;font-weight:500}.user-greeting{color:#444;font-size:16px;margin-bottom:4px}body{background:radial-gradient(circle at 20% 50%,#ef444408 0,#0000 50%),radial-gradient(circle at 80% 20%,#ef444405 0,#0000 50%),radial-gradient(circle at 40% 80%,#00000005 0,#0000 50%),linear-gradient(135deg,#fff,#fefefe)}.admin-main-content{background:#0000;padding:2rem}.admin-container{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffffa,#fef2f2f2 50%,#fffffffa);border:1px solid #ef44441a;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ef44440d;margin:2rem;max-width:100%;padding:2rem;position:relative;&:before{background:linear-gradient(135deg,#ef44441a,#0000 50%,#0000000d);border-radius:20px;border-radius:var(--radius-xl);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;padding:1px;pointer-events:none;position:absolute;right:0;top:0}}.admin-container.primary{background:linear-gradient(135deg,#ef444405,#fffffffa 30%,#fef2f2e6 70%,#fffffffa);border:1px solid #ef444426}.admin-container.secondary{background:linear-gradient(135deg,#00000005,#fffffff7 50%,#f5f5f5e6);border:1px solid #00000014}.admin-container.elevated{background:linear-gradient(135deg,#fff,#fef2f2fa);border:1px solid #ef44441f;box-shadow:0 25px 50px -12px #0000001f,0 0 0 1px #ef444414,inset 0 1px 0 #fffc}.admin-container h1{align-items:center;color:#000;color:var(--text-color);display:flex;font-size:2rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:2rem;text-align:center}.admin-container h1:before{content:"";font-size:1.5rem}.filter-report-row{align-items:center;background:#fef2f2;background:var(--bg-secondary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;width:100%}.floor-filter{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#000;color:var(--text-color);cursor:pointer;flex:1 1;font-family:inherit;font-size:.875rem;transition:all .3s ease}.floor-filter:focus{border-color:#ef4444;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.report-button{align-items:center;background:linear-gradient(135deg,#b91c1c,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.875rem 1.5rem;text-align:center;text-transform:uppercase;transition:all .3s ease}.report-button:before{font-size:1rem}.report-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.room-status-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;margin:2rem 0;text-align:center}.status-box{align-items:center;animation:fadeInUp .4s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-box:before{border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.status-box:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.status-box h3{color:#4b5563;color:var(--text-muted);font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.status-box span{color:#000;color:var(--text-color);font-weight:700;margin:0}.status-box.total-rooms{background:linear-gradient(135deg,#f0f4ff,#e0e7ff)}.status-box.total-rooms:before{background:linear-gradient(90deg,#ef4444,#f87171);background:linear-gradient(90deg,var(--primary-color),var(--primary-light))}.status-box.submitted{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.status-box.not-submitted{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.status-box.total-devices{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.room-creation-form{background:#f5f5f5;background:var(--bg-tertiary);border:2px dashed #d1d5db;border:2px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg);gap:1rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.room-creation-form:hover{background:#6366f10d;border-color:#ef4444;border-color:var(--primary-color)}.room-creation-form input{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#000;color:var(--text-color);font-family:inherit;font-size:.875rem;padding:.875rem 1rem;transition:all .3s ease}.room-creation-form input:focus{border-color:#ef4444;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.room-creation-form button{align-items:center;background:linear-gradient(135deg,#000,#059669);background:linear-gradient(135deg,var(--secondary-color),#059669);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.room-creation-form button:before{content:"➕";font-size:1rem}.room-creation-form button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.rooms-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.admin-header h1{color:#000;color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0}.branding-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;justify-content:center;margin:0 auto 2rem;max-width:1200px;padding:1.5rem 2rem;position:relative}.branding-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.branding-logo{height:auto;object-fit:contain;transition:transform .3s ease;width:250px}.branding-logo:hover{transform:scale(1.05)}.branding-title{align-items:center;color:#000;color:var(--text-color);display:flex;font-size:1.125rem;font-weight:500;gap:.75rem;letter-spacing:.5px}.branding-tick-icon{color:#22c55e;font-size:1.75rem;font-weight:700}.signouts-button{align-items:center;background:linear-gradient(135deg,#b91c1c,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;padding:.875rem 1.25rem;position:absolute;right:2rem;text-transform:uppercase;top:50%;transform:translateY(-10%);transition:all .3s ease}.signouts-button:before{font-size:1rem}.signouts-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-52px)}.footer-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #fff3;bottom:0;box-shadow:0 -4px 6px -1px #0000001a;position:fixed;width:100%}.admin-dashboard-footer,.admin-footer{color:#4b5563;color:var(--text-muted);font-size:.875rem;padding:1rem;text-align:center}.footer-divider{background:linear-gradient(90deg,#b91c1c,#dc2626);background:linear-gradient(90deg,var(--danger-color),#dc2626);border-bottom:4px solid #b91c1c;border-bottom:4px solid var(--danger-color);width:100%}@media (max-width:1024px){.admin-main-content{padding:1.5rem}.admin-container{margin:1.5rem auto;padding:1.5rem}.filter-report-row{gap:1rem;padding:1rem}.room-status-summary{gap:1rem;grid-template-columns:repeat(2,1fr)}.branding-section{margin-bottom:1.5rem;padding:1rem 1.5rem}.branding-logo{width:200px}.branding-title{font-size:1rem}.signouts-button{font-size:.75rem;padding:.75rem 1rem;right:1.5rem}}@media (max-width:768px){body{padding:0}.admin-main-content{padding:1rem}.admin-container{font-size:.875rem;margin:1rem auto;padding:1rem}.admin-container h1{font-size:1.5rem;margin-bottom:1.5rem}.filter-report-row{flex-direction:column;gap:1rem;padding:1rem}.floor-filter,.report-button{padding:1rem;width:100%}.room-creation-form{flex-direction:column;gap:1rem;padding:1rem}.room-creation-form button,.room-creation-form input{font-size:.875rem;padding:1rem}.rooms-grid{gap:1rem;grid-template-columns:1fr}.room-status-summary{gap:.75rem;grid-template-columns:repeat(2,1fr)}.status-box{padding:1rem}.status-box span{font-size:1.5rem}.branding-section{align-items:center;flex-direction:column;padding:1rem;position:relative;text-align:center}.branding-content{gap:1rem;order:1}.signouts-button{font-size:.875rem;justify-content:center;order:2;padding:1rem 1.5rem;position:static;transform:none;width:100%}.signouts-button:hover{transform:translateY(-2px)}.branding-logo{width:160px}.branding-title{font-size:.95rem}.branding-tick-icon{font-size:1.5rem}.admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-header h1{font-size:1.25rem}}@media (max-width:480px){.admin-container{margin:.5rem;padding:.75rem}.room-status-summary{gap:.5rem;grid-template-columns:1fr}.filter-report-row,.room-creation-form,.status-box{padding:.75rem}.branding-section{gap:1rem;padding:.75rem}.branding-logo{width:120px}.branding-title{font-size:.875rem}.branding-tick-icon{font-size:1.25rem}.signouts-button{font-size:.75rem;padding:.875rem 1.25rem}}button:focus,input:focus,select:focus{outline:2px solid #ef4444;outline:2px solid var(--primary-color);outline-offset:2px}.location-reports-container{font-family:poppins,sans-serif;margin:0 auto;padding:20px}h1{color:#333;margin-bottom:20px}.location-room-report h2{color:#333;margin-top:20px}.pie-chart-container{margin:0 auto 20px;max-width:400px}.location-devices-table{border-collapse:collapse;margin-bottom:20px;width:100%}.location-devices-table td,.location-devices-table th{border:1px solid #ddd;font-size:15px;padding:8px;text-align:left}.location-devices-table th{background-color:#f2f2f2;font-weight:700;padding:10px;text-align:center}.location-devices-table tr:nth-child(2n){background-color:#f9f9f9}.location-devices-table tr:hover{background-color:#f1f1f1}.devices-table tr:nth-child(2n){background-color:#f9f9f9}.devices-table tr:hover{background-color:#f1f1f1}.error-message{color:red;margin-top:20px}.location-header{gap:1rem;margin-bottom:2rem}.location-badge{background:#2196f3;border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.summary-card{border-radius:8px;&.working{background:#e8f5e9}&.not-working{background:#ffebee}h3{margin:0 0 .5rem}p{font-size:2rem;margin:0}}.status-badge{padding:.25rem .75rem;&.not-working{background:#ffcdd2;color:#c62828}}.loading{font-size:1.5rem;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.status-label{border-radius:15px;padding:.5rem 1rem}.data-summary{flex-wrap:wrap;gap:2rem;margin:2rem 0}.status-label{display:inline-block;font-size:.9rem;min-width:100px;padding:6px 12px;text-align:center;text-transform:uppercase}.status-label-ready{background-color:#4caf50}.status-label-warning{background-color:#ffa726;color:#000}.status-label-not-ready{background-color:#f44336}.status-label:hover{cursor:default;opacity:.85}@media (max-width:768px){.status-label{font-size:.8rem;min-width:80px;padding:5px 10px}}@media (max-width:480px){.status-label{font-size:.7rem;min-width:auto;padding:4px 8px}}.rooms-table-container{border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-top:15px;overflow-x:auto}.location-room-status-table{border-collapse:collapse;margin-bottom:20px;width:100%}.location-room-status-table td,.location-room-status-table th{border:1px solid #ddd;font-size:15px;padding:8px;text-align:left}.location-room-status-table th{background-color:#f2f2f2;font-weight:700;padding:10px;text-align:center}.location-room-status-table tr:nth-child(2n){background-color:#f9f9f9}.location-room-status-table tr:hover{background-color:#f1f1f1}.location-room-status-table .status{text-align:center}.location-room-status-table .infra-comment{color:#666;font-style:italic}@media (max-width:768px){.location-devices-table,.location-room-status-table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width:380px){.location-room-status-table td,.location-room-status-table th{padding:6px}}.modal-overlay-history{background:#000000b3}.history-modal{border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:1000px;width:90%}.modal-header{background:#2c3e50;color:#fff;padding:1rem 1.5rem}.modal-header h2{font-size:1.2rem}.close-modal-btn{color:#fff;font-size:1.2rem}.modal-content-history{max-height:60vh;padding:1.5rem}.device-history-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem}.device-info h3{color:#2c3e50;margin:.5rem 0}.device-location{color:#666;font-size:.9rem}.submissions-timeline h4{color:#34495e;margin-bottom:1rem}.timeline-container{border-left:3px solid #3498db;padding-left:1rem}.timeline-item{margin-bottom:1.5rem;padding-left:1rem;position:relative}.timeline-item:before{background:#3498db;border-radius:50%;content:"";height:10px;left:-1.5rem;position:absolute;top:.5rem;width:10px}.timeline-date{color:#2c3e50;font-weight:700;margin-bottom:.5rem}.timeline-content{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1rem}.status-indicator{border-radius:15px;font-size:.8rem;font-weight:700;margin-bottom:.5rem;padding:.3rem .8rem}.status-indicator.working{background:#d4edda;color:#155724}.status-indicator.not-working{background:#f8d7da;color:#721c24}.status-indicator.not-submitted{background:#fff3cd;color:#856404}.history-summary{background:#f1f2f6;margin-bottom:1.5rem;padding:1rem}.summary-download-btn{background:#27ae60;border-radius:5px;font-weight:700;padding:.5rem 1rem}.summary-download-btn:hover{background:#219a52}.status-working{background-color:#4caf501a}.status-not-working{background-color:#f443361a}.status-not-submitted{background-color:#ff98001a}.status-badge{border-radius:12px;font-size:.8rem;font-weight:700}.status-badge.working{background:#d4edda;color:#155724}.status-badge.not-working{background:#f8d7da;color:#721c24}.status-badge.not-submitted{background:#ed904c0f;color:#f18109}.overdue-icon{color:#ff6b6b;margin-left:.5rem}.status-label{border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;padding:.3rem .8rem}.history-loading{padding:2rem;text-align:center}.no-history-data{color:#666;padding:2rem}.no-history-data svg{color:#f39c12;margin-bottom:1rem}.create-user-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:poppins,sans-serif;margin:20px auto;max-width:100%;padding:2rem}.user-container{padding:20px}.create-user-form{grid-gap:1rem;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:5px 0 2rem}.create-user-form input,.create-user-form select{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;min-height:44px;padding:.8rem;width:100%}@media (max-width:768px){.create-user-form{grid-template-columns:1fr}}.create-user-button{background-color:#ff3b30;border-radius:8px;display:inline;font-size:1rem;height:68%;min-height:44px;padding:.8rem}.users-table-container{margin-top:2rem;overflow-x:auto}.users-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1rem;overflow:hidden;width:100%}.users-table td,.users-table th{border-bottom:1px solid #ddd;padding:1rem;text-align:left}.users-table th{background-color:#f2f2f2;color:#333;font-weight:600}.users-table tr:last-child td{border-bottom:none}.users-table input,.users-table select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:.9rem;padding:.5rem;width:100%}@media (max-width:768px){.create-user-form{grid-template-columns:1fr}.create-user-button{grid-column:span 1}.users-table{display:block;white-space:nowrap}}@media (max-width:480px){.create-user-container{padding:1rem}.users-table td,.users-table th{padding:.75rem .5rem}}.edit-button{background-color:#666666c9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:2px;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .3s}.edit-button:hover{background-color:#e53935}.delete-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s}.delete-button:hover{background-color:#e53935}.user-save-button{margin-right:.5rem}.cancel-button-user,.user-save-button{border:none;border-radius:5px;font-size:.9rem;padding:.5rem 1rem}.back-button,.cancel-button-user,.user-save-button{color:#fff;cursor:pointer;transition:background-color .3s}.back-button{background-color:#ff3b30;border:none;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.8rem 1.5rem}.back-button:hover{background-color:#f77c73}.error-message{color:#f44336;margin-bottom:1rem}.status-message{border-radius:6px;font-size:14px;font-weight:500;margin-top:10px;padding:10px 12px;width:-webkit-fit-content;width:fit-content}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.create-user-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.create-user-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.room-status-table{table-layout:auto}.room-status-table td,.room-status-table th{min-width:100px;padding:.45rem .65rem;word-break:break-word}.submission-badge{border-radius:15px;font-size:clamp(.75rem,1vw,.85rem);padding:.25rem .6rem}.frequency-badge,.status-badge,.submission-badge{align-items:center;display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frequency-badge,.status-badge,.submission-badge{border-radius:20px;font-size:clamp(.75rem,1.5vw,.9rem);justify-content:center;margin:.2rem 0;padding:.3rem .8rem}.status-badge.good{background:#4caf50;color:#fff}.status-badge.fair{background:#ffeb3b;color:#000}.status-badge.poor{background:#f44336;color:#fff}.status-badge.ready{background:#4caf50;color:#fff}.status-badge.warning{background:#ff9800;color:#fff}.status-badge.not_ready{background:#f44336;color:#fff}.status-badge.unknown{background:#9e9e9e;color:#fff}.submission-badge.submitted_today{background:#4caf50;color:#fff}.submission-badge.submitted{background:#2196f3;color:#fff}.submission-badge.overdue{background:#f44336;color:#fff}.submission-badge.not_submitted{background:#ff9800;color:#fff}.frequency-badge.badge-critical{background-color:#8570509c;gap:4px}.frequency-badge.badge-normal{background-color:#3498db;color:#fff;gap:4px}.frequency-badge.badge-never{background-color:#7f8c8d;gap:4px}.room-status-table-container{-webkit-overflow-scrolling:touch;max-width:100%}@media (max-width:768px){.room-status-table td,.room-status-table th{font-size:.85rem;min-width:80px;padding:.5rem}.frequency-badge,.status-badge,.submission-badge{display:inline-block;font-size:.75rem;padding:.2rem .6rem;white-space:normal}}.overdue-icon,.submission-badge.not_submitted,.submission-badge.overdue{animation:pulse 2s infinite}.device-count{color:#666;display:block;font-size:.7rem;font-style:italic;margin-top:.2rem}.overdue-row{background-color:#ffebee!important;border-left:4px solid #f44336}.not-reported{color:#999;font-style:italic}.no-data-message{font-style:italic;padding:2rem}.room-status-table-container{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.room-status-table-container h2{color:#333;font-size:1.5rem;margin:0 0 0 .5rem;padding:1rem 0 .5rem}.room-status-table{background:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.room-status-table td,.room-status-table th{word-wrap:break-word;border-bottom:1px solid #eee;border-right:1px solid #ddd;font-size:.92rem;vertical-align:middle}.room-status-table td:last-child,.room-status-table th:last-child{border-right:none}.room-status-table th{background-color:#f2f2f2;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0}@media (max-width:768px){.consolidated-container{margin:10px;padding:1rem}.consolidated-report-container{padding:1rem}.room-status-table td,.room-status-table th{font-size:.85rem;padding:.75rem}}@media (max-width:480px){.room-status-table-container{border-radius:8px}.room-status-table-container h2{font-size:1.3rem;padding:.75rem 0 .25rem .5rem}}.room-status-table tr:nth-child(2n){background-color:#f9f9f9}.room-status-table tr:hover{background-color:#f5f5f5}.filter-icon{color:#888;cursor:pointer;font-size:1rem;margin-left:5px;transition:transform .2s ease,color .2s ease}.filter-icon:hover{color:#333}.filter-icon.active{color:#000;transform:rotate(180deg)}.filter-dropdown{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0003;font-size:.9rem;left:0;padding:5px;top:100%}.filter-dropdown select{background:none;border:none;cursor:pointer;font-size:.9rem;padding:5px;width:100%}.filter-dropdown select:focus{background:#f7f7f7;outline:none}.verified-icon{color:#4caf50;font-size:1.2rem}.not-verified-icon{color:#f44336;font-size:1.2rem}.filter-apply-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.filter-apply-button:hover{background:#1976d2;transform:translateY(-1px)}.filter-apply-button:active{transform:translateY(0)}.filter-apply-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.filter-loading{opacity:.6;pointer-events:none}@media (max-width:768px){.filter-apply-button{margin:.5rem 0;width:100%}}@media (max-width:480px){.room-status-table td,.room-status-table th{padding:6px}.frequency-badge,.submission-badge{font-size:.7rem;padding:.2rem .4rem}}@media (max-width:1300px){.room-status-table-container{-webkit-overflow-scrolling:touch;overflow-x:scroll}.room-status-table-container::-webkit-scrollbar{height:8px}.room-status-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.room-status-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}}.room-status-table-container table{border-collapse:collapse;min-width:1300px;width:100%}.consolidated-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px;max-width:100%;padding:2rem}.consolidated-report-container{max-width:1200px;padding:2rem}.report-header h1{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.controls-section{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:2rem}.search-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-input{border:2px solid #ddd;border-radius:10px;box-sizing:border-box;flex:1 1;height:45px;min-width:300px;padding:.8rem}.filter-group{align-items:center;display:flex;gap:1rem}.filter-select{background:#fff;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;height:45px;min-width:200px;padding:.8rem}.date-range-filter{align-items:center;display:flex;gap:1rem}.date-input{background:#fff;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;height:45px;margin-left:5px;min-width:160px;padding:.8rem}.chart-container{height:370px;margin:0 auto;max-width:370px}.data-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center}.summary-card h3{font-size:1.1rem;margin:0 0 1rem}.summary-card p{font-size:1.5rem;font-weight:700;margin:0}.summary-card.total{background:#f0f4ff}.summary-card.working{background:#e8f5e9}.summary-card.not-working{background:#ffebee}.devices-table-container{border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-top:15px;overflow-x:auto}.devices-table-container h2{margin-left:.5rem}.devices-table{background:#fff}.devices-table td,.devices-table th{border-bottom:1px solid #eee;padding:1rem}.devices-table th{background:#f8f9fa;font-weight:600}.status-badge{border-radius:20px;display:inline-block;font-size:.9rem;min-width:80px;padding:.3rem .8rem;text-align:center;white-space:nowrap}.status-badge.working{background:#4caf50;color:#fff}.status-badge.not-working{background:#f44336;color:#fff;min-width:-webkit-max-content;min-width:max-content;padding:.3rem 1rem}tr.status-not-working{background:#fff5f5}.download-buttons{display:flex;gap:1rem;margin-top:1rem}.download-button{align-items:center;background-color:#4caf50;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:1rem;height:45px;justify-content:center;padding:.8rem 1.5rem;transition:background-color .3s}.download-button:hover{background-color:#45a049}.no-data-message{background:#f8f9fa;border-radius:8px;color:#666;margin:2rem auto;max-width:600px;padding:4rem;text-align:center}.no-data-message h2{color:#444;margin-bottom:1rem}.no-data-message p{font-size:1.1rem}.status-badge.not_checked{background-color:#ff9800;color:#fff}.status-row.not-checked{background-color:#fff3e0}.report-info{background-color:#e3f2fd;border:1px solid #2196f3;border-radius:4px;font-size:14px;margin-bottom:16px;padding:12px}.summary-card.not-checked{background-color:#fff3e0;border-left:4px solid #ff9800}.summary-card.not-checked h3{color:#f57c00}.alert-icon{color:#ff9800}.alert-icon,.today-badge{font-size:16px;margin-left:8px}.today-badge{color:#4caf50;font-weight:700}.frequency-badge{border-radius:12px;font-size:12px;font-weight:500;padding:2px 6px}.status-badge.not-checked{background-color:#fff3e0;border:1px solid #ffb74d;color:#f57c00}.not-submitted{background-color:#fff8e1}.today{background-color:#f1f8e9}.overdue-text{color:#d32f2f;font-size:12px;font-weight:700}.never-checked{color:#ff9800;font-style:italic}.status-not-checked{background-color:#fff3e0}.devices-table th:nth-child(6){text-align:center;width:80px}.devices-table td:nth-child(6){text-align:center}.modal-overlay-history{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.history-modal{animation:slideIn .3s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:800px}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header-actions{align-items:center;display:flex;gap:12px}.modal-download-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;height:36px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.modal-download-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.modal-download-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.modal-header h2{align-items:center;color:#fd0f0f;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.modal-header h2 svg{color:#fd0f0f}.close-modal-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.modal-content-history{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.modal-content-history::-webkit-scrollbar{width:8px}.modal-content-history::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content-history::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-content-history::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.history-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.history-loading p{font-size:1rem;margin-top:16px}.no-history-data{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-history-data svg{color:#f59e0b;font-size:3rem;margin-bottom:16px}.no-history-data p{font-size:1.1rem;margin:0}.history-content{display:flex;flex-direction:column;gap:24px}.history-summary{text-align:center}.history-summary p{color:#0369a1;font-weight:500;margin:0}.summary-download-btn{align-items:center;background:#0369a1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.summary-download-btn:hover{background:#27ae60;transform:translateY(-1px)}.history-summary{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.history-devices{display:flex;flex-direction:column;gap:20px}.device-history-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:box-shadow .2s ease}.device-history-card:hover{box-shadow:0 4px 12px #0000001a}.device-info{border-bottom:1px solid #f3f4f6;margin-bottom:16px;padding-bottom:16px}.device-info h3{color:#1f2937;font-size:1.08rem;font-weight:600}.device-location{margin:0}.device-location,.submissions-timeline h4{color:#6b7280;font-size:1rem;font-weight:500}.submissions-timeline h4{margin:0 0 16px}.timeline-container{display:flex;flex-direction:column;gap:12px}.timeline-item{background:#fafbfc;border-left:3px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;padding:12px;transition:all .2s ease}.timeline-item:hover{background:#f3f4f6;border-left-color:#ec2314}.timeline-date{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:6px;min-width:120px}.timeline-date svg{color:#9ca3af}.timeline-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-indicator-cr.working{color:#16a34a}.status-indicator-cr.not-working{color:#dc2626}.status-indicator-cr.not-submitted{color:#d97706}.submission-details{display:flex;flex-direction:column;gap:4px}.submission-details p{color:#4b5563;font-size:.875rem;margin:0}.submission-details strong{color:#374151;font-weight:600}.action-buttons{align-items:center;display:flex;gap:12px}.history-button{align-items:center;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;height:45px;justify-content:center;min-width:200px;padding:.8rem 1.5rem;transition:all .2s ease}.history-button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.history-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.checkbox-label{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 12px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background-color:#f9fafb}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}@media (max-width:768px){.modal-overlay-history{padding:10px}.history-modal{border-radius:12px;max-height:95vh;max-width:100%;width:100%}.modal-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.modal-header-actions{justify-content:space-between;width:100%}.modal-header h2{font-size:1.125rem}.modal-content-history{padding:20px}.timeline-item{flex-direction:column;gap:8px}.timeline-date{min-width:auto}.action-buttons{align-items:stretch;flex-direction:column}.history-button{min-width:auto}.history-summary{align-items:flex-start;flex-direction:column}.history-summary-actions{justify-content:flex-end;width:100%}}.loading-spinner{height:40px}.spinner-icon{animation:spin 1s linear infinite;color:#ff3b30;font-size:24px}.configuration-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem;max-width:100%;padding:2rem}.form-group input,.form-group select{font-size:14px;padding:.8rem}.save-button{background:#ff3b30;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem}.global-main+footer{background-color:#ff00001a;border:2px solid red;margin-top:2rem;padding:1rem}.day-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.day-checkbox{align-items:center;background-color:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;font-weight:600;height:37px;justify-content:center;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:120px}.day-checkbox:hover{background-color:#fff5f5}.day-checkbox input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.content{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:33px;justify-content:flex-start;padding:4px;text-align:center;width:100%}.day-name{font-size:1rem;margin-bottom:2px}.status{color:#999;font-weight:500}.day-checkbox input[type=checkbox]:checked~.content{background-color:#ff3b30;border-color:#ff3b30;color:#fff}.day-checkbox input[type=checkbox]:checked~.content .status{color:#ffffffe6}.email-input-container{border:1px solid #ddd;border-radius:4px}.email-input-plain{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;min-height:40px;padding:.5rem}.email-tag{align-items:center;background:#e0e0e0;border-radius:4px;display:inline-flex;font-size:.85rem;padding:.25rem .5rem}.email-remove{background:none;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.25rem;padding:2px 4px}.email-input-plain input{border:none!important;box-shadow:none!important;flex-grow:1;min-width:150px;padding:.25rem}.email-input-plain input:focus{outline:none}.email-input-container:focus-within{border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e2}.form-control{border:1px solid #ccc;border-radius:4px;font-size:1rem;min-width:200px;padding:.5rem}.form-control option:hover{background-color:#ff3c00!important;color:#fff!important}.form-control option:focus{background-color:#ff1e00!important;color:#fff!important}.form-control select option:hover{background-color:#f30!important;color:#fff!important}:root{--primary-color:#ef4444;--primary-light:#f87171;--secondary-color:#000;--danger-color:#b91c1c;--warning-color:#facc15;--text-color:#000;--text-muted:#4b5563;--bg-primary:#fff;--bg-secondary:#fef2f2;--bg-tertiary:#f5f5f5;--border-color:#d1d5db;--border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-primary);color:#000;color:var(--text-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}.error-message{color:#f44;font-size:14px;margin-top:8px}.admin-button:disabled{cursor:not-allowed;opacity:.6}.header-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.header-bar,.header-bar h1{align-items:center;display:flex}.header-bar h1{color:#000;color:var(--text-color);font-size:1.875rem;font-weight:700;gap:.75rem}.header-bar h1:before{content:"";font-size:1.5rem}.location-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin:1.5rem 0;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.location-card:before{background:linear-gradient(90deg,#ef4444,#f87171);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.location-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.location-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}.location-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.location-header h3{align-items:center;color:#000;color:var(--text-color);display:flex;font-size:1.375rem;font-weight:600;gap:.75rem}.location-header h3:before{content:"📍";font-size:1.125rem}.location-header .toggle-indicator{color:#4b5563;color:var(--text-muted);font-size:1.25rem;transition:transform .3s ease}.location-header.expanded .toggle-indicator{transform:rotate(180deg)}.location-details{background:#fff;background:var(--bg-primary);padding:2rem}.add-room-section{background:#f5f5f5;background:var(--bg-tertiary);border:2px dashed #d1d5db;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;padding:1.25rem;transition:all .3s ease}.add-room-section:hover{background:#6366f10d;border-color:#ef4444;border-color:var(--primary-color)}.add-room-section input{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);flex:1 1;font-size:.875rem;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.add-room-section input:focus{border-color:#ef4444;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.check-frequency-select{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);flex:1 1;font-size:.875rem;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.frequency-label{border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 10px}.frequency-label.critical{background-color:#f1730ce3}.frequency-label.normal{background-color:#2980b9}.frequency-label.never{background-color:#7f8c8d}.room-section{background:#fef2f2;background:var(--bg-secondary);border-left:4px solid #e00707;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin:1.5rem 0;overflow:hidden;transition:all .3s ease}.room-section:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.room-header{align-items:center;background:linear-gradient(135deg,#fef2f2,#f5f5f5);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease}.room-header:hover{background:linear-gradient(135deg,#f5f5f5,#e2e8f0);background:linear-gradient(135deg,var(--bg-tertiary),#e2e8f0)}.room-header h4{align-items:center;color:#000;color:var(--text-color);display:flex;font-size:1.125rem;font-weight:500;gap:.5rem}.room-header h4:before{content:"";font-size:1rem}.room-details{background:#fff;background:var(--bg-primary);padding:1.5rem}.add-device-section,.add-infra-section{background:#f5f5f5;background:var(--bg-tertiary);border:2px dashed #d1d5db;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0;padding:1rem;transition:all .3s ease}.add-device-section:hover,.add-infra-section:hover{background:#10b9810d;border-color:#000;border-color:var(--secondary-color)}.add-device-section input,.add-infra-section input{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;font-size:.875rem;min-width:150px;padding:.625rem .875rem;transition:all .3s ease}.add-device-section input:focus,.add-infra-section input:focus{border-color:#000;border-color:var(--secondary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.device-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin:.75rem 0;padding:1rem;position:relative;transition:all .3s ease}.device-item:before{content:"";font-size:.875rem;left:-2px;position:absolute;top:50%;transform:translateY(-50%)}.device-item:hover{border-color:#ef4444;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateX(4px)}.device-item span{color:#000;color:var(--text-color);font-weight:500;margin-left:1.5rem}.infra-questions-section{background:#fef2f2;background:var(--bg-secondary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-top:2rem;padding:1.5rem}.infra-questions-section h4{align-items:center;color:#000;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.infra-questions-section h4:before{content:"";font-size:1rem}.infra-question-item{background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s ease}.infra-question-item:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.infra-question-item h5{align-items:center;color:#000;color:var(--text-color);display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:1rem}.infra-question-item h5:before{content:"❓";font-size:.875rem}.infra-question-item p{color:#4b5563;color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:.75rem 0}.status-selection{margin:1.5rem 0}.status-selection label{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.75rem;transition:all .3s ease}.status-selection label:hover{background:#f5f5f5;background:var(--bg-tertiary)}.Infra-status-radio label{gap:1rem}.Infra-status-radio label,.status-item h4{align-items:center;display:flex;font-weight:500}.status-item h4{color:#000;color:var(--text-color);font-size:1rem;margin-bottom:1rem}.comment-input{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;margin-top:1rem;min-height:80px;padding:.875rem;resize:vertical;transition:all .3s ease;width:100%}.comment-input:focus{border-color:#ef4444;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.comment-input::placeholder{color:#4b5563;color:var(--text-muted);font-style:italic}button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}button:not(.admin-button){background:#fa0000;border:none;color:#fff}button:not(.admin-button):hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-button{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.admin-button:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}button:active:before{height:300px;width:300px}.toggle-switch{height:32px;margin-left:1rem;width:60px}.toggle-slider{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:32px;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider,.toggle-slider:before{transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{background:linear-gradient(135deg,#fff,#f8fafc);bottom:4px;box-shadow:0 2px 4px #0003;height:24px;left:4px;width:24px}input:checked+.toggle-slider{background:linear-gradient(135deg,#000,#059669);background:linear-gradient(135deg,var(--secondary-color),#059669)}input:checked+.toggle-slider:before{transform:translateX(28px)}input:focus+.toggle-slider{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #10b9811a}.infra-item{align-items:center;background:linear-gradient(135deg,#fef2f2cc,#fffffff2 50%,#fef2f299);border:1px solid #ef44441a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--shadow-sm),inset 0 1px 0 #fffc;display:flex;justify-content:space-between;margin:.75rem 0;padding:1rem;position:relative;transition:all .3s ease;&:after{background:radial-gradient(circle at 20% 20%,#ef444408 0,#0000 50%),radial-gradient(circle at 80% 80%,#ef444405 0,#0000 50%);border-radius:12px;border-radius:var(--radius-md);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}}.infra-item:before{content:"";font-size:.875rem;left:-2px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.infra-item:hover{background:linear-gradient(135deg,#fef2f2e6,#fff 50%,#fef2f2cc);border-color:#ef444433;box-shadow:0 4px 6px -1px #0000001a,0 0 0 1px #ef444426,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-md),0 0 0 1px #ef444426,inset 0 1px 0 #ffffffe6;transform:translateX(4px)}.infra-item span{color:#000;color:var(--text-color);font-weight:500;margin-left:1.5rem;position:relative;z-index:1}.infra-questions-list{background:linear-gradient(180deg,#0000,#fef2f24d);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:2px solid #ef44441a;margin:1.5rem -1rem -1rem;padding:1.5rem}@media (max-width:1024px){.header-bar{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;text-align:center}.header-bar h1{font-size:1.625rem}.location-details,.room-details{padding:1.5rem}.add-device-section,.add-infra-section,.add-room-section{flex-direction:column}.add-device-section input,.add-infra-section input,.add-room-section input{min-width:100%}.device-item,.infra-item{align-items:flex-start;flex-direction:column;gap:.75rem}.device-item span,.infra-item span{margin-left:1.5rem}button{justify-content:center}}@media (max-width:768px){.header-bar{border-radius:12px;border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.header-bar h1{font-size:1.375rem}.location-card{border-radius:16px;border-radius:var(--radius-lg);margin:1rem 0}.location-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1.25rem 1rem}.location-header h3{font-size:1.25rem}.location-details,.room-details{padding:1rem}.room-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.room-header h4{font-size:1rem}.infra-question-item,.infra-questions-section{padding:1rem}.status-selection label{gap:.5rem}.toggle-switch{height:28px;margin-left:0;margin-top:.5rem;width:50px}.toggle-slider:before{height:20px;width:20px}input:checked+.toggle-slider:before{transform:translateX(22px)}.comment-input{min-height:60px}}@media (max-width:390px){.status-radio{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){body{padding:.5rem}.header-bar{padding:.75rem}.header-bar h1{font-size:1.125rem}.location-header,.room-header{padding:1rem .75rem}.add-device-section,.add-infra-section,.add-room-section,.infra-question-item,.infra-questions-section,.location-details,.room-details{padding:.75rem}button{font-size:.8125rem;padding:.625rem 1rem}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.location-card{animation:fadeInUp .6s ease-out}.room-section{animation:slideIn .4s ease-out}.device-item,.infra-item{animation:fadeInUp .3s ease-out}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{animation:spin 1s linear infinite;border:2px solid #d1d5db;border-top:2px solid #ef4444;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.toggle-switch input:focus+.toggle-slider,button:focus,input:focus{outline:2px solid #ef4444;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#000;--text-muted:#000;--bg-secondary:#fff;--bg-tertiary:#f0f0f0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.room-info-row{grid-gap:2rem;align-items:flex-start;border:1px solid #e9ecef;border-radius:10px;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.room-info-row:hover{box-shadow:0 4px 12px #00000014}.room-info-buttons{align-items:center;display:flex;gap:1rem;justify-self:start;margin-top:.5rem}.admin-button{align-items:center;background-color:#28a745;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .2s ease}.admin-button:hover{background-color:#218838;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.admin-button:focus{box-shadow:0 0 0 3px #28a74580;outline:none}.admin-button:active{transform:translateY(0)}.admin-button.saving{background:#6c757d;cursor:not-allowed}.admin-button.saving:after{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:12px;margin-left:8px;width:12px}.room-info-item{display:flex;flex-direction:column;gap:.3rem}.room-info-item strong{color:#495057;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.room-info-item input[type=text],.room-info-item select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:.5rem;transition:border-color .2s ease;width:100%}.room-info-item input[type=text]:focus,.room-info-item select:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533;outline:none}.room-info-item input[disabled],.room-info-item select[disabled]{background-color:#e9ecef;opacity:.7}.toggle-switch{display:inline-block;height:24px;margin-left:.5rem;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-slider:hover{box-shadow:0 2px 4px #0003}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #28a74540}.room-info-last-verified{color:#868e96;font-style:italic}@media (max-width:768px){.room-info-row{grid-template-columns:1fr;padding:1rem}.room-info-buttons{flex-wrap:wrap;justify-content:space-between;margin-top:1rem}}.device-edit-fields input{margin-left:2px}.scenario-management{border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px}.add-scenario-section{display:flex;gap:10px;margin-bottom:15px}.scenario-item{background-color:#f8f9fa;border-radius:5px;margin-bottom:10px;padding:10px}.scenario-device-tag{background-color:#007bff;border-radius:12px;color:#fff;display:inline-block;font-size:.8em;margin-bottom:5px;margin-right:5px;padding:2px 8px}.bulk-device-section{margin:10px 0}.serial-numbers-section{margin:15px 0}.scenario-group{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:15px}.unassigned-devices{background-color:#fffbf0;border:1px solid #fc0;border-radius:8px;margin-bottom:20px;padding:15px}.welcome-container{display:flex;flex-direction:column;max-height:100vh;min-height:100vh;overflow:hidden;position:relative}.welcome-container:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30f2;box-shadow:0 4px 20px #0000001a;display:flex;flex-shrink:0;height:140px;justify-content:center;position:relative;z-index:1}.welcome-header .header-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:110px;object-fit:contain;transition:transform .3s ease;width:110px}.welcome-header .header-logo:hover{transform:scale(1.05)}.welcome-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:3rem 2rem;position:relative;text-align:center;z-index:1}.app-branding{animation:fadeInUp .8s ease-out;margin-bottom:3rem}.app-branding .app-logo{margin-bottom:1.5rem;object-fit:contain;transition:transform .3s ease;width:380px}.app-branding .app-logo:hover{transform:scale(1.02)}.app-branding h1{align-items:center;color:0 4px 8px #0000004d;display:flex;font-size:2.75rem;font-weight:700;gap:1rem;justify-content:center;letter-spacing:1px}.tick-icon{animation:pulse 2s infinite;color:#22c55e;font-size:2.5rem}.button-container{animation:fadeInUp .8s ease-out .3s both;margin-bottom:3rem;text-align:center}.get-started-btn{background:linear-gradient(135deg,#ff3b30,#e6342a);border:none;border-radius:12px;box-shadow:0 8px 25px #ff3b3066;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:1.25rem 3rem;position:relative;text-transform:uppercase;transition:all .3s ease}.get-started-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.get-started-btn:hover:before{left:100%}.get-started-btn:hover{background:linear-gradient(135deg,#e6342a,#d12b20);box-shadow:0 12px 35px #ff3b3080;transform:translateY(-3px)}.get-started-btn:active{box-shadow:0 6px 20px #ff3b3066;transform:translateY(-1px)}.welcome-footer{flex-shrink:0;padding:1.5rem;position:relative;text-align:center;z-index:1}.footer-line{background:linear-gradient(135deg,#ff3b30,#e6342a);border-radius:4px;box-shadow:0 2px 8px #ff3b304d;height:4px;margin:0 auto 1rem;width:120px}.copyright{margin:0 0 2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1024px){.welcome-main{padding:2.5rem 1.5rem}.app-branding .app-logo{width:320px}.app-branding h1{font-size:2.25rem}.tick-icon{font-size:2rem}}@media (max-width:768px){.welcome-container{max-height:100vh;overflow:hidden}.welcome-header{flex-shrink:0;height:100px}.welcome-header .header-logo{height:75px;width:75px}.welcome-main{justify-content:space-evenly;padding:1.5rem 1rem}.app-branding{margin-bottom:1.5rem}.app-branding .app-logo{margin-bottom:1rem;width:220px}.app-branding h1{font-size:1.5rem;gap:.5rem;margin:0}.tick-icon{font-size:1.5rem}.get-started-btn{font-size:.9rem;padding:.875rem 2rem}.button-container{margin-bottom:1rem}.welcome-footer{padding:1rem}.footer-line{height:3px;margin-bottom:.5rem;width:80px}.copyright{font-size:.7rem;margin-bottom:.5rem}}@media (max-width:480px){.welcome-container{max-height:100vh;overflow:hidden}.welcome-header{flex-shrink:0;height:80px}.welcome-header .header-logo{height:60px;width:60px}.welcome-main{gap:1rem;justify-content:space-evenly;padding:1rem .75rem}.app-branding{margin-bottom:1rem}.app-branding .app-logo{margin-bottom:.5rem;width:180px}.app-branding h1{flex-direction:column;gap:.5rem;margin:0}.app-branding h1,.tick-icon{font-size:1.25rem}.get-started-btn{border-radius:8px;font-size:.8rem;padding:.75rem 1.5rem}.button-container{margin-bottom:.5rem}.welcome-footer{padding:.75rem}.footer-line{height:2px;margin-bottom:.25rem;width:60px}.copyright{font-size:.65rem;margin-bottom:.25rem}}@media (max-width:375px){.welcome-header{height:70px}.welcome-header .header-logo{height:50px;width:50px}.welcome-main{gap:.75rem;padding:.75rem .5rem}.app-branding .app-logo{width:160px}.app-branding h1,.tick-icon{font-size:1.1rem}.get-started-btn{font-size:.75rem;padding:.625rem 1.25rem}.welcome-footer{padding:.5rem}.footer-line{margin-bottom:.25rem;width:50px}.copyright{font-size:.6rem;margin-bottom:.25rem}}.inventory-container{background-color:#f8f9fa;font-family:poppins,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;min-height:100vh;padding:20px;width:100%}.inventory-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.inventory-header h1{color:#333;font-size:1.8rem;font-weight:600;margin:0}.header-left{gap:1rem}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-btn:active{transform:translateY(1px)}.device-count{background:#e8f4f8;border-radius:20px;color:#2c5282;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.download-btn{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.download-btn:hover{background:#45a049}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px 25px}.filters-grid{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto}.filter-select,.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.filter-select:focus,.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.search-input{font-size:15px}.clear-filters-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#4caf50}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.inventory-table{border-collapse:collapse;font-size:14px;min-width:950px;width:100%}.inventory-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6;position:-webkit-sticky;position:sticky;top:0;z-index:2}.inventory-table th{border-right:1px solid #dee2e6;color:#333;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.inventory-table th:last-child{border-right:none}.inventory-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.inventory-table th.sortable:hover{background:#e9ecef}.inventory-table td{border-bottom:1px solid #dee2e6;border-right:1px solid #f1f3f4;font-size:14px;padding:12px;vertical-align:top}.inventory-table td:last-child{border-right:none}.inventory-table tbody tr:hover{background:#f8f9fa}.inventory-table tbody tr:nth-child(2n){background:#fdfdfd}.inventory-table tbody tr:nth-child(2n):hover{background:#f8f9fa}.device-name{font-weight:14px}.notes-cell{max-width:200px}.note-display{align-items:flex-start;display:flex;gap:8px}.note-text{color:#555;flex:1 1;font-size:13px;line-height:1.4}.edit-note-btn{background:none;border:none;border-radius:3px;cursor:pointer;opacity:.6;padding:2px;transition:opacity .2s ease}.edit-note-btn:hover{background:#f1f3f4;opacity:1}.note-edit{width:100%}.note-textarea-inline{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;margin-bottom:8px;min-height:60px;padding:8px;resize:vertical;width:100%}.note-textarea-inline:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.note-actions{display:flex;gap:6px}.cancel-note-btn,.save-note-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.save-note-btn{background:#4caf50;color:#fff}.cancel-note-btn{background:#ccc;color:#333}.delete-btn-small{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:6px;transition:background-color .2s ease}.delete-btn-small:hover{background:#ffebee}.error,.loading{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.error{color:#f44336}.no-results{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:1415px){.filters-grid{gap:12px;grid-template-columns:1fr 1fr 1fr}.search-input{grid-column:1/-1}.clear-filters-btn{grid-column:1/-1;justify-self:center}}@media (max-width:980px){.table-container{overflow-x:auto}.inventory-table{min-width:800px}.inventory-table td,.inventory-table th{font-size:13px;padding:8px 6px}.notes-cell{max-width:150px}}@media (max-width:768px){.inventory-container{padding:15px}.inventory-header{flex-direction:column;gap:15px;text-align:center}.header-actions{justify-content:center;width:100%}.filters-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.inventory-table{min-width:800px}.inventory-table td,.inventory-table th{font-size:13px;padding:8px 6px}.notes-cell{max-width:150px}}@media (max-width:480px){.inventory-header h1{font-size:1.4rem}.device-count,.download-btn{font-size:14px}.download-btn{padding:8px 12px}}.modal-overlay-standby{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-standby{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:25px;width:90%}.modal-content-standby h3{color:#2c3e50;font-size:1.5rem;margin-bottom:15px;margin-top:0}.modal-content-standby p{color:#7f8c8d;font-size:.95rem;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#34495e;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:10px 12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group label[required]:after{color:#e74c3c;content:" *"}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.modal-actions button{border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-btn{background-color:#3498db;border:none;color:#fff}.confirm-btn:hover{background-color:#2980b9}.cancel-btn{background-color:#fff;border:1px solid #ddd;color:#7f8c8d}.cancel-btn:hover{background-color:#f5f5f5;border-color:#ccc}@media (max-width:480px){.modal-content-standby{padding:20px 15px;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.track-device-form{background:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #0000001a;margin:auto;padding:2rem;width:400px}.track-device-form h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.track-device-form label{display:block;font-weight:600;margin-bottom:.25rem}.track-device-form select,.track-device-form textarea{border:1px solid #ccc;border-radius:8px;font-size:.95rem;margin-bottom:1rem;padding:.5rem;width:100%}.track-device-form textarea{height:80px;resize:vertical}.track-device-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.track-device-form button:disabled{background-color:#ccc;cursor:not-allowed}.incidents-container{background-color:#f8f9fa;margin:0 auto;min-height:100vh;padding:20px}@media (max-width:1000px){.incidents-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{border-top:1px solid #eee;justify-content:space-between;padding-top:15px;width:100%}}.incidents-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.header-left h1{align-items:center;display:flex;font-size:2rem;gap:12px;margin:0 0 3px}.header-left h1 svg{color:#ff9800}.incidents-summary{align-items:center;display:flex;gap:20px}.incidents-summary span{border-radius:20px;font-size:.9rem;font-weight:600;padding:8px 16px}.total-incidents{background-color:#e3f2fd;color:#1565c0}.high-severity{background-color:#ffebee;color:#c62828}.medium-severity{background-color:#fff3e0;color:#ef6c00}.header-actions{align-items:center;display:flex;gap:15px}.notifications-container{position:relative}.notification-bell{background:#2196f3;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:12px;position:relative;transition:all .3s ease}.notification-bell:hover{background:#e97870;transform:scale(1.05)}.notification-badge{background:#4caf50;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;padding:4px 8px;position:absolute;right:8px;text-align:center;top:1px}.notifications-dropdown{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notifications-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.notifications-header h3{color:#333;margin:0}.notifications-header button{background:none;border:none;color:#666;cursor:pointer;padding:5px}.notifications-list{max-height:320px;overflow-y:auto}.notification-item{border-bottom:1px solid #eee;cursor:pointer;padding:15px 20px;transition:background-color .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#e3f2fd;border-left:4px solid #2196f3}.notification-item.high{border-left-color:#f44336}.notification-item.medium{border-left-color:#ff9800}.notification-content h4{color:#333;font-size:.9rem;margin:0 0 5px}.notification-content p{color:#666;font-size:.85rem;margin:0 0 5px}.notification-content small{color:#999;font-size:.75rem}.download-button,.refresh-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.refresh-button{background:#4caf50;color:#fff}.download-button{background:#388e3c;color:#fff}.download-button:disabled{background:#ccc;cursor:not-allowed}.incidents-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:20px;width:100%}.filter-select-incident:focus,.search-input:focus{border-color:var(--primary-color);outline:none}.incidents-list{gap:20px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.no-incidents{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;grid-column:1/-1;padding:60px 20px;text-align:center}.no-incidents svg{color:#4caf50;font-size:4rem;margin-bottom:20px}.no-incidents h3{color:#4caf50;font-size:1.5rem;margin-bottom:10px}.no-incidents p{color:#666;font-size:1.1rem}.incident-card{background:#fff;border-left:5px solid #ccc;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:5px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.incident-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.incident-card.high{border-left-color:#f44336}.incident-card.medium{border-left-color:#ff9800}.incident-card.low{border-left-color:#4caf50}.incident-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 25px 15px}.incident-type{align-items:center;display:flex;gap:12px}.incident-type svg{color:#666;font-size:1.2rem}.category{color:#333;font-size:1rem;font-weight:600}.severity-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.severity-badge.high{background:#ffebee;color:#c62828}.severity-badge.medium{background:#fff3e0;color:#ef6c00}.severity-badge.low{background:#e8f5e8;color:#2e7d32}.incident-time{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.incident-time svg{color:#999}.incident-details{padding:20px 25px}.device-info,.location-info{align-items:center;color:#555;display:flex;gap:10px;margin-bottom:12px}.device-info svg,.location-info svg{color:#2196f3;width:16px}.floor{background:#e3f2fd;border-radius:12px;color:#1565c0;font-size:.8rem;margin-left:8px;padding:2px 8px}.status-info{margin-bottom:15px}.status{border-radius:8px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status.critical,.status.notready,.status.notworking{background:#ffebee;color:#c62828}.status.warning{background:#fff3e0;color:#ef6c00}.status.working{background:#e8f5e8;color:#2e7d32}.status-incident{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.comment{background:#f8f9fa;border-left:3px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:12px 16px}.comment p{color:#555;font-size:.9rem;line-height:1.4;margin:0}.overdue-warning{align-items:center;background:#fff3e0;border-left:3px solid #ff9800;border-radius:8px;color:#ef6c00;display:flex;font-size:.9rem;font-weight:500;gap:10px;margin-bottom:8px;padding:12px 16px}.overdue-warning svg{color:#ff9800}.tenant-info{color:#666;display:flex;font-size:.9rem;gap:15px;margin-bottom:15px}.tenant-id{background:#e3f2fd;border-radius:12px;color:#1565c0;font-family:monospace;font-size:.8rem;padding:4px 10px}.error-message{background:#fff;box-shadow:0 2px 8px #0000001a}.error-message svg{color:#f44336;font-size:4rem;margin-bottom:20px}.error-message h3{color:#f44336;font-size:1.5rem;margin-bottom:15px}.error-message p{color:#666;font-size:1.1rem;margin-bottom:25px}.btn-primary{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s ease}.btn-primary:hover{background:#f17c74}@media (max-width:768px){.incidents-container{padding:15px}.incidents-header{align-items:stretch;flex-direction:column;gap:20px}.header-actions{justify-content:center}.incidents-summary{flex-wrap:wrap;gap:10px}.incidents-filters{align-items:stretch;flex-direction:column}.search-input{min-width:auto;width:100%}.incidents-list{grid-template-columns:1fr}.notifications-dropdown{right:-50px;width:300px}}@media (max-width:480px){.header-left h1{font-size:1.5rem}.incident-header{align-items:flex-start;flex-direction:column;gap:10px}.incident-details{padding:15px 20px}.notifications-dropdown{right:-100px;width:280px}}.incident-card-date-group{align-items:center;background-color:#fafafa;border-bottom:1px solid #eee;border-left:4px solid #0000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1rem;transition:border-color .3s ease}.incident-card-date-group:hover{background-color:#f0f0f0;border-left:4px solid #007bff}.incident-date-count{color:#666;font-size:.95rem}.incident-date-section{margin-bottom:1rem}.incident-count-box{background-color:#f9f9f9;border-left:4px solid #007bff;border-radius:6px;box-shadow:0 1px 3px #0000000f;color:#333;font-size:1rem;font-weight:500;font-weight:700;margin:1rem 0;padding:.75rem 1.25rem;text-align:center;width:-webkit-fit-content;width:fit-content}.incident-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.filter-select-incident,.search-input-incident{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;font-size:14px;max-width:calc(20% - 8px);min-width:calc(20% - 8px);padding:6px 16px;transition:border-color .3s ease}@media (max-width:1450px){.filter-select-incident,.search-input-incident{max-width:calc(50% - 8px);min-width:calc(50% - 8px)}}@media (max-width:480px){.filter-select-incident,.search-input-incident{max-width:100%;min-width:100%}}.incidents-filters select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;font-size:.875rem;margin-left:5px;padding:.75rem 1rem;transition:all .3s ease}@media (max-width:600px){.incident-filter-group{align-items:stretch;flex-direction:column}.incidents-filters select{width:100%}}.date-range-filter-incident{align-items:center;display:flex;gap:1rem}.date-input-incident{background:#fff;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;flex:1 1 45%;height:45px;margin-left:5px;min-width:160px;padding:.8rem;transition:border-color .3s ease}.date-input-incident:focus{border-color:#888;outline:none}@media (max-width:768px){.date-range-filter{align-items:stretch;flex-direction:column}.date-input{flex:1 1 100%;margin-left:0;min-width:100%}}.incident-filter-buttons{display:flex;gap:10px;height:4.2vh}.apply-button-incident,.reset-button-incident{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:6px 12px}.apply-button{color:#fff}.reset-button{background-color:#dc3545;color:#fff}.container{margin:0 auto;max-width:100%;padding:0 15px}.header{background:#2196f3;border-radius:8px;color:#fff;margin-bottom:20px;padding:15px;text-align:center}.rooms-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.room-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0003;cursor:pointer;padding:15px;position:relative;transition:.3s}.room-card:hover{transform:scale(1.02)}.floor-info{align-items:center;background-color:#cccccc40;border-radius:5px;color:#ff6000d6;display:flex;font-size:12px;font-weight:700;gap:4px;padding:4px 8px;position:absolute;right:10px;top:8px}.room-name{font-size:1.2em;margin-bottom:10px}.timestamp{color:#666;font-size:.9em}.login-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:50px auto;max-width:400px;padding:20px}.login-container h2{color:#333;margin-bottom:20px;text-align:center}.login-container form{display:flex;flex-direction:column;gap:35px}.login-container input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.login-container input:focus{border-color:#ff3b30;outline:none}.login-container button{background-color:#ff3b30;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:16px;padding:10px}.login-container button:hover{background-color:#e24a42}.login-footer{flex-shrink:0;padding:5px;position:relative;text-align:center;z-index:1}.copyright{color:#b7b2b2cc;font-size:.875rem;font-weight:300;margin:3px 0 0}.device-form-Room{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:2rem;overflow:hidden;padding:2rem;position:relative}.device-form-Room:before{background:linear-gradient(135deg,#ff3b30,#e6342a);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.status-item-Room{background:#fffc;border:2px solid #0000000d;border-radius:12px;margin:1.5rem 0;padding:1.5rem;position:relative;transition:all .3s ease}.status-item-Room:hover{border-color:#ff3b3033;box-shadow:0 4px 15px #ff3b301a;transform:translateY(-2px)}.status-item-Room:before{border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.status-select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.status-select:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b301a;outline:none}.status-select option{background:#fff;padding:.5rem}.status-options-Room{gap:1rem;margin-bottom:1rem}.status-option-Room{align-items:center;cursor:pointer;gap:.5rem}.status-indicator-room-Room{border-radius:50%;display:inline-block;height:16px;width:16px}.status-indicator-room-Room.ready-Room{background:green}.status-indicator-room-Room.warning-Room{background:orange}.status-indicator-room-Room.not-ready-Room{background:red}.status-option-Room.active-Room{font-weight:700}.additional-comments-Room,.status-reason-Room{margin-top:1rem}.additional-comments-Room textarea,.additional-comments-textarea-Room{min-height:80px;width:100%}.submit-button-Room{background:linear-gradient(135deg,#ff3b30,#e6342a);border:none;border-radius:12px;box-shadow:0 4px 15px #ff3b304d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;overflow:hidden;padding:1rem 1.25rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button-Room:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-button-Room:hover:before{left:100%}.submit-button-Room:hover{background:linear-gradient(135deg,#e6342a,#d12b20);box-shadow:0 6px 20px #ff3b3066;transform:translateY(-2px)}.submit-button-Room:active{box-shadow:0 4px 15px #ff3b304d;transform:translateY(0)}.room-button-Room{background:linear-gradient(135deg,#ff3b30,#e6342a);border:none;border-radius:10px;box-shadow:0 4px 15px #ff3b304d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-top:1.5rem;padding:.875rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.room-button-Room:hover{background:linear-gradient(135deg,#e6342a,#d12b20);box-shadow:0 6px 20px #ff3b3066;transform:translateY(-2px)}.comment-input-Room{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:.875rem;margin-top:1rem;min-height:100px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.comment-input-Room:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b301a;outline:none}.comment-input-Room::placeholder{color:#999;font-style:italic}.infra-comment-input-Room{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:.875rem;margin-top:1rem;min-height:100px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.infra-comment-input-Room:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b301a;outline:none}.infra-comment-input-Room::placeholder{color:#999;font-style:italic}.infra-comment-select-Room,.quick-comment-select-Room,.status-reason-select-Room{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.infra-comment-select-Room:focus,.quick-comment-select-Room:focus,.status-reason-select-Room:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b301a;outline:none}.pie-chart-container{background:#fffffff2;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:350px;padding:1.5rem;width:100%}.infra-form-Room,.pie-chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:16px}.infra-form-Room{background:#f8f9faf2;box-shadow:0 8px 32px #0000000d;margin:.5rem 0;padding:2rem;position:relative}.infra-form-Room:before{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.submitted-infra{background:#e9ecefcc;border:1px solid #0000001a;border-radius:12px;margin-top:2rem;padding:1.5rem;position:relative}.submitted-infra:before{color:#22c55e;content:"✓";font-size:1.25rem;font-weight:700;position:absolute;right:1rem;top:1rem}.error-message{background:linear-gradient(135deg,#ffebee,#fce4ec);border:1px solid #dc354533;border-radius:12px;color:#dc3545;font-weight:500;margin:1rem 0;padding:1rem 1.25rem;position:relative;text-align:center}.error-message:before{content:"⚠️";margin-right:.5rem}.success-message-Room{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e33;border-radius:12px;color:#22c55e;font-weight:500;margin:1rem 0;padding:1rem 1.25rem;position:relative;text-align:center}.success-message-Room:before{content:"✅";margin-right:.5rem}.loading-spinner{align-items:center;background-color:var(--bg-primary);box-shadow:inset 0 0 40px #0000000d;color:var(--primary-color);display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ef444433;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}.loading-text{color:var(--primary-color);font-size:1.125rem;font-weight:500;text-align:center}.fade-in{animation:fadeIn .5s ease-out}.status-indicator{border-radius:50%;display:inline-block;margin-right:.5rem;width:12px}.status-indicator.active{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-indicator.inactive{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-indicator.pending{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group{margin:1.5rem auto}.form-group:last-child{margin-bottom:0}@media (max-width:768px){.device-form-Room,.infra-form-Room{margin:1rem;padding:1.5rem}.status-item-Room{margin:1rem 0;padding:1rem}.room-button-Room,.submit-button-Room{font-size:.875rem;padding:.875rem 1rem}.comment-input-Room,.infra-comment-input-Room{min-height:80px;padding:.875rem}.pie-chart-container{margin:1.5rem;max-width:100%;padding:1rem}.spinner{height:40px;width:40px}}@media (max-width:480px){.device-form-Room,.infra-form-Room{margin:.5rem;padding:1rem}.status-item-Room{padding:.875rem}.room-button-Room,.submit-button-Room{font-size:.75rem;padding:.75rem}.comment-input-Room,.infra-comment-input-Room{min-height:70px;padding:.75rem}.error-message,.success-message-Room{font-size:.875rem;padding:.875rem 1rem}}.room-creation-form{display:flex;gap:10px;margin-bottom:20px}.room-creation-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.room-creation-form button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.room-creation-form button:hover{background:#1976d2}.device-creation-form{display:flex;gap:10px;margin:20px 0}.device-creation-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.device-creation-form button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.device-creation-form button:hover{background:#45a049}.reports-container{padding:20px}.filters{display:flex;gap:10px;margin:20px 0}.filters input{border:1px solid #ddd;border-radius:4px;padding:8px}.room-detail-header-Room{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.room-detail-header-Room h2{margin:0}.room-detail-header-Room button{background:#ff3b30;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.room-detail-header-Room button:hover{background:#e24a42}.room-detail-header-Room .room-name{font-size:1.5em}.room-detail-header-Room .room-name span{color:#666;font-size:.8em}.pie-chart-container{margin:20px auto;max-width:420px}.devices-table{border-collapse:collapse;width:100%}.devices-table td,.devices-table th{border:1px solid #ddd;font-size:.875rem;padding:10px;text-align:left}.devices-table th{background-color:#f5f5f5}.status-radio-Room{margin-top:10px}.status-radio-Room label{align-items:center;display:flex;gap:3px;margin-bottom:5px}.submit-button-Room:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.success-message-popup-Room{animation:fadeIn .5s,fadeOut .5s 2.5s;background-color:#4caf50;border-radius:5px;box-shadow:0 2px 10px #0000001a;color:#fff;padding:15px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.status-dot{border-radius:50%;height:12px;margin-top:5px;width:12px}.submitted{background-color:green}.not-submitted{background-color:#ff00003d}.working-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.working-indicator.working{background-color:#4caf50}.working-indicator.warning{background-color:#ffc107}.working-indicator.not-working{background-color:#f44336}.status-container{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:1rem}.room-h2-Room{align-items:center;display:flex;gap:15px;justify-content:center;text-align:center;width:100%}.today-submission{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin-top:20px;padding:15px}.submitted-device{margin-bottom:10px}.submitted-device p{margin:5px 0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.container{max-width:750px}.rooms-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.container{max-width:1000px}.room-detail-header-Room{flex-direction:column;justify-content:space-between}.rooms-grid{grid-template-columns:repeat(2,1fr)}}.login-container-bg{height:100vh}.welcomes-footer{background:#ff3b30;bottom:0;color:#fff;padding:10px;position:absolute;text-align:center;width:100%}@media (max-width:450px){.login-container{margin:20px}}.nfc-verification-Room{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:15px}.nfc-button{align-items:center;background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:12px 20px;transition:background-color .3s}.nfc-button:hover{background-color:#43a047}.nfc-button:disabled{background-color:#ccc;cursor:not-allowed}.nfc-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:15px;padding:10px}.nfc-requirements{background-color:#fff3e0;border-left:4px solid #ffa000;border-radius:6px;margin-bottom:15px;padding:15px}.nfc-requirements h4{color:#e65100;margin-top:0}.nfc-requirements ul{padding-left:20px}.nfc-permission-hint{color:#fb8c00;font-size:14px;margin-top:8px}.nfc-warning{color:#e53935;font-size:14px;margin-top:10px}.verification-success-Room{align-items:center;background-color:#e8f5e9;border-radius:4px;color:#388e3c;display:flex;gap:8px;padding:10px}.nfc-tip{background-color:#e3f2fd;border-radius:4px;font-size:14px;margin-top:10px;padding:10px}.nfc-debug-info{background:#f5f5f5;border-radius:4px;font-size:.9rem;margin-top:1rem;padding:1rem}.nfc-debug-info ul{list-style:none;padding:0}.nfc-debug-info li{margin:.5rem 0}.comment-input{margin-top:8px;min-height:60px}select{border:1px solid #ccc;border-radius:4px;font-size:.95rem;padding:8px;width:100%}.device-details{border-radius:4px;color:#333;font-size:.9rem;margin:8px 0;padding:8px 12px}.Room-Details-container-Room{margin:0 auto;max-width:1200px;padding:20px}.header-bar-Room{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:1.5rem}.header-bar-Room h1{color:#333;margin:0;text-align:center}.controls-section-Room{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.chart-container-Room{background:#fff;border-radius:12px;margin:0 auto;padding:1rem}.pie-chart-container-Room{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:2rem 0;padding:2rem}.device-details-Room{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.device-details-Room p{color:#555;font-size:.875rem;margin:.5rem 0;overflow-wrap:break-word}.infra-questions-section-Room{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:2rem 0;padding:2rem}.infra-questions-section-Room h3{color:#333;margin-bottom:1.5rem;text-align:center}.infra-questions-grid-Room{grid-gap:1.5rem;display:grid;gap:1.5rem}.infra-question-item-Room{background:#f8f9facc;border:1px solid #0000001a}.infra-question-item-Room:before{background:linear-gradient(135deg,#22c55e,#16a34a)}.infra-question-item-Room h4{color:#333;font-size:1rem;margin:0 0 1rem}.status-selection-Room{margin:1rem 0}.status-selection-Room h4{color:#333;font-size:1rem;margin-bottom:1rem}.status-selection-Room label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-bottom:.75rem}.status-selection-Room input[type=radio]{margin-right:.5rem}@media (max-width:768px){.Room-Details-container-Room{padding:1rem}.controls-section-Room,.header-bar-Room,.infra-questions-section-Room,.pie-chart-container-Room{margin-bottom:1.5rem;padding:1.5rem}.infra-question-item-Room{padding:1rem}}.status-item-Room.working{background:#22c55e0d;border-left:4px solid #22c55e}.status-item-Room.not-working{background:#ef44440d;border-left:4px solid #ef4444}.infra-question-item-Room.working{background:#22c55e0d;border-left:4px solid #22c55e}.infra-question-item-Room.not-working{background:#ef44440d;border-left:4px solid #ef4444}.mandatory-comment-section{background:#ef44440d;border:1px solid #fecaca;border-radius:8px;margin-top:1rem;padding:1rem}.mandatory-indicator{color:#dc2626;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.comment-input-Room.mandatory,.infra-comment-input-Room.mandatory,.infra-comment-select-Room.mandatory,.quick-comment-select-Room.mandatory{background-color:#fef2f2;border:2px solid #dc2626}.comment-input-Room.mandatory:focus,.infra-comment-input-Room.mandatory:focus,.infra-comment-select-Room.mandatory:focus,.quick-comment-select-Room.mandatory:focus{border-color:#b91c1c;box-shadow:0 0 0 3px #ef44441a;outline:none}.submit-button-Room.enabled{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;cursor:pointer;opacity:1}.submit-button-Room.disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.validation-message-Room{background:#ef44440d;border-left:3px solid #dc2626;border-radius:4px;color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.5rem}.nfc-verification-section-Room{background:#f8f9facc;border:1px solid #e5e7eb;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.nfc-verification-section-Room h3{color:#374151;font-weight:600;margin-bottom:1rem}.status-radio-Room label.selected-working{background:#22c55e1a;border-color:#22c55e;color:#16a34a;font-weight:600}.status-radio-Room label.selected-not-working{background:#ef44441a;border-color:#ef4444;color:#dc2626;font-weight:600}.status-selection-Room label.selected-working{background:#22c55e1a;border-color:#22c55e;color:#16a34a;font-weight:600}.status-selection-Room label.selected-not-working{background:#ef44441a;border-color:#ef4444;color:#dc2626;font-weight:600}.device-details-Room{background:#f8f9facc;border-left:3px solid #3b82f6;border-radius:8px;margin:1rem 0;padding:1rem;transition:all .3s ease}.device-details-Room:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a}.infra-question-item-Room{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1.5rem;position:relative;transition:all .3s ease}.infra-question-item-Room:before{background:#e5e7eb;border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.infra-question-item-Room.working:before{background:linear-gradient(135deg,#22c55e,#16a34a)}.infra-question-item-Room.not-working:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-option-Room.disabled-Room{cursor:not-allowed;opacity:.5}.status-option-Room.disabled-Room input{cursor:not-allowed}.mandatory-comment-section{background-color:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;margin-top:8px;padding:8px}.mandatory-indicator{color:#e74c3c;font-size:12px;font-weight:500}.infra-comment-input-Room.mandatory,.status-reason-select-Room.mandatory{border:2px solid #e74c3c}.infra-comment-input-Room.mandatory:focus,.status-reason-select-Room.mandatory:focus{border-color:#c0392b;box-shadow:0 0 0 2px #e74c3c33}
/*# sourceMappingURL=main.711cb463.css.map*/