:root{--ink: #111;--ink-soft: #555;--ink-faint: #999;--rule-faint: #d4d4d4;--paper: #f4f4f1;--paper-2: #e9e9e4;--paper-3: #dedeD8;--accent: #c2410c;--accent-soft:#f4d8c5;--rule: #222;--ok: #15803d;--warn: #b45309;--red: #b91c1c;--sans: "IBM Plex Sans", "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.4;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input,select,textarea,button{border-radius:0}button{cursor:pointer}input:focus,select:focus,textarea:focus,button:focus-visible{outline:1px solid var(--rule);outline-offset:-1px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--paper-3)}::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}.s-box{border:1px solid var(--rule);background:var(--paper);position:relative}.s-box--dash{border-style:dashed}.s-box--soft{border-color:var(--rule-faint)}.s-box--accent{border-color:var(--accent);background:var(--accent-soft)}.s-stamp{display:inline-block;padding:1px 7px;border:1px solid var(--rule);color:var(--rule);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:var(--paper);border-radius:0;white-space:nowrap}.s-stamp--accent{border-color:var(--accent);color:var(--accent)}.s-stamp--filled{background:var(--rule);color:var(--paper)}.s-stamp--warn{border-color:var(--warn);color:var(--warn)}.s-stamp--ok{border-color:var(--ok);color:var(--ok)}.s-stamp--red{border-color:var(--red);color:var(--red)}.s-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--rule);background:var(--paper);font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;border-radius:0;transition:background .1s ease,color .1s ease,border-color .1s ease}.s-btn:hover{background:var(--paper-2)}.s-btn:disabled{opacity:.45;cursor:not-allowed}.s-btn--primary{background:var(--rule);color:var(--paper)}.s-btn--primary:hover{background:var(--ink)}.s-btn--accent{background:var(--accent);color:#fff;border-color:var(--accent)}.s-btn--accent:hover{background:#a8370a;border-color:#a8370a}.s-btn--ghost{background:transparent;border-style:dashed;border-color:var(--ink-soft);color:var(--ink-soft)}.s-btn--ghost:hover{background:var(--paper-2);color:var(--ink)}.s-btn--sm{padding:3px 8px;font-size:11px}.s-btn--danger{color:var(--red);border-color:var(--red)}.s-btn--danger:hover{background:var(--red);color:#fff}.s-input{border:1px solid var(--rule-faint);background:var(--paper);font-family:var(--mono);font-size:12px;padding:5px 8px;width:100%;border-radius:0;color:var(--ink)}.s-input::placeholder{color:var(--ink-faint)}.s-input:focus{outline:1px solid var(--rule);outline-offset:-1px}.s-input--ai{background:var(--accent-soft);border-color:var(--accent)}.s-rule{border:0;border-top:1px solid var(--rule-faint);margin:10px 0}.s-rule--solid{border-top-color:var(--rule)}.s-scribble{background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(0,0,0,.06) 6px 7px);border:1px dashed var(--ink-soft);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--ink-soft);text-align:center;padding:6px;border-radius:0}.s-meta{font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase}.s-page{display:flex;flex-direction:column;height:100vh;background:var(--paper);overflow:hidden}.s-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--rule);background:var(--paper-2);min-height:48px;flex-shrink:0;gap:16px}.s-logo{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase}.s-logo .sub{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--ink-soft);text-transform:uppercase;border-left:1px solid var(--rule-faint);padding-left:8px;letter-spacing:.08em}.s-title{font-family:var(--sans);font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0}.s-h2{font-family:var(--sans);font-size:16px;font-weight:600;margin:0}.s-body{font-size:13px}.s-small{font-size:11px;color:var(--ink-soft)}.s-line{display:grid;grid-template-columns:1fr 110px 110px;gap:8px;padding:7px 0;border-bottom:1px solid var(--rule-faint);font-size:12px;align-items:baseline}.s-line--head{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--ink-soft);letter-spacing:.06em;border-bottom:1px solid var(--rule);padding:6px 0}.s-line .qty{text-align:right}.s-line .price{text-align:right;font-family:var(--mono);font-size:12px}.s-line--hi{background:var(--accent-soft);border-color:var(--accent);padding:7px 8px;margin:-1px 0}.s-twocol{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.s-col{padding:16px 20px;display:flex;flex-direction:column;gap:10px;overflow:auto;position:relative}.s-col+.s-col{border-left:1px solid var(--rule)}.s-col--wala{background:#deded8}.s-col--wera{background:#d3d3cc}.s-nameplate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--rule)}.s-nameplate .who{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1}.s-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.s-check:before{content:"";width:12px;height:12px;border:1px solid var(--rule);display:inline-block;flex-shrink:0;background:var(--paper)}.s-check.on:before{background:var(--rule);background-image:linear-gradient(45deg,transparent 45%,var(--paper) 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--paper) 45% 55%,transparent 55%);background-size:8px 8px;background-position:center;background-repeat:no-repeat}.s-list{display:flex;flex-direction:column}.s-row{display:grid;grid-template-columns:1fr 110px 110px 90px;gap:10px;padding:9px 12px;border-bottom:1px solid var(--rule-faint);align-items:center;font-size:12px;cursor:pointer;transition:background .08s ease}.s-row:last-child{border-bottom:none}.s-row:hover{background:var(--paper-2)}.s-row--head{background:var(--paper-2);border-bottom:1px solid var(--rule);cursor:default}.s-row--head:hover{background:var(--paper-2)}.s-row .name{font-family:var(--sans);font-weight:600;font-size:13px;line-height:1.2}.s-actionbar{border-top:1px solid var(--rule);padding:10px 18px;display:flex;justify-content:space-between;align-items:center;background:var(--paper-2);gap:12px;flex-shrink:0}.s-anno{position:absolute;font-family:var(--mono);font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;pointer-events:none}.s-sidebar{width:200px;border-right:1px solid var(--rule);padding:14px 10px;display:flex;flex-direction:column;gap:2px;background:var(--paper-2);flex-shrink:0;overflow:auto}.s-navitem{padding:6px 10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer;border-left:2px solid transparent;background:transparent;border-top:none;border-right:none;border-bottom:none;text-align:left;width:100%}.s-navitem:hover{background:var(--paper-3)}.s-navitem--active{background:var(--rule);color:var(--paper);border-left-color:var(--accent)}.s-navitem--active:hover{background:var(--rule)}.s-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--ink-soft);letter-spacing:.05em;margin-bottom:4px;display:flex;align-items:center}.s-avatar{width:28px;height:28px;border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;font-weight:600;background:var(--paper)}.s-id{font-family:var(--mono);font-size:11px;color:var(--ink-soft);background:var(--paper-2);padding:1px 6px;border:1px solid var(--rule-faint);display:inline-block}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;background-image:repeating-linear-gradient(45deg,transparent 0 6px,rgba(0,0,0,.05) 6px 7px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000000a;background-image:repeating-linear-gradient(45deg,transparent 0 6px,rgba(0,0,0,.03) 6px 7px);z-index:9100;display:flex;justify-content:flex-end}.toast-stack{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:9500;pointer-events:none}.toast{pointer-events:auto;min-width:240px;max-width:360px;padding:10px 14px;background:var(--paper);border:1px solid var(--rule);border-left-width:3px;font-size:13px;box-shadow:2px 4px #0000001f;animation:toast-in .18s ease-out}.toast.success{border-left-color:var(--ok)}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.s-progress{height:6px;background:var(--paper-2);border:1px solid var(--rule-faint)}.s-progress>div{height:100%;background:var(--accent);transition:width .4s ease}@media (max-width: 720px){.s-sidebar{display:none}.s-twocol{grid-template-columns:1fr}.s-col+.s-col{border-left:none;border-top:1px solid var(--rule)}}