:root{--bg-main: #1a1a1a;--bg-panel: #262626;--bg-input: #121212;--primary: #22d3ee;--secondary: #1d4ed8;--danger: #b91c1c;--success: #10b981;--warning: #ca8a04;--text-main: #ffffff;--text-muted: #7e7e7e;--text-contrast: #ffffff;--border-subtle: #333333;--border-active: #22d3ee;--sidebar-width: 280px;--header-height: 64px;--border-radius: 4px;--page-padding: 2.5rem;--card-padding: 1.5rem;--grid-gap: 1.5rem;--modal-overlay-bg: rgba(0, 0, 0, .85);--modal-blur: 4px;--font-main: Orbitron, sans-serif;--font-mono: Inconsolata, monospace;--line-height: 1.5;--letter-spacing-brand: .15em;--letter-spacing-header: .1em;--letter-spacing-button: .05em;--button-normal-bg: #21bcff;--button-normal-text: #ffffff;--button-normal-radius: 8px;--button-normal-width: auto;--button-normal-height: 42px;--button-primary-bg: #21bcff;--button-primary-text: #ffffff;--button-primary-border: 2px solid #22d3ee;--button-primary-radius: 8px;--button-secondary-bg: transparent;--button-secondary-text: #94a3b8;--button-secondary-border: 2px solid #333333;--button-secondary-radius: 4px;--action-btn-font-size: .65rem;--action-btn-padding: .25rem .5rem;--action-btn-radius: 2px;--status-bar-border-left: 4px;--status-bar-gap: 2.5rem;--status-bar-padding: 1rem 2rem;--status-bar-label-font-size: .6rem;--status-bar-value-font-size: 1.5rem;--table-header-bg: rgba(255, 255, 255, .03);--table-row-hover-bg: rgba(34, 211, 238, .03);--table-header-font-size: .75rem;--table-body-font-size: .9rem;--nav-link-padding: .85rem 1rem;--nav-link-font-size: .85rem;--nav-active-bg: rgba(34, 211, 238, .1);--nav-hover-bg: rgba(34, 211, 238, .05);--cert-vault-btn-height: 56px;--cert-vault-btn-bg: #1d4ed8;--dash-header-display: flex;--dash-header-margin-bottom: 2.5rem;--dash-title-font-size: 1.5rem;--dash-title-font-weight: 800;--dash-title-transform: uppercase;--dash-title-spacing: .1em;--dash-grid-display: grid;--dash-grid-columns: repeat(auto-fit, minmax(240px, 1fr));--dash-grid-gap: 1.5rem;--dash-grid-margin-bottom: 2.5rem;--dash-card-bg: #262626;--dash-card-border: 1px solid #333333;--dash-card-padding: 1.5rem;--dash-card-radius: 4px;--dash-card-border-left: 3px solid #1d4ed8;--dash-label-size: .75rem;--dash-label-weight: 700;--dash-label-transform: uppercase;--dash-label-spacing: .05em;--dash-value-size: 2rem;--dash-value-weight: 800;--dash-value-color: #22d3ee;--dash-status-item-gap: .2rem;--dash-sep-width: 1px;--dash-sep-height: 32px;--dash-sep-bg: #333333;--card-dashboard-recent-orders-flex: 2;--card-dashboard-system-alerts-flex: 1;--card-dashboard-quick-actions-orders-shortcut-border-left: 3px solid #1d4ed8;--card-dashboard-quick-actions-inventory-shortcut-border-left: 3px solid #22d3ee;--card-order-ledger-ledger-table-padding: 0;--card-order-ledger-ledger-table-bg: transparent;--card-order-form-ocr-hot-tile-border: 2px dashed #333333;--card-order-form-ocr-hot-tile-bg: rgba(255, 255, 255, .02);--card-order-form-ocr-hot-tile-text-align: center;--card-order-form-ocr-hot-tile-padding: 2.5rem;--card-order-form-header-info-flex: 1.5;--card-order-form-order-summary-flex: 1;--card-order-form-order-summary-bg: #2a2a2a;--card-order-form-line-item-entry-border-left: 4px solid #22d3ee;--card-order-form-line-item-entry-margin-bottom: 1.5rem;--card-item-inventory-filter-panel-display: grid;--card-item-inventory-filter-panel-grid-gap: 2rem;--card-cert-vault-scan-tab-queue-header-border-left: 4px solid #22d3ee;--card-cert-vault-scan-tab-candidate-card-display: grid;--card-cert-vault-scan-tab-candidate-card-grid-columns: 1fr 2fr 200px}:root{--accent-primary: var(--primary);--accent-secondary: var(--secondary);--accent-danger: var(--danger);--accent-success: var(--success);--accent-warning: var(--warning);font-family:var(--font-main);line-height:var(--line-height);font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--bg-main)}#root{width:100%}h1,h2,h3,h4{font-weight:600;letter-spacing:var(--letter-spacing-header);margin-top:0;text-transform:uppercase}a{font-weight:500;color:var(--accent-primary);text-decoration:none;transition:all .2s ease}a:hover{filter:brightness(1.2);text-shadow:0 0 8px rgba(34,211,238,.4)}button{border-radius:var(--border-radius);border:2px solid var(--accent-primary);padding:.6rem 1.5rem;font-size:.85rem;font-weight:700;font-family:var(--font-main);text-transform:uppercase;letter-spacing:var(--letter-spacing-button);background-color:var(--accent-primary);color:#000;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{filter:brightness(1.15);box-shadow:0 0 15px #22d3ee66}button.primary{background-color:var(--button-primary-bg);color:var(--button-primary-text);border:var(--button-primary-border);border-radius:var(--button-primary-radius)}button.basic_button_normal{background-color:var(--button-normal-bg);color:var(--button-normal-text);border-radius:var(--button-normal-radius);width:var(--button-normal-width);height:var(--button-normal-height);border:2px solid var(--button-normal-bg)}button.secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border:var(--button-secondary-border);border-radius:var(--button-secondary-radius)}button.secondary:hover{filter:brightness(1.2);border-color:var(--text-main)}button.cert-vault-btn{height:var(--cert-vault-btn-height, 56px);background-color:var(--cert-vault-btn-bg, #1d4ed8);font-size:.65rem;width:120px;display:flex;align-items:center;justify-content:center;line-height:1.2;border:none;color:#fff}button.cert-vault-btn:disabled{opacity:.5;cursor:not-allowed}button.cert-vault-btn.primary-glow{box-shadow:inset 0 0 15px #22d3ee66;border:1px solid var(--accent-primary)}button.warning{background-color:var(--accent-warning);border-color:var(--accent-warning);color:#000}button.warning:hover{filter:brightness(1.1);box-shadow:0 0 15px #ca8a0466}button.danger{background-color:var(--accent-danger);border-color:var(--accent-danger);color:#fff}button.danger:hover{filter:brightness(1.1);box-shadow:0 0 15px #b91c1c66}.card{background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:var(--card-padding)}.table-container{overflow-x:auto;border-radius:var(--border-radius);border:1px solid var(--border-subtle);background-color:var(--bg-panel)}table{width:100%;border-collapse:collapse}th{background-color:var(--table-header-bg);color:var(--accent-primary);padding:1rem;font-size:var(--table-header-font-size);font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:left;border-bottom:2px solid var(--border-subtle)}td{padding:1rem;border-bottom:1px solid var(--border-subtle);font-size:var(--table-body-font-size)}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--table-row-hover-bg)}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:.6rem .75rem;color:#fff;font-family:var(--font-main);font-size:.9rem}input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 8px #22d3ee33}.app-container{display:flex;min-height:100vh;width:100%}.sidebar{width:var(--sidebar-width);background-color:var(--bg-panel);border-right:2px solid var(--border-subtle);display:flex;flex-direction:column;padding:2rem 1rem}.brand{font-size:1.2rem;font-weight:800;color:var(--accent-primary);margin-bottom:2.5rem;padding-left:1rem;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-brand)}.brand-icon{width:32px;height:32px;background:var(--accent-primary);clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-link{padding:var(--nav-link-padding);border-radius:var(--border-radius);color:var(--text-muted);text-decoration:none;font-size:var(--nav-link-font-size);font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:1rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.nav-link:hover{background-color:var(--nav-hover-bg);color:var(--text-main);border-color:#22d3ee1a}.nav-link.active{background-color:var(--nav-active-bg);color:var(--accent-primary);border-left:4px solid var(--accent-primary)}.main-content{flex:1;padding:var(--page-padding);background-color:var(--bg-main);overflow-y:auto}.page-header{display:var(--dash-header-display, flex);justify-content:space-between;align-items:center;margin-bottom:var(--dash-header-margin-bottom, 2.5rem);border-bottom:1px solid var(--border-subtle);padding-bottom:1rem}.page-title{font-size:var(--dash-title-font-size, 1.5rem);font-weight:var(--dash-title-font-weight, 800);color:var(--text-main);text-transform:var(--dash-title-transform, uppercase);letter-spacing:var(--dash-title-spacing, .1em)}.stats-grid{display:var(--dash-grid-display, grid);grid-template-columns:var(--dash-grid-columns, repeat(auto-fit, minmax(240px, 1fr)));gap:var(--dash-grid-gap, var(--grid-gap));margin-bottom:var(--dash-grid-margin-bottom, 2.5rem)}.stat-card{background-color:var(--dash-card-bg, var(--bg-panel));border:var(--dash-card-border, 1px solid var(--border-subtle));padding:var(--dash-card-padding, 1.5rem);border-radius:var(--dash-card-radius, var(--border-radius));display:flex;flex-direction:column;gap:.5rem;border-left:var(--dash-card-border-left, 3px solid var(--accent-secondary))}.stat-label{color:var(--text-muted);font-size:var(--dash-label-size, .75rem);font-weight:var(--dash-label-weight, 700);text-transform:var(--dash-label-transform, uppercase);letter-spacing:var(--dash-label-spacing, .05em)}.stat-value{font-size:var(--dash-value-size, 2rem);font-weight:var(--dash-value-weight, 800);color:var(--dash-value-color, var(--accent-primary))}.status-bar{display:flex;align-items:center;padding:var(--status-bar-padding);margin-bottom:2.5rem;background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-left:var(--status-bar-border-left) solid var(--accent-primary);gap:var(--status-bar-gap)}.status-item{display:flex;flex-direction:column;gap:var(--dash-status-item-gap, .2rem)}.status-label{color:var(--text-muted);font-size:var(--status-bar-label-font-size);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.status-value-small{font-size:var(--status-bar-value-font-size);font-weight:800;color:var(--accent-primary);line-height:1}.status-separator{width:var(--dash-sep-width, 1px);height:var(--dash-sep-height, 32px);background-color:var(--dash-sep-bg, var(--border-subtle))}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--action-btn-padding);font-size:var(--action-btn-font-size);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--action-btn-radius);cursor:pointer;transition:all .2s ease}.badge{padding:.25rem .75rem;border-radius:0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid var(--border-subtle)}.badge-success{border-color:var(--accent-success);color:var(--accent-success)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-subtle)}input::placeholder{color:#444}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(var(--modal-blur));backdrop-filter:blur(var(--modal-blur))}.modal-content{background:var(--bg-panel);border:1px solid var(--border-subtle);padding:2.5rem;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.report-modal .modal-content{background-color:var(--bg-main);border:2px solid var(--accent-primary);padding:0;display:flex;flex-direction:column}.report-controls{padding:1.5rem 2.5rem;background-color:var(--bg-panel);border-bottom:2px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.report-body{padding:2.5rem}.report-header-section{text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--border-subtle);padding-bottom:2rem}.report-header-section h1{color:var(--accent-primary);font-size:2rem;margin-bottom:.5rem}.report-header-section p{color:var(--text-muted);font-size:.9rem;margin:.2rem 0}.report-group{margin-bottom:4rem}.report-customer-title{color:var(--accent-primary);font-size:1.25rem;border-left:4px solid var(--accent-primary);padding-left:1rem;margin-bottom:1.5rem;background:linear-gradient(90deg,rgba(34,211,238,.1) 0%,transparent 100%);padding-top:.5rem;padding-bottom:.5rem}.report-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.report-table th{background-color:var(--bg-panel);color:var(--text-muted);text-align:left;padding:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--border-subtle)}.report-table td{padding:1rem;border-bottom:1px solid var(--border-subtle);font-size:.9rem;color:var(--text-main)}.past-due-highlight{background-color:var(--accent-warning)!important;color:#000!important;font-weight:800!important;text-align:center}