:root{--bg: #f6f5f3;--panel: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--accent: #d97706;--accent-600:#b45309;--danger: #dc2626;--shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.page{max-width:1200px;margin:0 auto;padding:16px}.section-title{font-size:16px;font-weight:600;margin:0 0 8px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:8px}.columns{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}@media (min-width: 960px){.columns{grid-template-columns:320px 1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px}.input,select.input,textarea.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9770633}textarea.input{min-height:88px;resize:vertical}.btn{appearance:none;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;padding:8px 12px;transition:transform .03s ease,background .2s}.btn:hover{background:#f8fafc}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-600);border-color:var(--accent-600)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fafafa;color:var(--text);border-radius:999px;padding:6px 10px}.small{color:var(--muted);font-size:12px}.dropdown-panel{position:absolute;z-index:100;left:0;right:0;margin-top:4px;max-height:240px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.dropdown-item{width:100%;text-align:left;padding:8px 12px;border:none;background:transparent}.dropdown-item:hover{background:#f3f4f6}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}:root{--c-bg: #0b0f14;--c-card: #121820;--c-accent: #16a34a;--c-danger: #dc2626}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:#eee;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--c-card);border:1px solid #1f2937;border-radius:14px;padding:16px;box-shadow:0 10px 30px #00000040}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{background:#1f2937;border:1px solid #2a3647;color:#e5e7eb;padding:10px 14px;border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn-primary{background:var(--c-accent);border-color:#15803d;color:#04210f;font-weight:600}.btn-danger{background:var(--c-danger);border-color:#991b1b}.input{background:#0f172a;color:#e5e7eb;border:1px solid #334155;padding:10px;border-radius:10px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#0b1220;border:1px solid #1f2a37;border-radius:999px;font-size:12px;color:#a3b2c7}.grid{display:grid;gap:10px}.map{height:420px;border-radius:14px;overflow:hidden;border:1px solid #1f2937}.small{font-size:12px;opacity:.8}.hr{height:1px;background:#223043;margin:12px 0;border:0}.nav-bar{display:flex;flex-direction:column;gap:8px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.container{padding:8px 12px}.badge.path{display:none}.btn{padding:8px 10px;font-size:14px}.nav-toggle{display:inline-flex}.nav-actions{display:none;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:6px;margin:0 -8px;padding-left:8px;padding-right:8px}.nav-actions.open{display:flex}.nav-actions::-webkit-scrollbar{display:none}}@media (min-width: 641px){.nav-toggle{display:none}.nav-actions{display:flex}}@media (max-width: 640px){.container{padding:10px}.card{padding:12px;border-radius:12px}.row{gap:8px}.btn{padding:8px 10px;font-size:14px;border-radius:10px}.input{padding:9px;font-size:14px}.map{height:55vh}}.bus-grid{display:flex;flex-direction:column;gap:10px}.bus-row{display:grid;gap:10px;align-items:stretch}.aisle{background:transparent}.seat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;border-radius:10px;border:1px solid #2a3647;background:#1f2937;cursor:pointer}.seat:hover{filter:brightness(1.08)}.seat.occupied{background:#223a2b;border-color:#166534}.seat.placeholder{visibility:hidden}.seat-no{font-size:12px;opacity:.8;margin-bottom:4px}.seat-icon{font-size:18px}.legend{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#0b1220;border:1px solid #1f2a37;border-radius:999px;padding:6px 10px;font-size:12px;color:#a3b2c7;cursor:pointer}.chip:hover{filter:brightness(1.1)}.chip.active{outline:2px solid #22c55e}