.inventory-page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.inventory-title{color:var(--text-color);font-size:1.875rem;font-weight:900;letter-spacing:-.025em;margin:0 0 .25rem}.inventory-subtitle{color:var(--text-color-light);font-size:1rem;margin:0}.btn-create-part{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-color);color:#fff;height:2.75rem;padding:0 1.5rem;font-size:.875rem;font-weight:700;border-radius:.5rem;box-shadow:0 10px 15px -3px #2b8cee40;transition:transform .2s;border:none;cursor:pointer}.btn-create-part:hover{transform:scale(1.02)}.inventory-filters-card{background-color:transparent;padding:0;margin-bottom:1rem;border:none;box-shadow:none}.search-bar-wrapper{position:relative;width:100%;margin-bottom:1rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-color-light);font-family:Material Symbols Outlined;font-size:1.25rem;-webkit-user-select:none;user-select:none}.inventory-search-input{width:100%;background-color:var(--background-color-form);border:1px solid #e5e7eb;border-radius:.5rem;height:2.25rem;padding-left:2.5rem;padding-right:1rem;color:var(--text-color);font-size:.875rem}.inventory-search-input::placeholder{color:var(--text-color-light)}.inventory-search-input:focus{outline:none;box-shadow:0 0 0 2px var(--border-color)}.filter-controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.filter-pill{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;height:2.25rem;background-color:var(--background-color-lighter);color:var(--text-color);font-size:.875rem;font-weight:500;border-radius:.5rem;border:1px solid transparent;transition:all .2s;cursor:pointer}.filter-pill:hover{background-color:var(--background-color-light);border-color:var(--border-color)}.filter-label{color:var(--text-color-light)}.clear-filters-btn{color:var(--primary-color);font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer}.clear-filters-btn:hover{text-decoration:underline}.filter-separator{height:1.5rem;width:1px;background-color:var(--background-color-light);margin:0 .5rem}.part-number-link{color:var(--primary-color);font-weight:700;text-decoration:none;cursor:pointer}.part-number-link:hover{text-decoration:underline;text-underline-offset:4px}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;line-height:1.25}.badge-tag{background-color:var(--active-color);color:var(--active-text-color);border:1px solid rgba(102,164,66,.2)}.AuditLogPage{display:flex;flex-direction:column;flex-grow:1;min-height:0;gap:0}.audit-log-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.audit-log-header h2{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:var(--text-color);margin:0}.audit-log-header p{color:var(--text-color-light);font-size:.875rem;margin:4px 0 0}.audit-log-header-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-color-light);font-size:.8125rem;white-space:nowrap}.audit-log-header-meta .material-symbols-outlined{font-size:18px}.audit-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.625rem;padding:.875rem 1rem;background-color:var(--background-color-form);border:1px solid var(--border-color-light);border-radius:10px 10px 0 0;border-bottom:none}.audit-filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.audit-filter-group label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-color-light);padding-left:2px}.audit-filter-group select,.audit-filter-group input[type=date],.audit-filter-group input[type=text]{height:2.125rem;padding:0 .625rem;font-size:.8125rem;color:var(--text-color);background-color:var(--background-color);border:1px solid var(--border-color-light);border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.audit-filter-group select{min-width:130px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.audit-filter-group input[type=date]{min-width:130px}.audit-filter-group input[type=text]{min-width:180px;flex:1}.audit-filter-group select:focus,.audit-filter-group input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.audit-filter-actions{display:flex;align-items:flex-end;gap:.5rem;margin-left:auto}.audit-btn-clear{display:inline-flex;align-items:center;gap:.375rem;height:2.125rem;padding:0 .875rem;font-size:.8125rem;font-weight:500;color:var(--text-color-light);background:none;border:1px solid var(--border-color-light);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.audit-btn-clear:hover{color:var(--text-color);border-color:var(--border-color);background-color:var(--background-color)}.audit-btn-clear .material-symbols-outlined{font-size:15px}.audit-table-card{display:flex;flex-direction:column;flex-grow:1;min-height:0;background-color:var(--background-color-form);border:1px solid var(--border-color-light);border-radius:0 0 10px 10px;overflow:hidden}.audit-table-scroll{flex-grow:1;overflow-x:auto;overflow-y:auto;min-height:0}.audit-table{width:100%;border-collapse:collapse;text-align:left}.audit-table thead{position:sticky;top:0;z-index:5}.audit-table th{background-color:var(--background-color-lighter);border-bottom:2px solid var(--border-color);padding:.5rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color-light);white-space:nowrap;-webkit-user-select:none;user-select:none}.audit-table th.sortable{cursor:pointer;transition:color .15s}.audit-table th.sortable:hover{color:var(--text-color)}.audit-table td{padding:.5rem .75rem;font-size:.8125rem;color:var(--text-color);white-space:nowrap;border-bottom:1px solid var(--border-color-light);vertical-align:middle}.audit-table tbody tr.audit-row{cursor:pointer;transition:background-color .12s}.audit-table tbody tr.audit-row:nth-child(4n+3){background-color:#00000004}.audit-table tbody tr.audit-row:hover{background-color:#6366f10f!important}.audit-table tbody tr.audit-row-expanded{background-color:#6366f10a!important}.audit-row-expand-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:var(--text-color-light);transition:transform .2s,color .15s}.audit-row-expand-icon.expanded{transform:rotate(90deg);color:#6366f1}.audit-row-expand-icon .material-symbols-outlined{font-size:18px}.audit-timestamp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:var(--text-color-light)}.audit-user-cell{display:flex;align-items:center;gap:.5rem}.audit-user-avatar{width:22px;height:22px;border-radius:50%;background-color:var(--background-color-lighter);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:var(--text-color-light);flex-shrink:0;text-transform:uppercase}.audit-user-email{font-size:.8125rem;color:var(--text-color)}.audit-entity-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;background-color:var(--background-color-lighter);color:var(--text-color);letter-spacing:.01em}.audit-record-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:var(--secondary-color);font-weight:600}.audit-action-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1}.audit-action-badge--create{background-color:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.audit-action-badge--update{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.audit-action-badge--delete{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.audit-action-badge--status_change{background-color:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.audit-action-badge--default{background-color:var(--background-color-lighter);color:var(--text-color-light);border:1px solid var(--border-color-light)}.audit-summary{font-size:.8125rem;color:var(--text-color-light)}.audit-detail-row td{padding:0!important;border-bottom:2px solid var(--border-color-light)}.audit-detail-content{padding:1rem 1.5rem 1.25rem 2.75rem;background:linear-gradient(135deg,#6366f105,#6366f10a);border-top:1px dashed var(--border-color-light);animation:auditDetailSlide .2s ease-out}@keyframes auditDetailSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.audit-detail-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-color-light);margin-bottom:.625rem;display:flex;align-items:center;gap:.375rem}.audit-detail-title .material-symbols-outlined{font-size:14px;color:#6366f1}.audit-diff-table{width:100%;max-width:700px;border-collapse:collapse;font-size:.8125rem;background-color:var(--background-color-form);border:1px solid var(--border-color-light);border-radius:6px;overflow:hidden}.audit-diff-table th{background-color:var(--background-color-lighter);padding:.375rem .75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-color-light);border-bottom:1px solid var(--border-color-light);text-align:left}.audit-diff-table td{padding:.375rem .75rem;border-bottom:1px solid var(--border-color-light);vertical-align:top;white-space:normal;word-break:break-word}.audit-diff-table tr:last-child td{border-bottom:none}.audit-diff-field{font-weight:600;color:var(--text-color);font-size:.8125rem}.audit-diff-old{color:#dc2626;text-decoration:line-through;text-decoration-color:#dc262666;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.audit-diff-new{color:#059669;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.audit-diff-null{color:var(--text-color-light);font-style:italic;opacity:.6}.audit-meta-info{margin-top:.75rem;padding:.5rem .75rem;background-color:var(--background-color-lighter);border-radius:6px;font-size:.75rem;color:var(--text-color-light);max-width:700px;display:flex;flex-wrap:wrap;gap:1rem}.audit-meta-item{display:flex;align-items:center;gap:.25rem}.audit-meta-item strong{color:var(--text-color);font-weight:600}.audit-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--border-color-light);background-color:var(--background-color-form);flex-shrink:0}.audit-pagination-info{font-size:.8125rem;color:var(--text-color-light)}.audit-pagination-info strong{color:var(--text-color);font-weight:600}.audit-pagination-controls{display:flex;align-items:center;gap:.5rem}.audit-pagination-controls select{height:2rem;padding:0 .5rem;font-size:.8125rem;border:1px solid var(--border-color-light);border-radius:6px;background-color:var(--background-color);color:var(--text-color);cursor:pointer;outline:none}.audit-pagination-controls select:focus{border-color:#6366f1}.audit-page-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-color-light);border-radius:6px;background-color:var(--background-color-form);color:var(--text-color);cursor:pointer;transition:all .15s}.audit-page-btn:hover:not(:disabled){background-color:var(--background-color);border-color:var(--border-color)}.audit-page-btn:disabled{opacity:.35;cursor:not-allowed}.audit-page-btn .material-symbols-outlined{font-size:18px}.audit-page-number{font-size:.8125rem;color:var(--text-color);min-width:5rem;text-align:center}.audit-page-number strong{font-weight:700}.audit-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;flex-grow:1}.audit-empty-state .material-symbols-outlined{font-size:48px;color:var(--border-color);margin-bottom:1rem}.audit-empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0 0 .375rem}.audit-empty-state p{font-size:.875rem;color:var(--text-color-light);margin:0;max-width:360px}.audit-loading{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem;color:var(--text-color-light);font-size:.875rem;flex-grow:1}.audit-loading-spinner{width:20px;height:20px;border:2.5px solid var(--border-color-light);border-top-color:#6366f1;border-radius:50%;animation:auditSpin .7s linear infinite}@keyframes auditSpin{to{transform:rotate(360deg)}}.audit-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:.5rem 0;background-color:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#dc2626;font-size:.8125rem}.audit-error .material-symbols-outlined{font-size:18px;flex-shrink:0}@media (max-width: 900px){.audit-filter-bar{gap:.5rem}.audit-filter-group select,.audit-filter-group input[type=text]{min-width:100px}.audit-filter-actions{margin-left:0;width:100%;justify-content:flex-end}}.tags-input-container{position:relative;width:100%}.tags-display{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid transparent;min-height:28px;cursor:pointer}.tag-item{background-color:#e0e0e0;border-radius:4px;padding:2px 6px;font-size:12px;display:flex;align-items:center;gap:4px}.tags-dropdown{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;width:250px;padding:8px}.tags-dropdown-header{font-weight:700;margin-bottom:8px}.tags-dropdown input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;margin-bottom:8px;box-sizing:border-box}.tags-list{max-height:150px;overflow-y:auto;list-style:none;padding:0;margin:0}.tag-suggestion-item{padding:6px 8px;cursor:pointer}.tag-suggestion-item:hover{background-color:#f0f0f0}.tag-suggestion-item.selected{background-color:#e0e0e0}.new-tag-indicator{font-style:italic;color:#888;margin-left:8px}.add-tag-button{background-color:transparent;color:#007bff;border:1px dashed #007bff;border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-tag-button:hover{background-color:#007bff1a}html{font-size:14px}body,h1,h2,h3,h4,h5,h6,p,button,nav,input,select,textarea,ul,ol{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}:root{--primary-color: #66a442;--primary-color-hover: #4f8630;--primary-color-disabled: #a0c28d;--secondary-color: #0d7eb6;--tertiary-color: #5d7a92;--danger-color: #ef4444;--danger-color-hover: #dc2626;--text-color: #171c1f;--text-color-light: #444652;--background-color: #f6fafe;--background-color-light: #dfe3e7;--background-color-lighter: #f0f4f8;--background-color-form: #ffffff;--border-color: #c4c6d4;--border-color-light: #e4e9ed;--border-color-lighter: #f0f4f8;--shadow-color: rgba(23, 28, 31, .08);--shadow-color-light: rgba(23, 28, 31, .04);--shadow-color-lighter: rgba(23, 28, 31, .02);--active-color: #eaf5e3;--active-text-color: #2e4a1e}[data-theme=dark]{--primary-color: #66a442;--primary-color-hover: #7eb35a;--primary-color-disabled: #3a4a31;--secondary-color: #38bdf8;--tertiary-color: #94a3b8;--danger-color: #f87171;--danger-color-hover: #ef4444;--text-color: #f8fafc;--text-color-light: #94a3b8;--background-color: #0f172a;--background-color-light: #1e293b;--background-color-lighter: #334155;--background-color-form: #1e293b;--border-color: #475569;--border-color-light: #334155;--border-color-lighter: #1e293b;--shadow-color: rgba(0, 0, 0, .4);--shadow-color-light: rgba(0, 0, 0, .2);--shadow-color-lighter: rgba(0, 0, 0, .1);--active-color: #14532d;--active-text-color: #dcfce7}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.btn{padding:8px 15px;border:none;border-radius:4px;background-color:var(--primary-color);color:#fff;font-size:.95em;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;margin-right:10px;box-shadow:0 1px 2px var(--shadow-color)}.btn:hover{background-color:var(--primary-color-hover)}.btn:disabled{background-color:var(--primary-color-disabled);cursor:not-allowed}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover{background-color:var(--danger-color-hover)}.btn-signout{background:none;border:none;color:var(--text-color-light);font-size:.9em;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .2s ease}.btn-signout:hover{background-color:var(--background-color-light);color:var(--text-color)}.delete-button{background-color:var(--danger-color);color:#fff;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.8em;transition:background-color .3s ease}.delete-button:hover{background-color:#b91c1c}.delete-button:disabled{background-color:#999;cursor:default}.table-responsive{overflow-x:auto;overflow-y:auto;flex-grow:1;min-height:0}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background-color:var(--background-color-lighter);border-bottom:2px solid var(--border-color);padding:8px 10px;font-size:.9rem;font-weight:700;color:var(--text-color);white-space:nowrap;border-radius:0;position:sticky;top:0;z-index:10}.compact-table th{padding:4px 8px}.table td{padding:10px 12px;white-space:nowrap;border-bottom:1px solid rgba(43,140,238,.05);color:var(--text-color);font-size:.875rem;border-left:none;border-right:none}.compact-table td{padding:4px 12px}.table tbody tr:nth-child(2n){background-color:var(--background-color-light)}.table tbody tr:hover{background-color:#2b8cee1a!important;transition:background-color .15s ease}.sortable-header{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:var(--background-color-light)}.sort-indicator{margin-left:5px;font-size:.8em;color:var(--primary-color)}.numeric-cell{text-align:right}.form-container{background-color:var(--background-color-form);padding:20px;border:1px solid var(--border-color-lighter);border-radius:4px;margin-bottom:25px}.form-container div{margin-bottom:10px}.form-container .table div,.form-container .table-responsive div,.inventory-table-card div{margin-bottom:0}.data-label,.form-container label{display:block;margin-bottom:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color-light)}.form-container input[type=text],.form-container input[type=number],.form-container input[type=date],.form-container input[type=email],.form-container select,.form-container textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:.95em}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #4f46e533;transition:border-color .2s ease,box-shadow .2s ease}.form-container div:has(>button){text-align:right;margin-top:20px}.card{background-color:var(--background-color-form);border:1px solid var(--border-color-light);border-radius:8px;padding:24px;box-shadow:0 1px 2px 0 var(--shadow-color-light);margin-bottom:24px}.tab-nav{display:flex;border-bottom:1px solid var(--border-color-light)}.tab-button{padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--text-color-light);background-color:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.tab-button.active{color:var(--text-color);border-bottom-color:var(--primary-color);font-weight:600}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--background-color)}.sidebar{width:240px;background-color:var(--background-color-form);border-right:1px solid var(--border-color-light);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color-light);text-align:center}.sidebar-header h2{font-size:1.125rem;font-weight:600;color:var(--text-color)}.sidebar-nav{padding:15px 0;flex-grow:1}.nav-button{display:flex;width:100%;align-items:center;padding:12px 20px;font-size:1em;color:var(--text-color-light);border:none;background-color:transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,padding .2s ease;text-decoration:none;cursor:pointer}.nav-button:hover{background-color:var(--background-color-light);color:var(--text-color)}.nav-button.active{background-color:var(--background-color-light);color:var(--text-color);font-weight:600;border-left:4px solid var(--primary-color);padding-left:16px}.nav-icon-text{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--background-color-lighter);border-radius:8px;font-weight:700;font-size:.85rem;color:var(--text-color-muted);transition:all .2s ease}.nav-button.active .nav-icon-text{background-color:var(--primary-color);color:#fff}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.main-content-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:var(--background-color-form);border-bottom:1px solid var(--border-color-light);height:60px;flex-shrink:0;box-shadow:0 2px 4px var(--shadow-color);z-index:10}.user-info{display:flex;align-items:center;gap:15px}.user-info span{color:var(--text-color);font-weight:500}.user-info .SignOutButton button{padding:5px 10px;background-color:var(--danger-color);color:#fff;border:none;border-radius:4px;font-size:.9em;transition:background-color .2s ease;font-weight:500;box-shadow:0 1px 2px var(--shadow-color)}.user-info .SignOutButton button:hover{background-color:var(--danger-color-hover)}.page-content{padding:30px 30px 0;flex-grow:1;overflow-y:auto;overflow-x:hidden;background-color:var(--background-color);display:flex;flex-direction:column}.settings-content,.inventory-content,.supply-chain-content,.accounting-content,.production-content,.sales-content,.order-fulfillment-content,.detail-tab-content{padding-top:2px}.InventoryList,.InventoryPage,.SalesPage,.AccountingPage,.ProductionPage,.supply-chain-content,.OrderFulfillmentPage{display:flex;flex-direction:column;flex-grow:1;min-height:0}.auth-container{max-width:420px;margin:60px auto;padding:40px;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color-light);background-color:var(--background-color-form);text-align:center;display:flex;flex-direction:column;gap:15px}.auth-container h1{font-size:1.8em;font-weight:600;letter-spacing:.5px;color:var(--text-color);margin-bottom:15px;display:inline-block}.auth-container p.auth-instruction{color:var(--text-color-light);margin-bottom:30px;font-size:.95em}.auth-container .GoogleSignInButton button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 15px;margin-bottom:15px;font-size:1em;font-weight:500;color:var(--text-color);background-color:var(--background-color-form);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px var(--shadow-color-light);transition:background-color .2s ease,box-shadow .2s ease;cursor:pointer}.auth-container .GoogleSignInButton button:hover{background-color:#f9f9f9;box-shadow:0 2px 4px var(--shadow-color-light)}.auth-container .GoogleSignInButton button:disabled{opacity:.7;cursor:not-allowed;background-color:#f5f5f5}.auth-container p.auth-separator{display:flex;align-items:center;text-align:center;color:#aaa;font-size:.9em;font-weight:500;margin:25px 0}.auth-container p.auth-separator:before,.auth-container p.auth-separator:after{content:"";flex:1;border-bottom:1px solid var(--border-color-light)}.auth-container p.auth-separator:not(:empty):before{margin-right:.5em}.auth-container p.auth-separator:not(:empty):after{margin-left:.5em}.auth-container form{margin-bottom:20px;text-align:left}.auth-container form h3{text-align:center;font-size:1.2em;font-weight:600;color:var(--text-color);margin-bottom:20px}.auth-container form div{margin-bottom:15px}.auth-container form label{display:block;margin-bottom:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color)}.auth-container form input[type=email],.auth-container form input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:1em}.auth-container form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #4f46e533}.auth-container form p[style*="color: red"]{font-size:.85em;text-align:center;margin-top:-5px;margin-bottom:10px}.auth-container form button[type=submit]{width:100%}.auth-container hr{border:0;border-top:1px solid #eee;margin:25px 0}.auth-container p.auth-toggle{text-align:center;font-size:.9em;color:var(--text-color-light)}.auth-container p.auth-toggle button{color:var(--primary-color);text-decoration:none;padding:0;font-size:inherit;margin-left:5px}.auth-container p.auth-toggle button:hover{color:var(--active-text-color)}.forecasting-table-wrapper{width:100%;overflow-x:auto}.forecasting-table-wrapper table{min-width:800px;border-spacing:0}.ActivityLog{padding:20px}.inventory-input{box-sizing:border-box;width:100%;background-color:#f6f7f8;border:1px solid rgba(43,140,238,.1);border-radius:.5rem;min-height:2.3rem;padding:.35rem .6rem;color:var(--text-color);font-size:.85rem;line-height:normal;transition:box-shadow .2s ease,background-color .2s ease}.inventory-input:focus{outline:none;background-color:var(--background-color-form);box-shadow:0 0 0 2px var(--border-color)}.inventory-input:disabled{background-color:#e2e8f0;color:var(--text-color-light);cursor:not-allowed}.inventory-input::placeholder{color:var(--text-color-light)}.activity-log-table{width:100%;border-collapse:collapse;margin-top:10px;border:1px solid var(--border-color);border-radius:5px}.activity-log-table th,.activity-log-table td{border:1px solid var(--border-color);padding:8px;text-align:left}.activity-log-table th{background-color:var(--background-color-light);border-radius:5px 5px 0 0}.activity-log-table td{border-radius:0 0 5px 5px}.activity-log-table ul{list-style:none;padding:0;margin:0}.activity-log-table li{margin-bottom:5px}.activity-log-table tbody tr:hover{background-color:#0000000a;transition:background-color .2s ease}.part-details-section{background-color:var(--background-color-form);border:1px solid var(--border-color-light);border-radius:5px;margin-top:30px;box-shadow:0 1px 3px var(--shadow-color-light)}.detail-tab-nav{display:flex;border-bottom:1px solid var(--border-color-light)}.detail-tab-button{padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--text-color-light);background-color:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.detail-tab-button.active{color:var(--text-color);border-bottom-color:var(--primary-color);font-weight:600}.detail-tab-content{padding:20px}.OrganizationManager nav{margin-bottom:20px;display:flex}.OrganizationManager nav button{background-color:var(--background-color-light);border:1px solid var(--border-color);padding:10px 15px;margin-right:5px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;border-radius:4px;color:var(--text-color-light)}.OrganizationManager nav button.active{background-color:var(--active-color);color:var(--active-text-color);font-weight:600;border-color:var(--primary-color)}.OrganizationManager nav button:hover{background-color:#e0e0e0}.OrganizationManager form{background-color:var(--background-color-form);padding:20px;border:1px solid var(--border-color-lighter);border-radius:4px;margin-bottom:25px;width:100%;max-width:500px}.OrganizationManager form div{margin-bottom:15px}.OrganizationManager form label{display:block;margin-bottom:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color)}.OrganizationManager form input[type=text],.OrganizationManager form input[type=email],.OrganizationManager form input[type=number],.OrganizationManager form input[type=date],.OrganizationManager form select{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:.95em}.OrganizationManager form input:focus,.OrganizationManager form select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #4f46e533;transition:border-color .2s ease,box-shadow .2s ease}.OrganizationManager form div:has(>button){text-align:right;margin-top:20px}.organization-dropdown{display:flex;align-items:center;margin-right:20px}.organization-dropdown label{margin-right:10px;font-weight:500;color:var(--text-color)}.organization-dropdown select{padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:.95em;background-color:var(--background-color-form);cursor:pointer}.organization-dropdown select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #4f46e533;transition:border-color .2s ease,box-shadow .2s ease}.controls-cell{position:relative;text-align:center;vertical-align:middle}.controls-menu{position:absolute;top:100%;left:10px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:100;display:flex;flex-direction:column;padding:5px 0;min-width:120px}.controls-menu button{background:none;border:none;text-align:left;padding:8px 15px;cursor:pointer;width:100%;font-size:.9em;color:var(--text-color);transition:background-color .2s}.controls-menu button:hover{background-color:#f0f0f0}.page-header-left{display:flex;flex-direction:column}.breadcrumbs{color:var(--text-color-light);font-size:.9em;margin-bottom:4px}.page-title{margin:0;font-size:1.8em}.status-badge{padding:2px 8px;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.status-draft,.status-new,.status-planned,.status-quote,.status-unknown{background-color:#e2e8f0;color:#334155}.status-approved,.status-released,.status-issued,.status-started,.status-shipped,.status-allocated,.status-partially-shipped,.status-invoiced{background-color:#e3eff6;color:#0f5b8a}.status-completed,.status-received,.status-paid,.status-delivered,.status-closed,.status-confirmed,.status-active,.status-accepted{background-color:#e1f3ea;color:#107548}.status-ordered,.status-in-progress,.status-pending,.status-pending-approval,.status-submitted,.status-processing,.status-order-fullfilment---processing,.status-picking\/packing{background-color:#fef3c7;color:#996500}.status-rejected,.status-cancelled,.status-returned\/refunded{background-color:#fae6e6;color:#b02a2a}.status-cancelled{text-decoration:line-through}.page-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-30px;margin:-30px -30px 15px;padding:30px 30px 15px;background-color:var(--background-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid var(--border-color-light)}.page-title{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.breadcrumbs{font-size:.9em;color:var(--text-color-light);margin-bottom:5px}.pagination-footer{padding:2px 12px;background-color:transparent;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.pagination-info{font-size:.875rem;color:var(--text-color)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-btn{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-color)}.page-btn:hover{background-color:var(--background-color-light)}.page-btn.active{background-color:var(--primary-color);color:#fff;font-weight:700}.page-nav-btn{padding:.5rem;color:var(--text-color);border-radius:.5rem;border:none;background:transparent;cursor:pointer}.page-nav-btn:hover{background-color:var(--background-color-light)}.inventory-table-card{background-color:var(--background-color-form);border-radius:0;box-shadow:none;border:none;overflow:hidden;display:flex;flex-direction:column;flex-grow:1;min-height:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 20px #00000040;position:relative;width:100%;max-width:600px;max-height:90vh;overflow-y:visible;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-right:10px}.modal-close-button{background:none;border:none;font-size:24px;cursor:pointer;line-height:1;color:#555;padding:10px;margin-left:auto;transition:color .2s ease}.modal-body{margin-top:10px;overflow-y:visible}.modal-content form{background-color:#fdfdfd;padding:20px;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:25px}.modal-content form div{margin-bottom:15px}.modal-content form label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-color);font-size:.9em}.modal-content form input[type=text],.modal-content form input[type=number],.modal-content form input[type=date],.modal-content form select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95em}.modal-content form input:focus,.modal-content form select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e533}.modal-content form div:has(>button){text-align:right;margin-top:20px}.modal-content h3{margin-top:0;margin-bottom:15px;color:var(--text-color)}.roles-permissions-grid{display:grid;grid-template-columns:5fr 7fr;gap:2rem;flex-grow:1;min-height:0}.rp-card{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;overflow:hidden;display:flex;flex-direction:column;min-height:0}.rp-card-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rp-card-header h3{margin:0;font-weight:700;color:#1e293b;font-size:1.125rem}.rp-card-header p{margin:.25rem 0 0;color:#64748b;font-size:.875rem}.rp-table{width:100%;text-align:left;border-collapse:collapse}.rp-table thead tr{background-color:var(--background-color-light);color:#64748b;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.rp-table th{padding:.75rem 1.5rem;font-weight:700;position:sticky;top:0;z-index:5;background-color:var(--background-color-light)}.rp-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.rp-table tbody tr:hover{background-color:#f8fafc}.rp-table tbody tr.selected{background-color:#eff6ff}.rp-table td{padding:1rem 1.5rem}.rp-table .role-title{font-weight:600;color:#0f172a;margin-bottom:.25rem}.rp-table .role-desc{font-size:.75rem;color:#64748b}.rp-icon-button{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s;display:inline-flex;align-items:center;justify-content:center}.rp-icon-button:hover{color:#2b8cee;background-color:var(--background-color-light)}.rp-permissions-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.rp-permission-category{margin-bottom:1.25rem}.rp-permission-category:last-child{margin-bottom:0}.rp-category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#475569}.rp-category-header h4{margin:0;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.rp-permission-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.rp-subcomponent-group{margin-bottom:.25rem}.rp-subcomponent-group:last-child{margin-bottom:0}.rp-subcomponent-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background-color:#eef2f7;border-left:3px solid #6366f1;border-radius:.25rem;margin-bottom:.35rem}.rp-subcomponent-label{font-weight:600;font-size:.8rem;color:#334155;letter-spacing:.02em}.rp-subcomponent-count{font-size:.7rem;font-weight:700;color:#64748b;background-color:#fff;padding:.1rem .5rem;border-radius:9999px;border:1px solid #e2e8f0}.rp-toggle-all-btn{background:none;border:1px solid #cbd5e1;border-radius:.25rem;color:#64748b;cursor:pointer;padding:.15rem .3rem;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.rp-toggle-all-btn:hover{background-color:#fff;color:#6366f1;border-color:#6366f1}.rp-permission-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-radius:.35rem;background-color:#f8fafc;border:1px solid #e2e8f0}.rp-permission-row .p-title{font-weight:600;font-size:.825rem;color:#0f172a;margin-bottom:.1rem}.rp-permission-row .p-desc{font-size:.7rem;color:#64748b}.rp-select{padding:.25rem .5rem;border:1px solid #cbd5e1;border-radius:.25rem;background-color:#fff;font-size:.875rem;color:#0f172a;outline:none;cursor:pointer}.rp-select:focus{border-color:#2b8cee;box-shadow:0 0 0 1px #2b8cee}.rp-badge{background-color:#e0e7ff;color:#4338ca;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.rp-footer{padding:1.5rem 2rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.75rem}@media (max-width: 1024px){.roles-permissions-grid{grid-template-columns:1fr}}.SettingsPage{display:flex;flex-direction:column;flex-grow:1;min-height:0}.SettingsPage h2{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px}.SettingsPage p.description{color:var(--text-color-light);margin:0 0 20px;font-size:14px}.settings-card{background-color:var(--background-color-form);border:1px solid var(--border-color-light);border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 2px 0 var(--shadow-color-light)}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-card-title{font-size:16px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:12px}.status-badge{padding:2px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.settings-card-row{display:flex;gap:24px;background-color:var(--background-color);padding:20px;border-radius:6px}.settings-field{flex:1}.settings-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-color-light);margin-bottom:8px;letter-spacing:.05em}.settings-field .field-value{font-size:16px;color:var(--text-color);font-weight:600}.danger-zone{border:1px solid #fee2e2;background-color:var(--background-color-lighter)}.danger-zone .settings-card-title{color:var(--danger-color)}.danger-zone p{color:var(--danger-color);font-size:14px;margin-bottom:16px}.btn-edit{padding:8px 16px;border:1px solid var(--border-color);background-color:var(--background-color-form);color:var(--text-color);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn-edit:hover{background-color:var(--background-color-light);border-color:#9ca3af}.btn-delete{padding:10px 20px;background-color:var(--background-color-form);color:var(--danger-color);border:1px solid #fca5a5;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.btn-delete:hover{background-color:#fef2f2;border-color:#f87171}.UserManager,.GroupsRolesPermissions{background-color:var(--background-color-form);padding:20px;border-radius:8px;border:1px solid var(--border-color-light);display:flex;flex-direction:column;flex-grow:1;min-height:0}.settings-content{display:flex;flex-direction:column;flex-grow:1;min-height:0}.settings-content>div{display:flex;flex-direction:column;flex-grow:1;min-height:0}.production-page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.production-title{color:var(--text-color);font-size:1.875rem;font-weight:900;letter-spacing:-.025em;margin:0 0 .25rem}.production-subtitle{color:var(--text-color-light);font-size:1rem;margin:0}.btn-create-wo{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-color);color:#fff;height:2.75rem;padding:0 1.5rem;font-size:.875rem;font-weight:700;border-radius:.5rem;box-shadow:0 10px 15px -3px #2b8cee40;transition:transform .2s;border:none;cursor:pointer}.btn-create-wo:hover{transform:scale(1.02)}.production-filters-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-color);padding:1.25rem;margin-bottom:1.5rem}.production-search-wrapper{position:relative;width:100%;margin-bottom:1rem}.production-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-color-light);font-family:Material Symbols Outlined;font-size:1.25rem;-webkit-user-select:none;user-select:none}.production-search-input{width:100%;background-color:#f6f7f8;border:none;border-radius:.75rem;height:3rem;padding-left:3rem;padding-right:1rem;color:var(--text-color);font-size:1rem}.production-search-input::placeholder{color:var(--text-color-light)}.production-search-input:focus{outline:none;box-shadow:0 0 0 2px var(--border-color)}.production-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.production-table-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.table-responsive{overflow-x:auto}.production-container{padding:0 20px}.production-link{color:var(--primary-color);font-weight:700;text-decoration:none;cursor:pointer}.production-link:hover{text-decoration:underline;text-underline-offset:4px}.production-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1;text-transform:uppercase}.production-progress-container{flex:1;background-color:#e2e8f0;border-radius:4px;height:6px;min-width:60px;overflow:hidden}.production-progress-bar{background-color:#10b981;height:100%;border-radius:4px;transition:width .3s ease}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.production-pagination-footer{padding:1rem 1.5rem;background-color:var(--background-color-lighter);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.production-pagination-info{font-size:.875rem;color:var(--text-color)}.production-pagination-controls{display:flex;align-items:center;gap:.5rem}.production-page-nav-btn{padding:.5rem;color:var(--text-color-light);border-radius:.5rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.production-page-nav-btn:hover:not(:disabled){background-color:var(--background-color-light);color:var(--primary-color)}.production-page-nav-btn:disabled{opacity:.5;cursor:not-allowed}.production-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.production-tab-btn{padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-color-light);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.production-tab-btn:hover{color:var(--primary-color)}.production-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.order-page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.order-title{color:var(--text-color);font-size:1.875rem;font-weight:900;letter-spacing:-.025em;margin:0 0 .25rem}.order-subtitle{color:var(--text-color-light);font-size:1rem;margin:0}.order-filters-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-color);padding:1.25rem;margin-bottom:1.5rem}.order-search-wrapper{position:relative;width:100%;margin-bottom:1rem}.order-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-color-light);font-family:Material Symbols Outlined;font-size:1.25rem;-webkit-user-select:none;user-select:none}.order-search-input{width:100%;background-color:#f6f7f8;border:none;border-radius:.75rem;height:3rem;padding-left:3rem;padding-right:1rem;color:var(--text-color);font-size:1rem}.order-search-input::placeholder{color:var(--text-color-light)}.order-search-input:focus{outline:none;box-shadow:0 0 0 2px var(--border-color)}.order-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.order-clear-filters-btn{color:var(--primary-color);font-size:.875rem;font-weight:600;background:none;border:none;cursor:pointer;margin-left:auto}.order-clear-filters-btn:hover{text-decoration:underline}.order-table-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.order-part-number-link{color:var(--primary-color);font-weight:700;text-decoration:none;cursor:pointer}.order-part-number-link:hover{text-decoration:underline;text-underline-offset:4px}