:root{--terra: #cb5839;--terra-soft: #fbede8;--terra-deep: #b94a2d;--ok: #2e7d57;--ok-soft: #e8f3ee;--info: #3a6ea5;--info-soft: #eaf1f8;--ink: #16181c;--mid: #5f6570;--dim: #9aa0a8;--page: #f7f6f4;--card: #ffffff;--line: #e5e2de;--hair: #f0ede9;--r: 6px}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:400 13px/1.5 Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.m{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.lb{font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--mid)}.h{font:600 13px Onest,sans-serif}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}.btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 12px Onest,sans-serif;cursor:pointer;transition:border-color .18s,background .18s}.btn:hover{border-color:#cfcac3;background:#faf9f7}.btn.pri{background:var(--terra);border-color:var(--terra);color:#fff}.btn.pri:hover{background:var(--terra-deep);border-color:var(--terra-deep)}.btn.go{background:var(--ok);border-color:var(--ok);color:#fff}.btn.go:hover{background:#256a48;border-color:#256a48}.btn:disabled{opacity:.5;cursor:default}.chip{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.chip .dot{width:5px;height:5px;border-radius:50%}.tab{padding:5px 11px;border-radius:var(--r);color:var(--mid);cursor:pointer;font-weight:500;transition:background .18s,color .18s;-webkit-user-select:none;user-select:none;border:none;background:transparent;font-family:inherit;font-size:13px}.tab:hover{background:#efece8;color:var(--ink)}.tab.on{background:var(--ink);color:#fff}table{width:100%;border-collapse:collapse}.th{height:30px;padding:0 10px;text-align:left;font-size:11px;font-weight:500;color:var(--mid);border-bottom:1px solid var(--line);white-space:nowrap}.rw td{padding:0 10px;height:40px;border-bottom:1px solid var(--hair);vertical-align:middle}.rw{transition:background .15s;cursor:pointer}.rw:hover{background:#faf9f7}.rw.sel{background:#fdf6f3}.fld{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);font:400 13px Onest,sans-serif;color:var(--ink);width:100%}input.fld.num{width:76px;text-align:right;font-family:JetBrains Mono,monospace}:focus-visible{outline:2px solid var(--terra);outline-offset:2px}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.hdr{flex-shrink:0;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:8px 18px;flex-wrap:nowrap}.tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs .tab{flex-shrink:0}.split{flex-grow:1;display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:0}.ordcard{border-left:1px solid var(--line);background:var(--card);padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0;overflow:auto}@media(max-width:860px){.app{height:auto;min-height:100dvh;overflow:visible}.hdr{flex-wrap:wrap;padding:8px 10px;row-gap:6px}.hdr .brand-date{display:none}.tabs{flex-basis:100%;order:10}.split{display:flex;flex-direction:column}.ordcard{border-left:none;border-top:2px solid var(--terra)}body{font-size:14px}.btn{height:36px;font-size:13px}.tab{padding:8px 12px;font-size:14px}.fld{height:38px;font-size:16px}.rw td{height:46px}.card{overflow-x:auto}section{padding:10px!important}}