:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.55;--canvas: #f3f5f4;--surface: #fff;--ink: #172922;--muted: #536760;--line: #d8e1dc;--green: #176148;--green-dark: #103b30;--sidebar: #102f27;--soft: #eaf4ed;--focus: #267d60;--danger: #9b322b;--radius: 12px;--sidebar-width: 232px;--topbar-height: 68px;background:var(--canvas);color:var(--ink)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(1.85rem,3vw,2.6rem);line-height:1.18;letter-spacing:-.035em}h2{margin-bottom:.85rem;font-size:1.3rem;line-height:1.3}h3{margin-bottom:.65rem;font-size:1.08rem}small{font-size:.86rem}a{color:var(--green);text-underline-offset:.2em}button,input,select,textarea{font:inherit;color:inherit}button,.button-link{min-height:38px;padding:.45rem .85rem;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-weight:600;cursor:pointer}button:hover:not(:disabled),.button-link:hover{background:var(--soft);border-color:#9ab7aa}button:disabled,fieldset:disabled button{opacity:.58;cursor:default}.primary,form>button:not([type]){background:var(--green);border-color:var(--green);color:#fff}.primary:hover:not(:disabled),form>button:not([type]):hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.danger,form>button.danger:not([type]){color:var(--danger);background:#fff;border-color:#e5c7c2}.danger:hover:not(:disabled),form>button.danger:not([type]):hover:not(:disabled){background:#fff0ed;border-color:#c36d60}.text-button{min-height:34px;border:0;padding:.2rem .35rem;background:transparent;color:var(--green);text-align:left}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input:not([type=checkbox]),select,textarea{min-width:0;max-width:100%;min-height:38px;padding:.48rem .66rem;border:1px solid #bdcdc5;border-radius:7px;background:var(--surface)}input::placeholder,textarea::placeholder{color:#61746b}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}textarea{min-height:90px;resize:vertical}label{display:grid;gap:.35rem;min-width:0;font-size:.93rem;font-weight:600}label:has(>input[type=checkbox]){display:flex;align-items:center;gap:.5rem;min-height:38px}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));align-items:end;gap:1rem}form>button{justify-self:start}form+form,form+.record-row{margin-top:1.15rem}.panel,fieldset:not(.module-surface){min-width:0;margin:0;padding:clamp(1rem,2.2vw,1.6rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}fieldset:not(.module-surface)>legend{padding:0 .45rem;font-weight:700;font-size:1.03rem}fieldset.module-surface{display:grid;gap:1rem;margin:0;padding:0;border:0;min-width:0}.module-surface>*{min-width:0}.panel-toolbar,.action-row,.detail-heading,.summary-bar,.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.panel-toolbar,.detail-heading,.summary-bar{justify-content:space-between}.panel-toolbar{margin-bottom:.85rem;align-items:end}.panel-toolbar select{min-width:140px}.detail-heading h2{margin:.2rem 0 0;overflow-wrap:anywhere}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:1rem;margin:1rem 0 1.5rem}.detail-meta dt{color:var(--muted);font-size:.85rem}.detail-meta dd{margin:.25rem 0 0;font-weight:600;overflow-wrap:anywhere;text-align:start}.document-detail>*+*{margin-top:1rem}.document-detail h3,.weigh-summary p{margin-bottom:0}.weigh-summary{border:1px solid #cfe2d6;border-radius:8px;padding:1rem;background:var(--soft)}.weigh-summary a{display:inline-block;margin-left:.5rem}.stock-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.stock-line,.full-row{grid-column:1/-1}fieldset.stock-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.85rem;background:#f8faf9}.stock-line>button{align-self:end;justify-self:start}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:.78rem .9rem;border-bottom:1px solid #e6ede8;white-space:nowrap}th{color:var(--muted);font-size:.88rem;font-weight:650;background:#f6f9f7}tbody tr:last-child td{border-bottom:0}tbody tr:hover,.selected-row{background:#f0f7f2}.numeric{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;white-space:nowrap;border-radius:99px;padding:.22rem .65rem;background:#edf1ef;color:#43574e;font-size:.82rem;font-weight:650}.badge[data-state=POSTED]{color:#20553c;background:#e1f0e6}.badge[data-state=PENDING]{color:#774614;background:#fff0d9}.badge[data-state=REJECTED],.badge[data-state=REVERSED]{color:#8c332c;background:#fae9e5}.record-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.record-row>:first-child{min-width:0}.record-row:last-child{border-bottom:0}.feedback,.loading{margin:0 0 .8rem;padding:.75rem .9rem;background:var(--soft);color:var(--green-dark);border-radius:7px;overflow-wrap:anywhere}.feedback[data-tone=error]{background:#fff0ed;color:var(--danger)}.empty-state{margin:0;padding:1.6rem 1rem;text-align:center;color:var(--muted);background:#f7faf8;border-radius:8px}.segmented{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.segmented button[aria-pressed=true]{background:var(--soft);color:var(--green-dark);border-color:#9ab7aa}.approval-reason{max-width:420px;margin:0 0 1rem}.summary-bar{margin:1.2rem 0 .75rem}.summary-bar strong{display:block;font-size:1.65rem;font-variant-numeric:tabular-nums}.button-link{display:inline-flex;align-items:center;text-decoration:none}.pagination{justify-content:flex-end;margin-top:1rem}.page-stack{display:grid;gap:1rem;min-width:0}.muted{color:var(--muted)}.eyebrow{margin-bottom:.55rem;color:var(--green);font-size:.81rem;font-weight:700;letter-spacing:.14em}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:6px;left:6px;z-index:15;padding:.7rem;background:#fff}.startup{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.brand-lockup{display:flex;align-items:center;gap:.8rem;font-size:1.02rem;font-weight:700}.brand-lockup small{display:block;font-weight:500;color:#b3cec1}.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#d8eecf;color:#12392c;font-weight:750;font-size:1.2rem}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#f6f8f6}.auth-brand{display:flex;flex-direction:column;justify-content:space-between;gap:3rem;padding:clamp(2rem,6vw,6.2rem);color:#f4fbf6;background:var(--sidebar)}.auth-brand .eyebrow{color:#b7dab8}.auth-brand h1{font-size:clamp(2.8rem,5vw,5.15rem);line-height:1.05;margin-bottom:1.6rem}.auth-brand-copy>p:last-child{color:#c7dfd3;max-width:26rem;margin:0}.brand-footer{display:flex;flex-wrap:wrap;gap:.65rem 1.35rem;padding-top:1.15rem;border-top:1px solid #456357;color:#b9d3c7;font-size:.88rem}.auth-body{display:grid;place-items:center;padding:clamp(1rem,5vw,4rem)}.auth-card{width:min(100%,425px);padding:clamp(1.4rem,4vw,2.7rem);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 38px #19392a0b}.auth-card h2{font-size:2rem;margin:0 0 .4rem;letter-spacing:-.025em}.auth-form{display:grid;grid-template-columns:1fr;margin-top:1.45rem}.auth-form input,.auth-form button{width:100%;min-height:44px}.workspace{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;gap:1.5rem;padding:1.45rem 1rem 1rem;background:var(--sidebar);color:#f2faf5;overflow-y:auto;z-index:5}.sidebar .brand-lockup{padding:0 .25rem}.nav-group+.nav-group{margin-top:1rem}.nav-group>p{margin:0 .65rem .35rem;color:#afcbbd;font-size:.77rem;letter-spacing:.13em}.nav-group>a{display:flex;align-items:center;gap:.7rem;padding:.57rem .65rem;color:#e6f2eb;text-decoration:none;border-radius:7px;min-height:39px;font-weight:550}.nav-group>a span{color:#b0cebc;font-size:.8rem;font-variant-numeric:tabular-nums}.nav-group>a:hover,.nav-group>a[aria-current=page]{background:#285345;color:#fff}.nav-group>a[aria-current=page]{box-shadow:inset 3px 0 #b0dca9}.sidebar :focus-visible{outline-color:#c1e6bb}.sidebar-footer{margin-top:auto;padding:.8rem .6rem 0;border-top:1px solid #456357;color:#afcbbd;font-size:.82rem}.workspace-body{margin-left:var(--sidebar-width)}.topbar{position:sticky;top:0;z-index:3;min-height:var(--topbar-height);display:flex;align-items:center;gap:.8rem;padding:.55rem clamp(1rem,3vw,2.2rem);border-bottom:1px solid var(--line);background:#fff}.topbar-context{flex:1;min-width:0;font-weight:600}.company-select{display:flex;align-items:center;gap:.7rem}.company-select>span{color:var(--muted);white-space:nowrap}.company-select select{width:min(100%,320px);text-overflow:ellipsis}.account{display:flex;align-items:center;gap:.75rem;min-width:0}.account>div{max-width:min(180px,20vw);overflow-wrap:anywhere;line-height:1.35}.account small{display:block;color:var(--muted)}.account button{flex-shrink:0}.workspace-content{width:min(100%,1460px);margin:0 auto;padding:clamp(1rem,3vw,2.2rem);overflow-wrap:anywhere}.workspace-content>*+*{margin-top:1rem}.page-heading{margin-bottom:1.35rem}.page-heading p:last-child{margin-bottom:0}.drawer-toggle,.drawer-close,.drawer-backdrop{display:none}@media(max-width:900px){.workspace-body{margin-left:0}.sidebar{display:none;width:min(280px,86vw);z-index:9}.sidebar.is-open{display:flex}.drawer-toggle,.drawer-close{display:block}.drawer-close{align-self:start;color:var(--ink)}.drawer-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#102f2799;z-index:8}}@media(max-width:600px){.auth-layout{grid-template-columns:1fr;min-height:100dvh;grid-template-rows:auto 1fr}.auth-brand{padding:1.25rem;gap:1rem}.auth-brand h1{font-size:2.4rem;margin-bottom:.65rem}.auth-brand h1 br,.auth-brand .eyebrow,.brand-footer{display:none}.auth-body{align-items:start}.topbar{padding:.55rem .7rem;gap:.45rem}.company-select{display:grid;gap:.1rem}.company-select>span{font-size:.72rem}.account{gap:.35rem}.account>div{max-width:18vw;font-size:.82rem}.account small{font-size:.72rem}form,fieldset.stock-line{grid-template-columns:1fr}.panel-toolbar>button{margin-left:auto}}.section-gap{margin-top:1rem}.panel>form+form,.document-detail>form{padding-top:.85rem;border-top:1px solid var(--line)}
