@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--crc-navy: #1a365d;--crc-navy-hover: #2a4365;--crc-green: #2f855a;--crc-green-light: #f0fff4;--crc-bg: #f4f7f9;--crc-white: #ffffff;--crc-border: #e2e8f0;--crc-text: #2d3748;--crc-text-light: #718096;--crc-text-muted: #a0aec0;--crc-danger: #c53030;--crc-danger-bg: #fff5f5;--crc-warning-bg: #fffff0;--crc-warning-border: #ecc94b;--crc-highlight: #ebf8ff;--mono-font: "JetBrains Mono", "Fira Code", monospace;--ui-font: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ui-font);color:var(--crc-text);background:var(--crc-bg);font-size:14px;line-height:1.6}.app-header{background:var(--crc-navy);color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.app-header h1{font-size:16px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.app-header .user-info{display:flex;align-items:center;gap:12px;font-size:13px;color:#fffc}.app-container{max-width:1400px;margin:0 auto;padding:24px}.btn{border:none;padding:8px 16px;font-family:var(--ui-font);font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.03em;text-transform:uppercase;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--crc-navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--crc-navy-hover)}.btn-secondary{background:var(--crc-border);color:var(--crc-text)}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn-success{background:var(--crc-green);color:#fff}.btn-success:hover:not(:disabled){background:#276749}.btn-danger{background:transparent;color:var(--crc-danger);padding:4px 8px;text-transform:none;font-weight:500}.btn-danger:hover:not(:disabled){background:var(--crc-danger-bg)}.btn-ghost{background:transparent;color:var(--crc-text-light);padding:4px 8px;text-transform:none;font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--crc-border);color:var(--crc-text)}.btn-logout{background:#ffffff26;color:#fff;padding:6px 12px;font-size:12px}.btn-logout:hover{background:#ffffff40}.input,textarea,select{font-family:var(--ui-font);font-size:13px;padding:8px;border:1px solid var(--crc-border);background:var(--crc-white);color:var(--crc-text);transition:border-color .15s}.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--crc-navy)}textarea{font-family:var(--mono-font);font-size:13px;width:100%;resize:vertical}.section{background:var(--crc-white);border:1px solid var(--crc-border);padding:16px;margin-bottom:16px}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--crc-navy);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--crc-navy)}.quote-table{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--ui-font)}.quote-table thead th{background:var(--crc-navy);color:#fff;padding:8px 6px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #2a4365}.quote-table tbody td{padding:6px;border:1px solid var(--crc-border);vertical-align:top}.quote-table tbody tr:nth-child(2n){background:#f8fafc}.quote-table tbody tr:nth-child(odd){background:var(--crc-white)}.quote-table tbody tr.row-unmatched{background:var(--crc-warning-bg)}.quote-table tbody tr.row-error{background:var(--crc-danger-bg)}.quote-table tbody tr.row-dragover{background:var(--crc-highlight)}.quote-table tbody tr:hover{background:#edf2f7}.quote-table tfoot td{padding:8px 6px;font-weight:700;border-top:2px solid var(--crc-navy);font-size:13px}.quote-table input[type=number]{width:50px;text-align:center;padding:4px;font-size:13px;font-family:var(--mono-font);border:1px solid var(--crc-border)}.quote-table input[type=number]:focus{outline:none;border-color:var(--crc-navy)}.quote-table select{font-size:11px;padding:2px 4px;max-width:250px}.sku-display{cursor:pointer;border-bottom:1px dashed var(--crc-text-muted);font-family:var(--mono-font);font-size:12px}.sku-display:hover{color:var(--crc-navy);border-color:var(--crc-navy)}.sku-input{width:110px;font-family:var(--mono-font);font-size:12px;padding:3px 4px;border:1px solid var(--crc-navy)}.drag-grip{cursor:grab;text-align:center;color:var(--crc-text-muted);-webkit-user-select:none;user-select:none;font-size:14px;width:24px}.drag-grip:hover{color:var(--crc-navy)}.drag-grip:active{cursor:grabbing}.mono{font-family:var(--mono-font);font-size:12px}.text-muted{color:var(--crc-text-muted)}.text-light{color:var(--crc-text-light)}.text-danger{color:var(--crc-danger)}.text-warning{color:#c05621}.text-right{text-align:right}.font-bold{font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--crc-border);border-top-color:var(--crc-navy);border-radius:50%;animation:spin .7s linear infinite}.search-results{list-style:none;border:1px solid var(--crc-border);max-height:200px;overflow-y:auto;margin-top:8px}.search-results li{padding:8px 12px;border-bottom:1px solid var(--crc-border);display:flex;justify-content:space-between;align-items:center;font-size:13px}.search-results li:last-child{border-bottom:none}.search-results li:hover{background:#edf2f7}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--crc-bg)}.login-card{text-align:center;background:var(--crc-white);border:1px solid var(--crc-border);padding:48px;max-width:400px}.login-card h1{font-size:20px;color:var(--crc-navy);font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.login-card p{color:var(--crc-text-light);margin-bottom:24px;font-size:14px}.export-bar{display:flex;gap:8px;align-items:center;padding:12px 0;border-top:2px solid var(--crc-navy);margin-top:8px}.export-bar input{padding:8px;font-size:13px;border:1px solid var(--crc-border)}.status-error{color:var(--crc-danger);font-size:13px;padding:8px;background:var(--crc-danger-bg);border:1px solid #feb2b2;margin:8px 0}.status-info{color:var(--crc-text-light);font-size:13px;display:flex;align-items:center;gap:8px}
