.dropzone{border:1.5px dashed var(--color-line-strong);border-radius:var(--r-3);padding:56px 32px;text-align:center;background:var(--color-card);cursor:pointer;transition:border-color .12s,background .12s}.dropzone:hover{border-color:var(--color-ink);background:var(--color-card-tint)}.dropzone.has-file{border-style:solid;cursor:default}.dropzone-title{font-size:14px;font-weight:500;margin-bottom:6px}.dropzone-subtitle{font-size:12px;color:var(--color-muted)}.stepper{display:flex;gap:8px;margin-bottom:24px}.stepper .step{flex:1;padding:10px 14px;border:1px solid var(--color-line);border-radius:var(--r-2);font-size:12px;color:var(--color-muted)}.stepper .step.active{color:var(--color-ink);border-color:var(--color-ink)}.stepper .step.done{color:var(--color-success-ink);border-color:var(--color-success-bg)}.progress-track{height:4px;background:var(--color-card-tint);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--color-ink);transition:width .3s}.thumb{width:44px;height:44px;background:var(--color-card-tint);border:1px solid var(--color-line);border-radius:var(--r-1);display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-faint);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.brand-group{padding:10px 14px;font-size:12px;font-weight:500;color:var(--color-muted);background:var(--color-card-tint);border-bottom:1px solid var(--color-line);display:flex;align-items:center;gap:8px}.cell-input{width:100%;padding:4px 6px;border:1px solid var(--color-line);border-radius:var(--r-1);font-family:var(--font-mono);font-size:12px;background:var(--color-card)}.qty-cell{width:70px;padding:6px 8px;border:1px solid var(--color-line-strong);border-radius:var(--r-1);font-family:var(--font-mono);font-size:13px;text-align:right;background:var(--color-card)}.po-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.po-header h1{margin:0;font-size:22px;font-weight:500;letter-spacing:-.01em;display:flex;align-items:center;gap:12px}.po-header .meta{color:var(--color-muted);font-size:13px;margin-top:4px}.po-actions{display:flex;gap:8px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:24px}.po-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.modal{padding:0;border:none;border-radius:8px;background:transparent;max-width:540px;width:calc(100% - 32px)}.modal::backdrop{background:#00000059}.modal-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:8px;padding:20px;box-shadow:0 12px 32px #0000002e}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{margin:0;font-size:16px;font-weight:500}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-muted);text-decoration:none;font-size:13px;margin-bottom:4px}.back-link:hover{color:var(--color-ink)}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.history-item{padding:12px 16px;border-bottom:1px solid var(--color-line);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.history-item:last-child{border-bottom:none}.history-item .when{color:var(--color-faint);font-family:var(--font-mono)}.po-row-num{font-family:var(--font-mono);font-weight:500}.result-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--color-line);font-size:13px}.result-row:last-child{border-bottom:none}.result-row .name{flex:1}.cube-mark{display:inline-flex;align-items:center;justify-content:center}.combobox{position:relative}.combobox-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--color-card);border:1px solid var(--color-line);border-radius:6px;box-shadow:0 8px 24px #00000014;max-height:380px;overflow-y:auto}.combobox-group{border-bottom:1px solid var(--color-line)}.combobox-group:last-child{border-bottom:none}.combobox-row{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:13px}.combobox-row:hover{background:var(--color-card-tint)}.combobox-row input[type=checkbox]{margin:0;cursor:pointer}.combobox-parent{font-weight:500;background:var(--color-card-tint)}.combobox-child{padding-left:36px;color:var(--color-muted)}.combobox-row .grow{flex:1}.combobox-empty{padding:16px;color:var(--color-muted);text-align:center;font-size:13px}