:root{--bg: #f4f7fb;--surface: #ffffff;--surface-alt: #eef3fa;--text: #0f172a;--muted: #475569;--brand: #0a66ff;--brand-strong: #0048c9;--success: #0f9f65;--danger: #d83c3c;--border: #d8e1ef;--shadow: 0 20px 45px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top right,#d9e8ff,#f4f7fb 45%,#edf2fa);color:var(--text)}a{color:var(--brand)}.app-shell{max-width:1100px;margin:0 auto;padding:1.25rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.app-header-status{padding:.65rem .8rem;border-radius:14px;border:1px solid var(--border);background:#fffc;min-width:120px}.header-status-label,.header-status-value{margin:0}.header-status-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.header-status-value{margin-top:.2rem;font-size:1.2rem;font-weight:700}.app-brand{margin:0;font-size:1.35rem;font-weight:700}.app-subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.app-nav{display:flex;gap:.5rem;flex-wrap:wrap}.app-nav-link{text-decoration:none;padding:.45rem .75rem;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:.9rem}.app-nav-link.active{background:var(--brand);color:#fff;border-color:var(--brand)}.app-main{display:grid;gap:1rem}.notifications-panel{display:grid;gap:.75rem;padding:1rem;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,#fffffff5,#eaf2fff0);box-shadow:var(--shadow)}.notifications-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.notifications-eyebrow,.notifications-title{margin:0}.notifications-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.notifications-title{margin-top:.25rem;font-size:1.1rem}.notifications-clear{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:999px;padding:.55rem .85rem;font-weight:600;cursor:pointer}.notifications-clear:disabled{cursor:not-allowed;opacity:.55}.notifications-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.notification-item{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border-radius:14px;border:1px solid var(--border);background:#ffffffb8}.notification-item-unread{border-color:#0a66ff66;background:#dceaffb3}.notification-copy{display:grid;gap:.2rem}.notification-title{margin:0;font-weight:700}.notification-meta{display:grid;justify-items:end;align-content:start;gap:.35rem;color:var(--muted);font-size:.8rem}.notification-channel{border-radius:999px;background:#fff;border:1px solid var(--border);padding:.18rem .45rem;text-transform:uppercase;letter-spacing:.06em}.notification-time{white-space:nowrap}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:1rem}.card-title{margin:0 0 .75rem;font-size:1.1rem}.form-grid{display:grid;gap:.65rem;margin-top:.85rem}.input{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);padding:.7rem .8rem;font-size:.95rem;color:var(--text)}.input:focus{outline:2px solid rgba(10,102,255,.2);border-color:var(--brand)}.btn{border:none;border-radius:10px;padding:.7rem .9rem;font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(145deg,var(--brand),var(--brand-strong));color:#fff}.btn-secondary{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--text)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.list{margin:.8rem 0 0;padding-left:1.1rem;color:var(--muted)}.trip-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.trip-item{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;border-radius:12px;background:var(--surface-alt);border:1px solid var(--border)}.trip-route{margin:0;font-weight:600}.trip-price{margin:0;text-align:right;font-weight:700}.muted{margin:0;color:var(--muted)}.muted-small{margin:.25rem 0 0;color:var(--muted);font-size:.85rem}.label{font-size:.85rem;color:var(--muted)}.metric{margin:0;font-size:2rem;font-weight:700}.footnote{margin:.85rem 0 0;color:var(--muted);font-size:.9rem}.success{margin-top:.75rem;color:var(--success);font-weight:600}.checkout-panel{margin-top:1rem;display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.paypal-checkout{min-height:42px}.paypal-state{margin:0;padding:.65rem .8rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-alt);font-size:.92rem}.paypal-state-warning{color:#8a5a00;background:#fff4da;border-color:#f0d59a}.paypal-state-error{color:var(--danger);background:#fff0f0;border-color:#f3c4c4}.paypal-state-success{color:var(--success);background:#eafaf3;border-color:#bce8d1}.badge{margin:.25rem 0 0;font-size:.8rem;background:#dbe8ff;color:#0d2a5f;padding:.2rem .45rem;border-radius:999px;text-align:center}.payment-badge{margin:.3rem 0 0;font-size:.78rem;text-align:right;font-weight:600}.payment-paid{color:var(--success)}.payment-pending{color:#8a5a00}.payment-failed{color:var(--danger)}.actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.not-found{min-height:100vh;display:grid;place-items:center;text-align:center;padding:2rem}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.app-header{flex-direction:column}.notifications-header,.notification-item{flex-direction:column;align-items:flex-start}.notification-item{gap:.65rem}.notification-meta{justify-items:start}}
