:root{--color-bg: #fafafc;--color-surface: #ffffff;--color-text: #212229;--color-text-muted: #7f869e;--color-text-placeholder: #9da2b4;--color-text-disable: #b9bfcf;--color-border: #ebf0f9;--color-border-input: #b9bfcf;--color-border-hover: #dce1ee;--color-primary: #1c50de;--color-primary-hover: #1746c4;--color-primary-pressed: #113187;--color-primary-soft: rgba(12, 35, 98, .1);--color-msg-bg: #f3f6ff;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #b91c1c;--radius-sm: 8px;--radius-md: 8px;--radius-pill: 31px;--shadow-card: 0 1px 2px rgba(17, 22, 147, .06);--font: "Commissioner", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.29;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code{font-size:.9em;padding:2px 6px;border-radius:4px;background:var(--color-msg-bg);border:1px solid var(--color-border);color:var(--color-text)}.app-shell{min-height:100%}.container{max-width:1228px;margin:0 auto;padding:0 34px 40px;box-sizing:border-box}.page-title{margin:0;font-size:18px;font-weight:600;line-height:1;color:var(--color-text)}.page-subtitle{margin:4px 0 0;font-size:14px;font-weight:400;color:var(--color-text-muted)}.section-head{display:flex;align-items:center;min-height:26px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--color-border);font-size:16px;font-weight:600;line-height:1;color:var(--color-text)}.section-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text)}.subsection-title{margin:20px 0 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.muted{color:var(--color-text-muted);font-size:14px}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:20px 24px;box-shadow:var(--shadow-card)}.surface-card--tight{padding:16px 20px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:20px 24px;box-shadow:var(--shadow-card)}.page-panel{margin-top:12px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 0 16px;border-bottom:1px solid var(--color-border)}.app-title{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-border-hover);background:var(--color-surface);color:var(--color-text);padding:8px 16px;min-height:36px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;line-height:1.2;box-sizing:border-box;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-input)}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-primary-soft)}.segmented{display:inline-flex;padding:5px;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.segmented .btn{min-height:30px;padding:6px 14px;border:none;background:transparent;color:var(--color-text-muted)}.segmented .btn:hover:not(:disabled){color:var(--color-text);background:var(--color-bg)}.segmented .btn.primary{background:var(--color-primary);color:#fff;box-shadow:none}.segmented .btn.primary:hover:not(:disabled){background:var(--color-primary-hover);border:none;color:#fff}.input{width:100%;box-sizing:border-box;padding:8px 12px;min-height:36px;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-input);font-size:14px;font-family:inherit;line-height:1.29;transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder{color:var(--color-text-placeholder)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1c50de26}.input:disabled{background:var(--color-bg);color:var(--color-text-disable);cursor:not-allowed}textarea.input{min-height:52px;resize:vertical;line-height:1.45}.search-pill{display:flex;align-items:center;gap:12px;flex:1;min-width:200px;max-width:560px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border-input);border-radius:var(--radius-pill)}.search-pill .input{border:none;padding:4px 0;min-height:0;box-shadow:none;flex:1}.search-pill .input:focus{box-shadow:none}.label{display:block;font-size:12px;font-weight:500;color:var(--color-text-muted);margin-bottom:6px}.error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);padding:12px 14px;border-radius:var(--radius-sm);font-size:14px}.table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.table th,.table td{border-bottom:1px solid var(--color-border);text-align:left;padding:10px 12px;vertical-align:middle}.table thead th{background:var(--color-bg);font-size:14px;font-weight:500;color:var(--color-text);text-transform:none;letter-spacing:0}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover,.table tr.is-selected{background:var(--color-msg-bg)}.table-num{width:48px;text-align:center;color:var(--color-text-muted);font-weight:500}.list-card{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 24px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.list-card__main{flex:1 1 220px;min-width:0}.list-card__id{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.list-card__title{font-size:14px;font-weight:600;color:var(--color-text);margin:0;line-height:1.3}.list-card__meta{flex:2 1 320px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 16px;font-size:14px}.meta-label{color:var(--color-text-muted);margin-right:4px}.list-card__aside{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto}.status-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-primary);white-space:nowrap}.status-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.counter-muted{font-size:14px;color:var(--color-text)}.counter-muted span{color:var(--color-text-muted);font-weight:500}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px;padding:12px 0 16px}.sort-line{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text);white-space:nowrap}.sort-line a,.sort-line .link{color:var(--color-primary);cursor:default}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 0}.page-header-row__left{display:flex;align-items:center;gap:12px}.kv-grid{display:flex;flex-direction:column;gap:12px}.kv-row{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;line-height:1.29}.kv-row__label{flex:0 0 220px;max-width:100%;color:var(--color-text-muted)}.kv-row__value{flex:1 1 200px;min-width:0;color:var(--color-text)}.orders-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin-top:16px}.orders-sidebar{flex:1 1 280px;min-width:260px;display:flex;flex-direction:column;gap:8px}.order-list-btn{display:block;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease}.order-list-btn:hover{border-color:var(--color-border-input)}.order-list-btn--active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:var(--color-msg-bg)}.order-list-btn__title{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 4px}.order-list-btn__meta{font-size:12px;color:var(--color-text-muted)}.orders-detail{flex:2 1 420px;min-width:280px;display:flex;flex-direction:column;gap:16px}.detail-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.table-wrap .table{border:none;border-radius:0}.total-line{margin-top:12px;font-size:14px;font-weight:600}.history-list{margin:0;padding-left:18px;font-size:13px;color:var(--color-text)}.history-list li{margin-bottom:6px}.json-preview{margin-top:10px;padding:14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;line-height:1.45;max-height:240px;overflow:auto;color:var(--color-text-muted);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace}.cell-readonly{padding:6px 0;font-size:14px}.readonly-block{padding:8px 12px;min-height:36px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.45;white-space:pre-wrap}.order-actions-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.compose-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 -34px;padding:20px 34px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.compose-header__left{display:flex;align-items:center;gap:12px;min-width:0}.compose-header__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn-icon-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.btn-icon-back:hover{background:#1116930f;color:var(--color-text)}.btn-secondary-soft{background:#1116930f;border:none;color:var(--color-text)}.btn-secondary-soft:hover:not(:disabled){background:#1116931a}.tabs-underline{display:flex;align-items:flex-end;border-bottom:2px solid var(--color-border-input);margin-top:12px}.tab-underline{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:inherit;font-size:14px;font-weight:500;line-height:18px;color:#5b5f73;padding:8px 16px 10px;margin-bottom:-2px;border-bottom:2px solid transparent;cursor:pointer}.tab-underline:hover{color:var(--color-text)}.tab-underline--active{color:var(--color-text);border-bottom-color:var(--color-text)}.app-workspace-title-row{border-bottom:1px solid var(--color-border);padding-bottom:12px;margin-bottom:0}.tabs-underline--tight{margin-top:4px}.list-card__status-cell{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.po-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}.po-status-badge__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.po-status-badge--draft{color:#5b5f73}.po-status-badge--draft .po-status-badge__dot{background:#9da2b4}.po-status-badge--issued{color:var(--color-primary)}.po-status-badge--issued .po-status-badge__dot{background:var(--color-primary)}.po-status-badge--confirmed{color:#c2410c}.po-status-badge--confirmed .po-status-badge__dot{background:#ea580c}.po-status-badge--closed{color:#466e2d}.po-status-badge--closed .po-status-badge__dot{background:#87c159}.po-status-badge--rejected,.po-status-badge--cancelled{color:var(--color-danger-text)}.po-status-badge--rejected .po-status-badge__dot,.po-status-badge--cancelled .po-status-badge__dot{background:#dc2626}button.list-card--clickable{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}.list-card.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:var(--color-msg-bg)}.app-footer{padding:12px 34px 24px;display:flex;justify-content:flex-end}.btn-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;font-family:inherit;font-size:13px;color:var(--color-primary);cursor:pointer;text-decoration:underline}.btn-link:hover{color:var(--color-primary-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f121c73;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:100%;max-width:440px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:20px 22px 18px}.modal-card__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.order-detail-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.order-actions-more{position:relative}.order-actions-more>summary{list-style:none}.order-actions-more>summary::-webkit-details-marker{display:none}.btn-more-dots{min-width:40px;padding-left:10px;padding-right:10px;font-size:18px;line-height:1;letter-spacing:0}.order-actions-more__dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:260px;max-width:min(320px,92vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);z-index:20;padding:6px 0}.order-actions-more__item{display:block;width:100%;box-sizing:border-box;text-align:left;padding:10px 14px;border:none;background:transparent;font:inherit;font-size:14px;color:var(--color-text);cursor:pointer}.order-actions-more__item:hover:not(:disabled){background:#1116930f}.order-actions-more__item:disabled{opacity:.5;cursor:not-allowed}.order-actions-more__item--link{text-decoration:none}.order-actions-more__item--link:hover{background:#1116930f}