.mode-selector{display:flex;border-bottom:none}.mode-button{background-color:transparent;border:none;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;padding:12px 20px;font-weight:500;color:var(--text-muted);cursor:pointer;text-align:center;margin:0 2px -2px 0;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease;line-height:1.5;display:inline-flex;align-items:center;gap:6px}.mode-button:hover{background-color:transparent;border-color:transparent;border-bottom:3px solid var(--gray-400);color:var(--text-color)}.mode-button.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary);background-color:transparent}.mode-button:hover:not(.active){color:var(--text-color);border-bottom-color:var(--gray-400)}.controls-container{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;position:sticky;top:64px;background-color:var(--body-bg);z-index:900;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));margin-bottom:var(--spacing-md)}.data-management{margin-bottom:0;padding-bottom:2px;display:flex;gap:var(--spacing-sm)}.app-description{padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.95rem;color:var(--text-muted);max-width:850px;margin-left:auto;margin-right:auto;text-align:center;line-height:1.5}.app-description p{margin-bottom:0}.mode-section{display:none;background-color:var(--card-bg);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);margin-top:var(--spacing-md);border:1px solid var(--border-color)}.mode-section.active{display:block}.section-header{display:flex;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.section-icon{font-size:1.5em;color:var(--primary);margin-right:12px;line-height:1}.mode-section h2,.modal-content h2{margin-bottom:0;padding-bottom:0;border-bottom:none;color:var(--gray-800);font-weight:600;font-size:1.5rem}#add-location-form p,#add-user-form p{margin-bottom:var(--spacing-md);font-size:.9em;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:var(--spacing-lg)}.form-icon{color:var(--text-muted);font-size:.9em;width:1.1em;text-align:center}.form-group label{display:inline-flex;align-items:baseline;gap:6px}.form-group label input[type=checkbox]{margin-bottom:0}.info-box{margin-top:var(--spacing-lg);padding:var(--spacing-md) 1.25rem;border:1px solid transparent;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-box h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-sm)}.info-box h3 i{font-size:1em}#generated-barcode-id{font-weight:600;background-color:var(--card-bg);padding:2px 6px;border-radius:3px;border:1px solid var(--gray-200);font-family:monospace}.info-bg{background-color:#e7f3ff;border-color:#b6d7f8;color:#0c5dad}.info-bg h3{color:#0c5dad}.success-bg{background-color:#d1f7e5;border-color:#a4e6c3;color:#0a6b3d}.success-bg h3{color:#0a6b3d}.warning-bg{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.warning-bg h3{color:#856404}.danger-bg{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.danger-bg h3{color:#721c24}.list-manage{max-height:450px;overflow-y:auto;border:1px solid var(--gray-200);padding:var(--spacing-sm);background-color:var(--card-bg);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm)}.management-list-area{margin-top:var(--spacing-md)}.management-list-area .section-header{margin-bottom:var(--spacing-sm);border-bottom:none;padding-bottom:0}.management-list-area p{font-size:.9em;color:var(--text-muted);margin-bottom:var(--spacing-md)}.empty-list-message{color:var(--text-muted);font-style:italic;text-align:center;padding:20px}.list-item{background-color:var(--card-bg);border:1px solid var(--gray-200);padding:12px 15px;margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9rem;position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;transition:background-color .15s ease}.list-item:hover{background-color:var(--gray-100)}.item-details{flex-grow:1;display:flex;flex-direction:column;gap:2px}.item-details strong{font-size:1rem;font-weight:600;color:var(--text-color)}.item-details span{font-size:.88rem;color:var(--text-muted);line-height:1.4;display:inline-flex;align-items:center;gap:5px}.item-details span i{font-size:.9em;width:1em;text-align:center}.item-details span.barcode-id{font-weight:500;color:var(--text-color);background-color:var(--gray-200);padding:2px 6px;border-radius:3px;display:inline-block;margin-top:4px;font-size:.8rem;font-family:monospace}.item-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.patrol-controls{margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}#current-patrol-info{font-weight:700;flex-grow:1;text-align:center;font-size:.9rem;color:var(--gray-700)}.scan-area{margin-bottom:var(--spacing-lg);border:1px dashed var(--gray-400);padding:var(--spacing-md);text-align:center;border-radius:var(--border-radius-sm)}.scan-area label{font-weight:500;margin-right:5px;display:inline-flex;align-items:center;gap:6px}#scan-input{display:block;margin:var(--spacing-sm) auto;width:180px;text-align:center;padding:var(--spacing-sm) 12px;font-size:1.1rem}.status-message{padding:var(--spacing-sm) 15px;font-size:.9em;border-radius:var(--border-radius-sm);flex-basis:100%;text-align:center;margin-top:var(--spacing-sm);background-color:transparent;border-color:transparent;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-width:1px;border-style:solid}.status-message.success{background-color:#d1f7e5;border-color:#a4e6c3;color:#0a6b3d}.status-message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.status-message.info{background-color:#e7f3ff;border-color:#b6d7f8;color:#0c5dad}.status-message.warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.list-attendance{max-height:350px;overflow-y:auto;border:1px solid var(--gray-200);padding:var(--spacing-sm);background-color:var(--card-bg);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm)}.list-attendance .list-item{justify-content:flex-start}.user-management-area,#location-management-area{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.user-management-area h2,#location-management-area h2,.logged-scans-area h3,#location-list-container h2{margin-top:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-size:1.1rem;font-weight:600}.user-management-area .section-header,#location-management-area .section-header,#location-list-container .section-header{border-bottom:none;padding-bottom:0;margin-bottom:var(--spacing-md)}.user-management-area .section-header h2,#location-management-area .section-header h2,#location-list-container .section-header h2{font-size:1.5rem;border-bottom:none;color:var(--gray-800)}.modal-header{border-bottom:1px solid var(--gray-200);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.modal-header .section-icon{color:var(--primary)}.modal-header .warning-text,.warning-text{color:var(--warning)!important}#edit-location-form .form-group{margin-bottom:1.25rem}.accent-button{background-color:var(--primary);color:#fff;border-color:var(--primary-dark)}.accent-button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.success-button{background-color:var(--success);color:#fff;border-color:var(--success)}.success-button:hover{background-color:#05b386;border-color:#05b386}.danger-button{background-color:var(--danger);color:#fff;border-color:var(--danger)}.danger-button:hover{background-color:#d63e60;border-color:#d63e60}.warning-button{background-color:var(--warning);color:var(--gray-800);border-color:var(--warning)}.warning-button:hover{background-color:#e6bc5c;border-color:#e6bc5c}.info-button{background-color:var(--secondary);color:#fff;border-color:var(--secondary)}.info-button:hover{background-color:#43b4d8;border-color:#43b4d8}.secondary-button{background-color:var(--gray-600);color:#fff;border-color:var(--gray-600)}.secondary-button:hover{background-color:var(--gray-700);border-color:var(--gray-700)}.tertiary-button{background-color:var(--gray-200);color:var(--text-color);border:1px solid var(--gray-400)}.tertiary-button:hover{background-color:var(--gray-300);border-color:var(--gray-500)}.action-button{padding:5px 8px;font-size:.8rem;gap:4px}.edit-button{background-color:var(--warning);color:var(--gray-800);border-color:var(--warning)}.edit-button:hover{background-color:#e6bc5c;border-color:#e6bc5c}.data-button{margin-left:0}body.dark-theme .controls-container{background-color:var(--body-bg);border-bottom-color:var(--border-color)}body.dark-theme .mode-section{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .mode-button{color:var(--gray-600)}body.dark-theme .mode-button.active{color:var(--primary);border-bottom-color:var(--primary)}body.dark-theme .mode-button:hover:not(.active){color:var(--text-color)}body.dark-theme .list-manage,body.dark-theme .list-attendance,body.dark-theme .list-item{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .list-item:hover{background-color:var(--gray-100)}body.dark-theme .item-details strong{color:var(--text-color)}body.dark-theme .item-details span.barcode-id{background-color:var(--gray-200);color:var(--text-color)}body.dark-theme .scan-area{border-color:var(--gray-400)}body.dark-theme .info-bg{background-color:#1a2f4a;border-color:#2a4a6e;color:#8cc4ff}body.dark-theme .info-bg h3{color:#8cc4ff}body.dark-theme .success-bg{background-color:#1a3a2a;border-color:#2a5a3e;color:#7edba7}body.dark-theme .success-bg h3{color:#7edba7}body.dark-theme .warning-bg{background-color:#3a3020;border-color:#5a4a30;color:#ffd166}body.dark-theme .warning-bg h3{color:#ffd166}body.dark-theme .danger-bg{background-color:#3a1a1e;border-color:#5a2a30;color:#ff8a95}body.dark-theme .danger-bg h3{color:#ff8a95}body.dark-theme .status-message.success{background-color:#1a3a2a;border-color:#2a5a3e;color:#7edba7}body.dark-theme .status-message.error{background-color:#3a1a1e;border-color:#5a2a30;color:#ff8a95}body.dark-theme .status-message.info{background-color:#1a2f4a;border-color:#2a4a6e;color:#8cc4ff}body.dark-theme .status-message.warning{background-color:#3a3020;border-color:#5a4a30;color:#ffd166}body.dark-theme #generated-barcode-id{background-color:var(--gray-200);border-color:var(--border-color);color:var(--text-color)}body.dark-theme .user-management-area,body.dark-theme #location-management-area{border-top-color:var(--border-color)}body.dark-theme .section-header,body.dark-theme .modal-header{border-bottom-color:var(--border-color)}@media (max-width: 768px){.controls-container{top:110px;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm));align-items:center}.form-grid{grid-template-columns:1fr}.mode-selector{width:100%;justify-content:center;margin-bottom:var(--spacing-sm)}.data-management{width:100%;justify-content:center;display:flex;padding-bottom:0;margin-top:5px;gap:var(--spacing-sm)}.mode-section{border-radius:var(--border-radius);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-md)}.mode-section h2,.modal-content h2,.user-management-area .section-header h2,#location-management-area .section-header h2,#location-list-container .section-header h2{font-size:1.3rem}}@media (max-width: 480px){.controls-container{top:120px}.mode-button{padding:10px 12px;font-size:.85rem;gap:4px}.data-management{gap:var(--spacing-sm)}.data-button{flex-grow:1;margin-left:0}.list-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.item-actions{margin-top:var(--spacing-sm);width:100%;justify-content:flex-end}.section-header{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:var(--spacing-md)}.section-icon{margin-right:0;margin-bottom:5px}.mode-section h2,.modal-content h2,.user-management-area .section-header h2,#location-management-area .section-header h2,#location-list-container .section-header h2{font-size:1.2rem}#current-patrol-info{text-align:left;margin-top:5px;width:100%}}