*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--bg: #f8fafc;--card: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--radius: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 32px;--text-3xl: 44px;--skeleton-from: #edf2f7;--skeleton-to: #dbe4ee}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:480px;margin:0 auto;padding:16px;min-height:100vh}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.btn{display:block;width:100%;padding:14px 20px;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed}.btn-secondary{background:var(--border);color:var(--text)}input,select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:16px;margin-bottom:12px}input:focus,select:focus{outline:none;border-color:var(--primary)}label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text-muted)}.header{background:var(--primary);color:#fff;padding:16px;text-align:center;font-size:20px;font-weight:700;position:sticky;top:0;z-index:100}.trip-card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.trip-card:hover{border-color:var(--primary)}.trip-card.selected{border-color:var(--primary);background:#eff6ff}.trip-route{font-size:18px;font-weight:700;margin-bottom:8px}.trip-time{color:var(--text-muted);font-size:14px}.trip-price{font-size:20px;font-weight:700;color:var(--primary)}.trip-seats{font-size:13px;color:var(--text-muted)}.seat-map{display:grid;gap:8px;justify-content:center;margin:20px 0}.seat{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer;border:2px solid var(--border);background:#fff;transition:all .15s}.seat.available:hover{border-color:var(--primary);background:#eff6ff}.seat.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.seat.booked{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.ticket{background:#fff;border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center}.ticket-code{font-size:32px;font-weight:800;letter-spacing:4px;color:var(--primary);margin:16px 0}.ticket-detail{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.ticket-detail:last-child{border-bottom:none}.ticket-detail-label{color:var(--text-muted);font-size:14px}.ticket-detail-value{font-weight:600}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-confirmed{background:#dcfce7;color:var(--success)}.status-pending{background:#fef3c7;color:var(--warning)}.error{background:#fee2e2;color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.success{background:#dcfce7;color:var(--success);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.loading,.empty{text-align:center;padding:40px;color:var(--text-muted)}.tab-bar{display:flex;gap:0;margin-bottom:16px;background:#fff;border-radius:var(--radius);overflow:hidden}.tab{flex:1;padding:12px;text-align:center;cursor:pointer;font-weight:500;color:var(--text-muted);border-bottom:3px solid transparent}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.manifest-row{display:grid;grid-template-columns:50px 1fr 80px 60px;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px;align-items:center}.page{min-height:100vh}.header-inner{max-width:480px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px}.brand{background:none;border:none;color:#fff;font-size:20px;font-weight:800;cursor:pointer;padding:0}.header-sub{font-size:13px;opacity:.85}.header-right{margin-left:auto}.card-title{font-size:18px;font-weight:700;margin-bottom:12px}.row{display:flex;align-items:center}.field{display:block;margin-bottom:12px}.field-label{display:block;font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.field-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge-ok{background:#dcfce7;color:#15803d}.badge-warn{background:#fef3c7;color:#b45309}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-neutral{background:#e2e8f0;color:#475569}.stat{flex:1;text-align:center;padding:14px 8px}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-value{font-size:26px;font-weight:800;color:var(--text);margin-top:2px}.stat-sub{font-size:12px;color:var(--text-muted)}.btn-secondary:hover{background:#cbd5e1}.btn-ghost{background:transparent;color:var(--primary);box-shadow:none}.btn-ghost:hover{background:#eff6ff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.weight-700{font-weight:700}.found-ticket{border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:6px}.found-code{font-size:26px;font-weight:800;letter-spacing:3px;color:var(--primary)}.found-route{font-size:16px;font-weight:700}.menu{display:flex;gap:6px;margin-bottom:16px;background:#fff;border-radius:var(--radius);padding:6px}.menu button{flex:1;border:none;background:transparent;padding:10px;border-radius:8px;font-weight:600;font-size:14px;color:var(--text-muted);cursor:pointer}.menu button.active{background:var(--primary);color:#fff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.list-item:last-child{border-bottom:none}.actions{display:flex;gap:8px}.actions .btn{width:auto;padding:8px 12px;font-size:13px;border-radius:8px}.field-error{border-color:var(--danger)!important}.manifest-header{font-weight:700;color:var(--text-muted);font-size:12px;text-transform:uppercase}.revenue-stat{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.revenue-stat:last-child{border-bottom:none}.revenue-stat-value{font-weight:700;font-size:18px}.stepper{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap}.stepper .step{flex:0 0 auto;padding:4px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600;background:var(--border);color:var(--text-muted)}.stepper .step.active{background:var(--primary);color:#fff}.stepper .step.done{background:var(--success);color:#fff}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:420px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001f;padding:12px 16px;z-index:200}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.modal{background:#fff;border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;max-width:480px;width:100%;padding:var(--space-5)}.skeleton{background:linear-gradient(90deg,var(--skeleton-from),var(--skeleton-to),var(--skeleton-from));background-size:200% 100%;border-radius:var(--radius);height:40px}.skeleton.line{height:14px;border-radius:4px}.skeleton.card{height:64px}.empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text)}.empty-state-hint{font-size:var(--text-sm)}.empty-state-cta{margin-top:var(--space-3)}.tabbar{display:flex;gap:var(--space-2);padding:var(--space-2);background:#fff;border-radius:var(--radius);overflow-x:auto}.tabbar button{flex:0 0 auto;border:none;background:transparent;padding:10px 12px;border-radius:8px;font-weight:600;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.tabbar button.active{background:var(--primary);color:#fff}@media print{body *{visibility:hidden}#ticket-print,#ticket-print *{visibility:visible}#ticket-print{position:absolute;left:0;top:0;width:100%;border:none;box-shadow:none;padding:16px}.print-hide{display:none!important}}