:root{color:#172837;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f2f5f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100svh}.sale-app{max-width:1240px;min-height:100svh;margin:auto;padding:24px 26px 50px}.sale-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-lockup img{object-fit:contain;width:68px;height:56px}.brand-lockup>div{gap:2px;display:grid}.brand-kicker,.eyebrow,.strip-label{letter-spacing:.14em;color:#56838a;font-size:10px;font-weight:850}.brand-lockup strong{color:#12365b;font-size:24px;line-height:1.1}.balance-box{text-align:right;color:#0c625b;background:#e7f6f2;border:1px solid #cbe7e5;border-radius:16px;gap:3px;min-width:155px;padding:11px 17px;display:grid}.balance-box span{font-size:11px;font-weight:750}.balance-box strong{font-size:22px;line-height:1.1}.balance-box small{font-size:12px}.status-strip{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.status-strip>div{background:#fff;border:1px solid #dce6ec;border-radius:15px;gap:4px;padding:12px 16px;display:grid}.status-strip strong{color:#2b475b;font-size:14px}.status-strip .live{background:#e9faf3;border-color:#4fc3a7}.status-strip .live strong{color:#096e55}.sale-layout{grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);align-items:start;gap:18px;display:grid}.sale-column{gap:18px;display:grid}.surface{background:#fff;border:1px solid #e1e9ef;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #2344670b}.entry-surface,.draft-surface,.recent-surface{padding:23px}.surface-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px;display:flex}.surface-heading h1,.surface-heading h2{letter-spacing:-.02em;color:#132e48;margin:4px 0 0;font-size:23px;line-height:1.2}.surface-heading h2{font-size:21px}.round-tag{color:#2059a1;white-space:nowrap;background:#e9f1ff;border-radius:100px;padding:7px 10px;font-size:11px;font-weight:850}.mode-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.mode-grid button{color:#35556d;background:#f6f9fc;border:1px solid #d9e5ef;border-radius:10px;min-height:39px;padding:8px 2px;font-size:11px;font-weight:800}.mode-grid button.selected{color:#075aaa;background:#e8f3ff;border-color:#0c75d0;box-shadow:inset 0 0 0 1px #0c75d0}.mode-grid button:disabled{opacity:.45}.mode-note{color:#667c8d;min-height:31px;margin:10px 1px 14px;font-size:12px}.entry-fields{grid-template-columns:1fr 1fr;gap:11px;display:grid}.entry-fields label{color:#315168;font-size:13px;font-weight:750;display:block}.entry-fields label small{color:#7c91a0;font-weight:500}.entry-fields input{color:#17344e;font-variant-numeric:tabular-nums;cursor:pointer;background:#fff;border:1px solid #cad9e4;border-radius:12px;outline:0;width:100%;height:54px;margin-top:7px;padding:0 12px;font-size:20px;font-weight:800;display:block}.entry-fields .focused input,.entry-fields input:focus{border-color:#177ac5;box-shadow:0 0 0 3px #187ac51b}.entry-fields input:disabled{color:#9aaab5;background:#f4f7f9}.keep-amount{color:#5e7384;cursor:pointer;align-items:center;gap:8px;margin:13px 1px 15px;font-size:12px;display:flex}.keep-amount input{accent-color:#0a7d73;width:16px;height:16px}.keypad{grid-template-columns:3fr 1fr;gap:7px;display:grid}.keypad-digits{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.keypad-controls{grid-template-rows:repeat(3,1fr);gap:7px;display:grid}.keypad button{color:#214d70;background:#f5f8fb;border:1px solid #d9e4ed;border-radius:10px;min-height:47px;font-size:20px;font-weight:800}.keypad button:active{background:#dceeff}.keypad button:disabled{opacity:.42}.keypad-controls button{flex-direction:column;justify-content:center;align-items:center;display:flex}.keypad-controls button small{font-size:10px}.keypad-controls .keypad-add{color:#fff;background:#10796d;border-color:#10796d;font-size:29px}.selection-preview{background:#f8fafc;border:1px solid #e3ebf1;border-radius:13px;margin:17px 0 12px;padding:13px}.selection-preview>div:first-child,.preview-total,.draft-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.selection-preview span,.preview-total span{color:#697f8e;font-size:12px}.selection-preview strong{color:#194260;font-size:14px}.number-preview{flex-wrap:wrap;align-items:center;gap:5px;min-height:33px;margin:9px 0;display:flex}.number-preview b,.number-preview em{color:#14538b;background:#e7f0f8;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:28px;padding:0 6px;font-size:12px;font-style:normal;display:inline-flex}.number-preview em{color:#684ab4;background:#f0ecfc}.preview-total{border-top:1px solid #e4ebef;padding-top:10px}.preview-total strong{font-size:16px}.field-error{color:#ad3d3d;margin:0 0 10px;font-size:12px}.add-button,.sell-button{color:#fff;background:#117a70;border:0;border-radius:11px;width:100%;padding:14px 16px;font-size:15px;font-weight:850}.add-button:disabled,.sell-button:disabled{opacity:.45}.cutoff-note{color:#7b8d99;margin:12px 1px 0;font-size:11px;line-height:1.5}.quiet-action{color:#b44b4b;background:0 0;border:0;padding:5px;font-size:12px;font-weight:750}.quiet-action:disabled{opacity:.4}.draft-scroll{border:1px solid #e5edf2;border-radius:11px;max-height:405px;overflow:auto}.draft-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.draft-table th{text-align:right;letter-spacing:.07em;color:#698295;background:#f5f8fb;padding:11px 8px;font-size:10px;position:sticky;top:0}.draft-table th:first-child,.draft-table td:first-child{text-align:center}.draft-table th:nth-child(2),.draft-table td:nth-child(2){text-align:left}.draft-table td{text-align:right;color:#314c5e;border-top:1px solid #edf2f5;padding:9px 8px}.number-badge{color:#0d5b9e;background:#e9f2fd;border-radius:7px;padding:7px 9px;font-size:14px;display:inline-block}.remove-button{color:#ad5d64;background:0 0;border:0;font-size:22px;line-height:1}.draft-empty{color:#8499a7;text-align:center;border:1px dashed #d3e1e9;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:180px;display:flex}.draft-empty span{color:#b1c7d4;font-size:35px}.draft-empty strong{color:#5f7b8d}.draft-empty small{font-size:11px}.draft-summary{padding:17px 0}.draft-summary div{gap:2px;display:grid}.draft-summary span{color:#6f8391;font-size:11px}.draft-summary strong{color:#143b58;font-size:18px}.preview-button{color:#126194;background:#f1f8fe;border:1px solid #bbd8ea;border-radius:10px;width:100%;margin-bottom:11px;padding:10px;font-size:12px;font-weight:800}.sell-button{background:#0966b2}.voucher{background:#fff;border:1px solid #dce5e9;border-radius:11px;margin-bottom:12px;padding:17px;font-size:12px}.voucher-header{text-align:center;border-bottom:1px dashed #cbd6dc;gap:4px;padding-bottom:13px;display:grid}.voucher-header span{color:#588895;letter-spacing:.15em;font-size:10px;font-weight:800}.voucher-header strong{color:#223f50;font-size:18px}.voucher-header small{color:#68808d}.voucher-line{border-bottom:1px solid #eef2f4;grid-template-columns:40px 1fr 1fr;gap:5px;padding:8px 0;display:grid}.voucher-line span,.voucher-line small{text-align:right}.voucher-total{justify-content:space-between;padding:12px 0;display:flex}.voucher p{color:#8b9ca5;text-align:center;margin:4px 0;font-size:10px}.notice{border-radius:12px;margin:0 0 14px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.success{color:#176648;background:#e7f8ed}.notice.error{color:#a33d35;background:#fff0ed}.notice.info{color:#315e82;background:#eaf3fc}.status-notice{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-notice button{color:inherit;white-space:nowrap;background:0 0;border:0;font-weight:850}.recent-count{text-align:center;color:#466a7e;background:#edf3f6;border-radius:50px;min-width:28px;padding:5px 9px;font-size:12px}.recent-list{gap:7px;display:grid}.recent-record{background:#fbfcfd;border:1px solid #e4ebf0;border-radius:12px;overflow:hidden}.recent-record summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px;list-style:none;display:flex}.recent-record summary::-webkit-details-marker{display:none}.recent-record summary div{gap:3px;display:grid}.recent-record summary strong{color:#234a68;font-size:13px}.recent-record summary small{color:#8194a1;font-size:11px}.recent-record summary b{color:#234a68;white-space:nowrap;font-size:13px}.recent-pairs{flex-wrap:wrap;gap:5px;padding:0 12px 8px;display:flex}.recent-pairs span{color:#315d7e;background:#eaf2f9;border-radius:6px;padding:5px 7px;font-size:11px}.recent-record p{color:#6c8493;margin:0;padding:0 12px 12px;font-size:11px}.recent-empty{color:#7b8e9a;font-size:13px}.connection{text-align:center;color:#34586c;padding:45px 22px}@media (width<=850px){.sale-app{padding:16px 15px 35px}.sale-layout{grid-template-columns:1fr}.sale-column{gap:15px}.surface{border-radius:17px}.entry-surface,.draft-surface,.recent-surface{padding:18px}.draft-scroll{max-height:340px}}@media (width<=520px){.sale-app{padding:10px 10px 28px}.sale-header{margin-bottom:12px}.brand-lockup img{width:47px;height:45px}.brand-lockup strong{font-size:19px}.balance-box{border-radius:12px;min-width:126px;padding:8px 11px}.balance-box strong{font-size:18px}.balance-box span{font-size:9px}.status-strip{grid-template-columns:1fr 1fr;gap:6px}.status-strip>div{border-radius:11px;padding:9px 10px}.status-strip>div:first-child{grid-column:span 2}.status-strip strong{font-size:12px}.strip-label{font-size:9px}.sale-layout{gap:11px}.entry-surface,.draft-surface,.recent-surface{padding:14px}.surface-heading{margin-bottom:14px}.surface-heading h1,.surface-heading h2{font-size:19px}.mode-grid{gap:4px}.mode-grid button{min-height:36px;padding:5px 2px;font-size:10px}.mode-note{min-height:30px;font-size:11px}.entry-fields input{height:48px;font-size:17px}.keypad button{min-height:42px}.draft-table{font-size:11px}.draft-table th,.draft-table td{padding:7px 4px}.number-badge{padding:5px 7px;font-size:12px}.status-notice{flex-direction:column;align-items:flex-start}.status-notice button{padding:0}}.brunie-sale .status-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.brunie-sale .status-strip>div{min-width:0;padding:12px 10px}.brunie-sale .strip-label{white-space:nowrap;font-size:9px}.brunie-sale .brand-lockup strong{color:#47327b}.brunie-sale .balance-box{color:#63429a;background:#f1ebfb;border-color:#ddcff4}.brunie-sale .status-strip .live{background:#f2eafd;border-color:#8f68da}.brunie-sale .status-strip .live strong{color:#6841a6}.brunie-sale .round-tag{color:#6841a6;background:#f2eafd}.brunie-sale .mode-grid button.selected{color:#603597;background:#f2eafd;border-color:#8056c5;box-shadow:inset 0 0 0 1px #8056c5}.brunie-sale .entry-fields .focused input,.brunie-sale .entry-fields input:focus{border-color:#8056c5;box-shadow:0 0 0 3px #8056c51b}.brunie-sale .keypad-controls .keypad-add,.brunie-sale .add-button{background:#7a51b8;border-color:#7a51b8}.brunie-sale .sell-button{background:#543289}@media (width<=850px){.brunie-sale .status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.brunie-sale .status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.brunie-sale .status-strip>div:first-child{grid-column:span 3}.brunie-sale .status-strip>div{padding:9px 7px}.brunie-sale .strip-label{font-size:8px}.brunie-sale .keypad button{min-height:46px}.brunie-sale .mode-grid button{min-height:42px}}