:root{--navy: #06243F;--navy-light: #0a3a65;--green: #5FA841;--green-dark: #4a8832;--white: #ffffff;--off-white: #f4f7f9;--border: #d0dae3;--text: #1a2b38;--text-muted: #5a7080;--danger: #c0392b;--danger-bg: #fdf0ef;--warn: #e67e22;--warn-bg: #fef9f0;--success: #27ae60;--success-bg: #f0faf4;--tap: 56px;--tap-sm: 48px;--radius: 10px;--radius-lg: 16px;font-family:Poppins,system-ui,sans-serif;font-size:16px;color:var(--text);background:var(--off-white)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1{font-size:1.5rem;font-weight:700;line-height:1.2}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}p,li{line-height:1.5}small{font-size:.8rem}.page{max-width:640px;margin:0 auto;padding:0 0 100px}.page-header{background:var(--navy);color:var(--white);padding:16px 20px 12px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10}.page-header h1{font-size:1.2rem;flex:1}.page-body{padding:20px 16px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card+.card{margin-top:12px}.card-header{background:var(--navy);color:var(--white);padding:14px 16px;font-weight:600;font-size:1rem}.card-body{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border:none;border-radius:var(--radius);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--green);color:var(--white)}.btn-primary:hover{background:var(--green-dark)}.btn-navy{background:var(--navy);color:var(--white)}.btn-navy:hover{background:var(--navy-light)}.btn-danger{background:var(--danger);color:var(--white)}.btn-ghost{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-full{width:100%}.btn-lg{min-height:64px;font-size:1.15rem;border-radius:var(--radius-lg)}.field{display:flex;flex-direction:column;gap:6px}.field+.field{margin-top:14px}label{font-weight:600;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=number],input[type=date],input[type=password],select,textarea{width:100%;min-height:var(--tap);padding:0 14px;border:2px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1.1rem;color:var(--text);background:var(--white);transition:border-color .15s;-webkit-appearance:none}input[type=number]{padding-right:8px;font-size:1.4rem;font-weight:600;text-align:right;letter-spacing:.02em}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green)}.stream-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stream-btn{min-height:var(--tap-sm);padding:10px;border:2px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;background:var(--white);color:var(--text-muted)}.stream-btn.active-b2b{border-color:var(--navy);background:var(--navy);color:var(--white)}.stream-btn.active-b2c{border-color:var(--green);background:var(--green);color:var(--white)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.badge-complete{background:var(--success-bg);color:var(--success)}.badge-pending{background:var(--warn-bg);color:var(--warn)}.alert{padding:14px 16px;border-radius:var(--radius);font-size:.95rem;border-left:4px solid}.alert-error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-warn{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}.alert-info{background:#eef4fb;border-color:var(--navy);color:var(--navy)}.line-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.line-row:last-child{border-bottom:none}.line-row.voided{opacity:.45;text-decoration:line-through}.line-weight{font-size:1.2rem;font-weight:700;min-width:80px;text-align:right}.line-stream{font-size:.8rem;font-weight:700;padding:3px 8px;border-radius:4px}.line-stream.b2b{background:var(--navy);color:var(--white)}.line-stream.b2c{background:var(--green);color:var(--white)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--border);display:flex;padding:8px 16px env(safe-area-inset-bottom);gap:8px;z-index:20}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-8{gap:8px}.text-muted{color:var(--text-muted);font-size:.9rem}.text-center{text-align:center}.bold{font-weight:700}.spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:32px;height:32px;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:var(--text-muted)}