.loginCard{max-width:650px;margin:10vh auto;padding:40px;background:white;border:1px solid var(--line);border-radius:24px}.loginCard h1{font-size:clamp(30px,5vw,48px);line-height:1.15;letter-spacing:-1.8px}.loginCard p{font-size:17px;line-height:1.8;color:#6c8074;max-width:480px}.loginButton{display:block;width:fit-content;background:var(--green);color:white;padding:14px 24px;border-radius:12px;text-decoration:none;margin:28px 0 16px}.loginCard small{display:block}.accountActions{display:flex;flex-wrap:wrap;margin-top:12px}.importGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.importGrid>div{padding:12px;background:var(--paper);border-radius:10px}.importGrid strong{display:block;font-size:23px}.tripGrid{margin-top:22px}button:disabled{opacity:.5;cursor:wait}input[type=checkbox]{accent-color:var(--green)}
html[data-theme=dark]{--paper:#101e23;--ink:#e1eee7;--line:#31443f;--green:#286655}
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
html[data-theme=dark] aside,html[data-theme=dark] .card,html[data-theme=dark] dialog,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .loginCard,html[data-theme=dark] button.light,html[data-theme=dark] .tripTile,html[data-theme=dark] .methodCard,html[data-theme=dark] .donutcore{background:#1a2d31;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .cloudNotice,html[data-theme=dark] .planBanner,html[data-theme=dark] .tripSummary,html[data-theme=dark] .insight,html[data-theme=dark] .ocrBox,html[data-theme=dark] .tripmini,html[data-theme=dark] .quickstart,html[data-theme=dark] .pill,html[data-theme=dark] .memberBadge{background:#203c35;color:#cce1d4}
html[data-theme=dark] .muted,html[data-theme=dark] small,html[data-theme=dark] .subtle,html[data-theme=dark] .metriclabel,html[data-theme=dark] .loginCard p{color:#acc3b7}html[data-theme=dark] .tripVisual{color:#244336}html[data-theme=dark] .accessnote,html[data-theme=dark] .insight.warn{background:#43382b;color:#f3d4ae}html[data-theme=dark] .status.good{background:#204b39;color:#bef0d1}html[data-theme=dark] .status.amber{background:#493d26;color:#f3d5a3}html[data-theme=dark] .catrow{border-color:var(--line)}
@media(max-width:850px){.asideFoot{position:static;display:block;max-width:none;border:0;padding:0;margin-top:12px}.asideFoot .accountline,.asideFoot>small{display:none}.accountActions{margin-top:0;justify-content:flex-end}.loginCard{margin:20px auto;padding:26px}.tripSummary{gap:10px}.expenseLine{gap:10px}.expenseText{min-width:0;overflow-wrap:anywhere}.two{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}