@font-face{font-family:Fraunces;src:url(/fonts/Fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Spline Sans;src:url(/fonts/SplineSans.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Spline Sans Mono;src:url(/fonts/SplineSansMono.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--brass: #b07c2e;--brass-deep: #8c6121;--bone: #f3eee5;--bone-2: #ece5d8;--bone-card: #fbf8f2;--charcoal: #211c16;--charcoal-soft: #3a322a;--line: #ddd2bf;--muted: #8a7e6c;--green: #4f7a52;--red: #9c4a3a;--display: "Fraunces", Georgia, "Times New Roman", serif;--body: "Spline Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 14px;--shadow: 0 1px 2px rgba(33, 28, 22, .06), 0 6px 18px rgba(33, 28, 22, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bone);color:var(--charcoal);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.01em}button{font-family:var(--body);cursor:pointer;border:none;border-radius:9px;font-size:13px;font-weight:600;padding:8px 14px;transition:filter .12s ease,background .12s ease,transform .04s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--brass);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brass-deep)}.btn-ghost{background:transparent;color:var(--charcoal-soft);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--bone-2)}.btn-danger{background:transparent;color:var(--red);border:1px solid #e0c4bc}.btn-danger:hover:not(:disabled){background:#f6e9e5}.btn-sm{padding:5px 10px;font-size:12px}input,textarea,select{font-family:var(--body);font-size:14px;color:var(--charcoal);background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px #b07c2e26}label{font-size:12px;font-weight:600;color:var(--muted);display:block;margin-bottom:4px}textarea{resize:vertical;line-height:1.5}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--charcoal);color:var(--bone);border-bottom:3px solid var(--brass)}.topbar .brand{font-family:var(--display);font-size:22px;font-weight:600;color:var(--bone)}.topbar .brand b{color:var(--brass);font-weight:600}.topbar .sub{font-size:12px;color:#b6ab98;letter-spacing:.04em;text-transform:uppercase}.topbar .spacer{flex:1}.topbar .balance-chip{background:#b07c2e2e;border:1px solid rgba(176,124,46,.5);border-radius:11px;padding:7px 14px;color:var(--bone)}.topbar .balance-chip .label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#c9bfa9}.topbar .balance-chip .val{font-family:var(--mono);font-size:18px;font-weight:600}.layout{flex:1;display:grid;grid-template-columns:1fr 340px;gap:0;min-height:0}.main{padding:20px 24px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.side{border-left:1px solid var(--line);background:var(--bone-2);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}.paste-card{background:var(--bone-card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:18px}.paste-card h2{font-size:16px;margin-bottom:4px}.paste-card .hint{font-size:12px;color:var(--muted);margin-bottom:10px}.paste-row{display:flex;gap:10px;align-items:flex-start}.paste-row textarea{flex:1;min-height:70px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;flex:1;min-height:0}.column{display:flex;flex-direction:column;min-height:0}.col-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;padding:0 2px}.col-head h3{font-size:15px}.col-head .count{font-family:var(--mono);font-size:12px;color:var(--muted);background:var(--bone-2);border-radius:20px;padding:1px 9px}.col-head.new h3{color:var(--charcoal)}.col-head.confirmed h3{color:var(--brass-deep)}.col-head.shipped h3{color:var(--green)}.col-scroll{overflow-y:auto;padding:2px 4px 24px 2px;display:flex;flex-direction:column;gap:10px}.col-empty{color:var(--muted);font-size:13px;padding:16px 6px;font-style:italic}.card{background:var(--bone-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:border-color .12s ease}.card:hover{border-color:#cdbfa2}.card.cancelled{opacity:.6;filter:grayscale(.5)}.card-head{padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.card-line1{display:flex;align-items:baseline;gap:8px}.card-po{font-family:var(--mono);font-weight:600;font-size:13px;color:var(--brass-deep)}.card-total{margin-left:auto;font-family:var(--mono);font-weight:600;font-size:14px}.card-customer{font-weight:600;font-size:14px}.card-summary{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-foot{display:flex;gap:6px;align-items:center;padding:0 14px 12px;flex-wrap:wrap}.badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:20px}.badge.cancelled{background:#f1ddd7;color:var(--red)}.badge.tracking{background:#e6efe6;color:var(--green);font-family:var(--mono);letter-spacing:0;text-transform:none}.card-detail{border-top:1px solid var(--line);padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:13px}.detail-grid .full{grid-column:1 / -1}.detail-grid .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.items-table{width:100%;border-collapse:collapse;font-size:13px}.items-table th{text-align:left;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px 4px}.items-table td{padding:4px 6px;border-top:1px solid var(--bone-2)}.items-table td.num,.items-table th.num{text-align:right;font-family:var(--mono)}.notes-log{display:flex;flex-direction:column;gap:5px}.note{font-size:12.5px;background:var(--bone);border-radius:8px;padding:6px 9px}.note .meta{font-size:10px;color:var(--muted)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.panel{background:var(--bone-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:8px}.panel-head h2{font-size:16px}.panel-body{padding:13px 15px;display:flex;flex-direction:column;gap:12px}.ledger-balance{text-align:center;padding:6px 0 10px}.ledger-balance .label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ledger-balance .val{font-family:var(--mono);font-size:30px;font-weight:600;color:var(--charcoal)}.ledger-balance .val.neg{color:var(--green)}.pay-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.pay-row{display:flex;align-items:baseline;gap:8px;font-size:13px;padding:6px 0;border-top:1px solid var(--bone-2)}.pay-row .amt{font-family:var(--mono);font-weight:600}.pay-row .date{font-family:var(--mono);font-size:11px;color:var(--muted)}.pay-row .note{color:var(--muted);font-size:12px;flex:1}.pay-row .x{margin-left:auto;color:var(--muted);background:none;border:none;padding:2px 6px}.qa-item{border-top:1px solid var(--bone-2);padding:10px 0}.qa-q{font-size:13.5px;font-weight:600}.qa-a{font-size:13px;background:#eef3ee;border-left:3px solid var(--green);border-radius:0 8px 8px 0;padding:7px 10px;margin-top:6px}.qa-a .meta{font-size:10px;color:var(--muted)}.qa-unanswered{font-size:11px;color:var(--brass-deep);margin-top:4px}.login-wrap{min-height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#efe6d4,var(--bone))}.login-card{width:360px;max-width:90vw;background:var(--bone-card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:34px 30px;text-align:center}.login-card .mark{font-family:var(--display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep)}.login-card h1{font-size:26px;margin:6px 0 4px}.login-card p{color:var(--muted);font-size:13px;margin:0 0 22px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-err{color:var(--red);font-size:13px;min-height:18px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--charcoal);color:var(--bone);padding:10px 18px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;z-index:50}.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#211c168c;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:60;overflow-y:auto}.modal{background:var(--bone);border-radius:16px;width:580px;max-width:100%;box-shadow:var(--shadow);border:1px solid var(--line)}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px}.modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow-y:auto}.topbar .btn-ghost.hist{color:#e9e0cf;border-color:#4a4036}@media (max-width: 980px){.layout{grid-template-columns:1fr}.side{border-left:none;border-top:1px solid var(--line)}.board{grid-template-columns:1fr}}