html,body,#root{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}:root{--color-primary: #1976d2;--color-secondary: #dc004e;--color-text-dark: #212121;--color-text-light: #ffffff;--color-background-light: #f4f7f6;--color-background-dark: #e0e0e0;--color-border: #bdbdbd;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 6px;--box-shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--box-shadow-md: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23)}.page-wrapper{max-width:1920px;width:100%;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background-light);border-bottom:1px solid var(--color-border);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.page-title{font-size:var(--font-size-h4);color:var(--color-text-dark);font-weight:700}.page-actions{display:flex;gap:var(--spacing-sm)}.page-content{flex-grow:1;background-color:var(--color-background-light);padding:var(--spacing-md);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--box-shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}.page-section{background-color:var(--color-background-light);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:border-color .2s ease-in-out}.page-section.active-basic-info,.page-section.active-process-info,.page-section.active-bom{border-color:var(--color-primary)}.sidebar-container{overflow-x:hidden}.sidebar-nav-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.data-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background-color:var(--color-background-dark);color:var(--color-text-dark);font-weight:700;font-size:var(--font-size-sm);white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-background-dark)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.pagination-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-background-light);cursor:pointer;font-size:var(--font-size-sm)}.pagination-button:hover{background-color:var(--color-background-dark)}.pagination-button.active{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--border-radius-sm);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary)}.btn-primary:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,black);border-color:color-mix(in srgb,var(--color-primary) 80%,black)}.btn-secondary{background-color:var(--color-background-dark);color:var(--color-text-dark);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-border)}.btn-danger{background-color:var(--color-error);color:var(--color-text-light);border-color:var(--color-error)}.btn-danger:hover{background-color:color-mix(in srgb,var(--color-error) 80%,black);border-color:color-mix(in srgb,var(--color-error) 80%,black)}.btn-outline-primary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-primary:hover{background-color:var(--color-primary);color:var(--color-text-light)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:500}.toggle-button-group-wrapper{margin-bottom:var(--spacing-md)}.MuiToggleButtonGroup-root{background-color:var(--color-background-light);border-radius:var(--border-radius-md);border:1px solid var(--color-border);display:inline-flex}.toggle-button.MuiToggleButton-root{min-width:120px;border-color:transparent;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.toggle-button.MuiToggleButton-root.Mui-selected{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary)}.toggle-button.MuiToggleButton-root.Mui-selected:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,black);border-color:color-mix(in srgb,var(--color-primary) 80%,black)}.toggle-button.MuiToggleButton-root:hover{background-color:var(--color-background-dark)}.MuiInputBase-input::placeholder,.MuiInputBase-inputMultiline::placeholder{font-size:.75rem!important}.MuiInputLabel-sizeSmall:not(.MuiInputLabel-shrink){font-size:.8125rem!important}.MuiMenuItem-root{font-size:.8125rem!important}.auto-selected-field .MuiInputBase-input.Mui-disabled{-webkit-text-fill-color:rgba(0,0,0,.78)!important}.auto-selected-field .MuiInputLabel-root.Mui-disabled{color:#0000008c!important}.auto-selected-field .MuiOutlinedInput-root.Mui-disabled{background-color:#edf5ff!important}.auto-selected-field .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline{border-color:#64a0e666!important}.compact-date-picker{width:125px!important}.compact-date-picker .MuiInputBase-input{font-size:.8125rem!important;padding-top:5px!important;padding-bottom:5px!important}.compact-date-picker .MuiInputAdornment-root .MuiIconButton-root{padding:2px!important}.compact-date-picker .MuiSvgIcon-root{font-size:1.1rem!important}.compact-date-picker .MuiPickersInputBase-root,.compact-date-picker .MuiPickersInputBase-input,.compact-date-picker .MuiPickersInputBase-sectionContent,.compact-date-picker .MuiPickersSectionList-root,.compact-date-picker .MuiPickersSectionList-section,.compact-date-picker .MuiPickersSectionList-sectionContent{font-size:.8125rem!important;line-height:1.2!important}.compact-date-picker .MuiPickersInputBase-sectionsContainer{padding-top:5px!important;padding-bottom:5px!important}
