html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;padding-top:95px;padding-bottom:60px}main{max-width:1600px;width:96%;padding:1.5rem;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-grow:1;overflow:hidden;position:relative;display:flex}.main-layout{display:flex;flex-wrap:wrap;gap:20px;width:100%;height:100%;overflow:hidden}.column{display:flex;flex-direction:column;gap:1.5rem}.column-left{width:450px;flex-shrink:0;overflow-y:auto}.column-right{flex-grow:1;flex-basis:0;min-width:300px;display:flex;flex-direction:column;overflow:hidden}section{padding:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);margin-bottom:0;width:100%;flex-shrink:0}.data-section{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.column-left section{padding:1.5rem 1.5rem .75rem}section h2{margin-top:0;margin-bottom:1rem;color:var(--gray-800);border-bottom:1px solid var(--gray-200);padding-bottom:.5rem;flex-shrink:0}.input-group,.settings-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1rem}.camera-controls-group{margin-bottom:.5rem!important}.button-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:.5rem!important}.input-group:last-child,.settings-group:last-child{margin-bottom:0}.input-group #barcodeInput{flex-grow:1;min-width:150px}.input-group label[for=barcodeInput]{margin-right:5px;font-weight:700}.camera-controls-group{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.sound-option{display:flex;align-items:center;gap:5px}.sound-option label{font-weight:400}.horizontal-fields-group{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start}.field-group{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1}.location-group,.person-group{flex-basis:calc(40% - 10px);min-width:120px}.type-group{flex-basis:calc(20% - 10px);min-width:80px}.field-group label{margin-bottom:4px;display:block;font-size:.9em}.field-group input[type=text]{width:100%;flex-grow:0;flex-basis:auto;min-width:auto}.disk-button{background-color:var(--gray-200);color:var(--gray-800);border:1px solid var(--gray-300)}.disk-button:hover{background-color:var(--gray-300);border-color:var(--gray-400)}.disk-button:active{background-color:var(--gray-400);border-color:var(--gray-500);box-shadow:inset 0 1px 3px #00000026;transform:translateY(1px)}.disk-button:focus{outline:none}.disk-button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.danger-button{background-color:var(--danger);color:#fff;border-color:var(--danger)}.danger-button:hover{background-color:#d63e60;border-color:#d63e60}.danger-button:active{background-color:#c23555;border-color:#c23555}.status-message{margin-top:.5em;font-size:.9em;color:var(--text-muted);min-height:1.2em;flex-shrink:0}.draggable-dialog{position:absolute;z-index:1001;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--box-shadow-lg);border-radius:var(--border-radius-sm);display:none;width:420px;min-width:300px;overflow:hidden;top:100px;left:calc(50% - 210px)}.dialog-header{background-color:var(--gray-100);padding:8px 12px;cursor:move;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;user-select:none;-webkit-user-select:none;-ms-user-select:none}.dialog-header span{font-weight:700;color:var(--text-color)}.dialog-close-button{background:none;border:none;font-size:1.2em;font-weight:700;color:var(--text-muted);cursor:pointer;padding:0 5px;line-height:1}.dialog-close-button:hover{color:var(--text-color);background:none}.dialog-close-button i.fa-solid{margin-right:0}.dialog-content #cameraPreview{width:100%;display:block;background-color:#333}.dialog-status{padding:8px;background-color:var(--gray-100);border-top:1px solid var(--border-color);text-align:center;margin-top:0;color:var(--text-color)}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1100;display:none}.custom-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1101;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);padding:1.5rem 2rem;min-width:300px;max-width:90%;display:none}.custom-dialog .dialog-message{margin:0 0 1.5rem;line-height:1.5;font-size:1.05em;text-align:center;color:var(--text-color)}.custom-dialog .dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:1rem}.custom-dialog .dialog-button{padding:.5rem 1rem;border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;font-size:.95em;transition:var(--transition)}.custom-dialog .dialog-button.primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.custom-dialog .dialog-button.primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.custom-dialog .dialog-button.secondary{background-color:var(--gray-200);color:var(--gray-800);border-color:var(--gray-300)}.custom-dialog .dialog-button.secondary:hover{background-color:var(--gray-300);border-color:var(--gray-400)}.table-container{flex-grow:1;overflow:scroll;border:1px solid var(--border-color);max-height:65vh;min-height:150px}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--border-color);padding:.7rem;text-align:left;vertical-align:middle;white-space:nowrap;transition:background-color .5s ease-out;color:var(--text-color)}th{background-color:var(--gray-200);font-weight:700;position:sticky;top:0;z-index:10;color:var(--gray-800)}th:first-child,td:first-child{position:sticky;left:0;z-index:11;background-color:var(--gray-300);text-align:center}td:first-child{background-color:var(--gray-100);z-index:5}tbody tr:nth-child(odd){background-color:var(--gray-100)}tbody tr:nth-child(odd) td:first-child{background-color:var(--gray-100)}tbody tr:hover,tbody tr:hover td:first-child{background-color:var(--gray-200)}tr.newly-added td{background-color:#e8f4ff}tr.newly-added td:first-child{background-color:#dbefff}body.dark-theme tr.newly-added td{background-color:#1a2f4a}body.dark-theme tr.newly-added td:first-child{background-color:#1a3555}td button.delete-button{padding:.3rem .6rem;font-size:.8rem;background-color:var(--warning);color:var(--gray-800);border:1px solid #e0a800}td button.delete-button:hover{background-color:#e0a800;border-color:#d39e00}#noDataMessage{padding:1rem;text-align:center;flex-shrink:0;color:var(--text-muted)}button i.fa-solid{margin-right:6px}