:root{--ink:#1f2937;--grey-50:#f7f8fa;--grey-100:#eef0f3;--grey-200:#e2e5ea;--grey-300:#cfd4dc;--grey-500:#6b7280;--blue-600:#2454a6;--blue-700:#1c4488;--blue-50:#eaf1fb;--ok:#1f7a4d;--ok-bg:#e6f4ec;--warn:#b3401c;--warn-bg:#fbe9e1;--shadow: 0 1px 2px rgba(15,23,42,.06), 0 6px 16px -10px rgba(15,23,42,.18);--radius: 6px;font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--grey-50);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{max-width:1400px;margin:0 auto;padding:0 24px 48px}.app-main{padding-top:2px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--grey-300);margin-bottom:18px;flex-wrap:wrap;gap:14px;background:var(--grey-50)}.brand{display:flex;align-items:center;gap:12px}.brand-logo-mini{width:38px;height:38px;object-fit:contain;border-radius:4px;background:#fff;border:1px solid var(--grey-300);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--grey-500)}.brand-title{font-weight:700;font-size:1.1rem;letter-spacing:.01em;line-height:1.2;color:var(--ink)}.brand-sub{font-size:.7rem;color:var(--grey-500);letter-spacing:.03em}.nav-tabs{display:flex;gap:3px;background:var(--grey-100);border:1px solid var(--grey-300);border-radius:6px;padding:3px;flex-wrap:wrap}.nav-tab{font-size:.78rem;font-weight:600;padding:8px 14px;border:none;background:transparent;color:var(--grey-500);cursor:pointer;border-radius:4px;transition:.12s;text-decoration:none;display:inline-block}.nav-tab.active{background:var(--blue-600);color:#fff}.nav-tab:not(.active):hover{background:#fff;color:var(--ink)}.user-menu{display:flex;align-items:center;gap:10px}.user-name{font-size:.8rem;font-weight:700}.user-role{font-size:.66rem;color:var(--grey-500)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--grey-300);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--grey-500);margin-bottom:6px;font-weight:600}.stat-value{font-size:1.5rem;font-weight:700;color:var(--blue-700)}.stat-value.alert{color:var(--warn)}@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.alert-banner{border:1px solid var(--warn);background:var(--warn-bg);color:#7a2a12;border-radius:var(--radius);padding:12px 15px;margin-bottom:16px;font-size:.85rem}.alert-banner.info{border-color:var(--blue-600);background:var(--blue-50);color:var(--blue-700)}.page-title{font-size:1.3rem;margin:0 0 16px}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.page-loading{padding:40px;text-align:center;color:var(--grey-500)}.panel{background:#fff;border:1px solid var(--grey-300);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:16px}.section-title{font-size:.9rem;font-weight:700;letter-spacing:.01em;color:var(--ink);margin:0 0 12px;padding-bottom:9px;border-bottom:2px solid var(--blue-600);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:290px 1fr 320px;gap:16px;align-items:start}.workspace-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.logo-upload-row{display:flex;align-items:center;gap:10px}.logo-preview-box{width:56px;height:56px;border:1px dashed var(--grey-300);border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--grey-50);flex:none}.logo-preview-box img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width:900px){.workspace-2col{grid-template-columns:1fr}}@media (max-width:1180px){.workspace{grid-template-columns:1fr}}button{font-family:inherit;cursor:pointer}.btn{font-size:.8rem;font-weight:600;padding:8px 14px;border-radius:4px;border:1px solid var(--blue-600);background:var(--blue-600);color:#fff;transition:.12s;text-decoration:none;display:inline-block}.btn:hover{background:var(--blue-700)}.btn.secondary{background:#fff;color:var(--blue-700);border-color:var(--grey-300)}.btn.secondary:hover{background:var(--grey-100);border-color:var(--blue-600)}.btn.danger{background:#fff;border-color:var(--warn);color:var(--warn)}.btn.block{width:100%}.btn.sm{padding:5px 9px;font-size:.72rem}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{border:none;background:none;color:var(--blue-700);font-size:.78rem;font-weight:600;margin-right:8px;cursor:pointer}input,select,textarea{font-size:.85rem;padding:8px 10px;border:1px solid var(--grey-300);border-radius:4px;background:#fff;color:var(--ink);width:100%;margin-bottom:12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue-600);outline-offset:0;border-color:var(--blue-600)}label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--grey-500);display:block;margin-bottom:4px}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:38px}.password-eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;color:var(--grey-500);cursor:pointer;display:flex;align-items:center}.password-eye-btn:hover{color:var(--blue-600)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.search-wrap{margin-bottom:10px}.list-item{border:1px solid var(--grey-200);border-radius:5px;padding:10px 11px;margin-bottom:8px;cursor:pointer;transition:.1s}.list-item:hover{border-color:var(--blue-600);background:var(--blue-50)}.list-item.active{border-color:var(--blue-600);background:var(--blue-50);box-shadow:0 0 0 1px var(--blue-600) inset}.list-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.list-item-name{font-weight:700;font-size:.83rem}.list-item-sub{font-size:.71rem;color:var(--grey-500);margin-top:2px}.list-item-actions{display:flex;gap:5px;margin-top:8px}.badge{font-size:.63rem;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.badge.low{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn)}.empty-state{text-align:center;padding:30px 14px;color:var(--grey-500);font-size:.8rem;border:1px dashed var(--grey-300);border-radius:var(--radius)}.data{width:100%;border-collapse:collapse;font-size:.82rem}.data th{text-align:left;color:var(--grey-500);font-size:.66rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--ink);padding:8px;white-space:nowrap}.data td{padding:7px 8px;border-bottom:1px solid var(--grey-200)}.data tr:hover{background:var(--blue-50)}.dropzone{border:2px dashed var(--grey-300);border-radius:8px;padding:38px 20px;text-align:center;color:var(--grey-500);font-size:.85rem;transition:.12s;cursor:pointer;background:var(--grey-50)}.dropzone.drag{border-color:var(--blue-600);background:var(--blue-50);color:var(--blue-700)}.dropzone b{display:block;font-size:.95rem;color:var(--ink);margin-bottom:6px}.format-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}.chip{background:var(--grey-100);border:1px solid var(--grey-300);border-radius:20px;padding:3px 10px;font-size:.68rem;color:var(--grey-500);font-weight:600}.step-indicator{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.step-pill{font-size:.68rem;font-weight:700;padding:5px 11px;border-radius:20px;background:var(--grey-100);color:var(--grey-500)}.step-pill.active{background:var(--blue-600);color:#fff}.step-pill.done{background:var(--ok-bg);color:var(--ok)}.mapping-row{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--grey-100)}.mapping-row .from{font-size:.8rem;font-weight:600}.mapping-arrow{color:var(--grey-500);text-align:center}.audit-item{padding:8px 0;border-bottom:1px dashed var(--grey-200);font-size:.78rem}.audit-item .a-time{color:var(--grey-500);font-size:.68rem}.audit-item .a-action{font-weight:700}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--grey-50)}.auth-card{background:#fff;border:1px solid var(--grey-300);border-radius:8px;padding:30px;width:360px;box-shadow:var(--shadow)}.auth-links{display:flex;justify-content:space-between;margin-top:14px;font-size:.78rem}.auth-links a{color:var(--blue-700)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:.85rem}.tx-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:900px){.tx-form{grid-template-columns:repeat(2,1fr)}.field-row,.field-row3{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}.bincard-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}.zoom-controls{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--grey-500)}.bincard-scroll{overflow-x:auto;padding:16px 4px;background:var(--grey-100);border-radius:var(--radius)}.bincard-page{background:#fff;margin:0 auto;width:297mm;height:210mm;padding:10mm 12mm;box-shadow:0 0 0 1px var(--grey-300),var(--shadow);font-family:Arial,Helvetica,sans-serif;color:#000;display:flex;flex-direction:column;transform-origin:top center}.bc-doc-header{flex:none}.bc-doc-body{flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column;min-height:0}.bc-doc-footer{flex:none;margin-top:auto}table.bc-header-table{width:100%;border-collapse:collapse;font-size:9.5pt;table-layout:fixed}table.bc-header-table td{border:1px solid #000;padding:4px 8px;vertical-align:middle}.bc-logo-cell{width:20%;text-align:center;padding:4px}.bc-logo-cell img{max-width:100%;max-height:50px;object-fit:contain}.bc-logo-placeholder{font-size:7.5pt;color:#9aa0a8;font-style:italic}.bc-company-block{text-align:center}.bc-company{font-weight:700;font-size:13pt}.bc-company-line2{font-size:8pt;color:#333;margin-top:2px}.bc-doclabel{color:#333;font-weight:700;width:26%}.bc-docname{text-align:center;font-weight:700;font-size:10.5pt;letter-spacing:.04em}.bc-title-block{border:1px solid #000;border-top:none;padding:8px 10px;font-size:9.5pt;flex:none}.bc-title-block h1{font-size:14pt;text-align:center;letter-spacing:.12em;margin:0 0 8px;font-weight:700}.bc-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}.bc-material-grid div b{font-weight:700}.bc-table-wrap{flex:1 1 auto;overflow:hidden;border:1px solid #000;border-top:none}table.bc-entries{width:100%;border-collapse:collapse;font-size:7.8pt;table-layout:fixed}table.bc-entries thead{display:table-header-group}table.bc-entries th{border:1px solid #000;background:#f0f2f5;padding:5px 3px;font-size:7.2pt;font-weight:700}table.bc-entries td{border:1px solid #000;padding:3.5px 4px;text-align:center;word-wrap:break-word}table.bc-entries td.left{text-align:left}table.bc-entries tr.low-row td{background:var(--warn-bg)}.bc-footer{display:flex;justify-content:space-between;border:1px solid #000;border-top:none;padding:9px 10px;font-size:9pt}.bc-pagefoot{text-align:center;font-size:7.5pt;color:#555;margin-top:4px}@media print{body *{visibility:hidden}.bincard-page,.bincard-page *{visibility:visible}.bincard-page{position:fixed;top:0;left:0;box-shadow:none;margin:0}}.receipt-print-section,.receipt-print-table{display:none}.receipt-print-table{width:100%;border-collapse:collapse;font-size:9pt}.receipt-print-table th,.receipt-print-table td{border:1px solid #000;padding:5px 7px;text-align:center}.receipt-print-table th{background:#f0f2f5}@page{size:A4 landscape;margin:0}@media print{body{background:#fff}.no-print{display:none!important}.app-shell{max-width:none;padding:0;margin:0}.bincard-scroll{background:none;padding:0;overflow:visible}.bincard-page{box-shadow:none;width:297mm;height:210mm;margin:0;transform:none!important}body *{visibility:hidden}.bincard-page,.bincard-page *{visibility:visible}.bincard-page{position:relative;page-break-after:always}.receipt-print-section,.receipt-print-section *,.receipt-report,.receipt-report *{visibility:visible}.receipt-report{position:absolute;top:0;left:0;width:100%;padding:14mm;background:#fff}.receipt-screen-table{display:none}.receipt-report .receipt-print-table{display:block}.receipt-print-section{display:block!important;position:relative;width:100%;min-height:210mm;padding:14mm;background:#fff;color:#000;page-break-before:always;font-family:Arial,Helvetica,sans-serif}}