:root{--color-primary: #3498db;--color-primary-hover: #2980b9;--color-primary-dark: #003078;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-success: #27ae60;--color-success-hover: #219a52;--color-warning: #f39c12;--color-neutral: #95a5a6;--color-neutral-hover: #7f8c8d;--color-purple: #9b59b6;--color-text: #333;--color-text-heading: #2c3e50;--color-text-secondary: #7f8c8d;--color-text-tertiary: #95a5a6;--color-text-muted: #555;--color-text-dim: #666;--color-text-nav: #505a5f;--color-bg: #f5f5f5;--color-card: #fff;--color-card-shadow: rgba(0, 0, 0, .08);--color-card-alt: #f8f9fa;--color-border: #eee;--color-border-medium: #ddd;--color-border-strong: #b1b4b6;--color-border-light: #f0f0f0;--color-link: #1d70b8;--color-link-hover: #003078;--color-focus: #fd0;--color-chip-unselected: #ecf0f1;--color-btn-delete-bg: #f5f5f5;--color-btn-delete-hover-bg: #fee;--color-error-bg: #fdf2f2;--color-nav-hover: #f3f2f1;--color-pending-bg: #fef3cd;--color-pending-text: #856404;--color-failed-bg: #f8d7da;--color-failed-text: #721c24}@media (prefers-color-scheme: dark){:root{--color-primary: #5dade2;--color-primary-hover: #3498db;--color-primary-dark: #85c1e9;--color-danger: #e74c3c;--color-danger-hover: #ec7063;--color-success: #2ecc71;--color-success-hover: #27ae60;--color-warning: #f39c12;--color-neutral: #95a5a6;--color-neutral-hover: #bdc3c7;--color-purple: #bb8fce;--color-text: #e0e0e0;--color-text-heading: #ecf0f1;--color-text-secondary: #aab7b8;--color-text-tertiary: #95a5a6;--color-text-muted: #bdc3c7;--color-text-dim: #aab7b8;--color-text-nav: #bdc3c7;--color-bg: #1a1a2e;--color-card: #222244;--color-card-shadow: rgba(0, 0, 0, .3);--color-card-alt: #2a2a4a;--color-border: #3a3a5a;--color-border-medium: #4a4a6a;--color-border-strong: #5a5a7a;--color-border-light: #333355;--color-link: #5dade2;--color-link-hover: #85c1e9;--color-focus: #fd0;--color-chip-unselected: #333355;--color-btn-delete-bg: #333355;--color-btn-delete-hover-bg: #4a2020;--color-error-bg: #3a1a1a;--color-nav-hover: #2a2a4a;--color-pending-bg: #3a3000;--color-pending-text: #f0c040;--color-failed-bg: #3a1a1a;--color-failed-text: #f0a0a0}}:root[data-theme=dark]{--color-primary: #5dade2;--color-primary-hover: #3498db;--color-primary-dark: #85c1e9;--color-danger: #e74c3c;--color-danger-hover: #ec7063;--color-success: #2ecc71;--color-success-hover: #27ae60;--color-warning: #f39c12;--color-neutral: #95a5a6;--color-neutral-hover: #bdc3c7;--color-purple: #bb8fce;--color-text: #e0e0e0;--color-text-heading: #ecf0f1;--color-text-secondary: #aab7b8;--color-text-tertiary: #95a5a6;--color-text-muted: #bdc3c7;--color-text-dim: #aab7b8;--color-text-nav: #bdc3c7;--color-bg: #1a1a2e;--color-card: #222244;--color-card-shadow: rgba(0, 0, 0, .3);--color-card-alt: #2a2a4a;--color-border: #3a3a5a;--color-border-medium: #4a4a6a;--color-border-strong: #5a5a7a;--color-border-light: #333355;--color-link: #5dade2;--color-link-hover: #85c1e9;--color-focus: #fd0;--color-chip-unselected: #333355;--color-btn-delete-bg: #333355;--color-btn-delete-hover-bg: #4a2020;--color-error-bg: #3a1a1a;--color-nav-hover: #2a2a4a;--color-pending-bg: #3a3000;--color-pending-text: #f0c040;--color-failed-bg: #3a1a1a;--color-failed-text: #f0a0a0}:root[data-theme=light]{--color-primary: #3498db;--color-primary-hover: #2980b9;--color-primary-dark: #003078;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-success: #27ae60;--color-success-hover: #219a52;--color-warning: #f39c12;--color-neutral: #95a5a6;--color-neutral-hover: #7f8c8d;--color-purple: #9b59b6;--color-text: #333;--color-text-heading: #2c3e50;--color-text-secondary: #7f8c8d;--color-text-tertiary: #95a5a6;--color-text-muted: #555;--color-text-dim: #666;--color-text-nav: #505a5f;--color-bg: #f5f5f5;--color-card: #fff;--color-card-shadow: rgba(0, 0, 0, .08);--color-card-alt: #f8f9fa;--color-border: #eee;--color-border-medium: #ddd;--color-border-strong: #b1b4b6;--color-border-light: #f0f0f0;--color-link: #1d70b8;--color-link-hover: #003078;--color-focus: #fd0;--color-chip-unselected: #ecf0f1;--color-btn-delete-bg: #f5f5f5;--color-btn-delete-hover-bg: #fee;--color-error-bg: #fdf2f2;--color-nav-hover: #f3f2f1;--color-pending-bg: #fef3cd;--color-pending-text: #856404;--color-failed-bg: #f8d7da;--color-failed-text: #721c24}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-nav{position:absolute;left:-9999px;top:0;z-index:200;padding:12px 24px;background:var(--color-link);color:#fff;text-decoration:none;font-weight:600}.skip-nav:focus{left:0}.container{width:100%;padding:16px;margin:0 auto}@media (min-width: 768px){.container{max-width:800px;padding:20px}}@media (min-width: 1024px){.container{max-width:1200px}}h1{margin-bottom:16px;color:var(--color-text-heading);font-size:1.5rem}@media (min-width: 768px){h1{font-size:2rem;margin-bottom:20px}}h2{font-size:1.25rem}.card>h2{padding-bottom:8px;border-bottom:1px solid var(--color-border)}.card{background:var(--color-card);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px var(--color-card-shadow)}@media (min-width: 768px){.card{padding:20px;border-radius:8px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-height:44px;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .1s;-webkit-tap-highlight-color:transparent}.btn:hover{background-color:var(--color-primary-hover)}.btn:active{transform:scale(.98)}.btn:disabled{background-color:var(--color-neutral);cursor:not-allowed}.btn-secondary{background-color:var(--color-neutral)}.btn-secondary:hover{background-color:var(--color-neutral-hover)}.btn-small{padding:8px 16px;min-height:36px;font-size:14px}input,select{width:100%;padding:12px;min-height:44px;margin-bottom:16px;border:1px solid var(--color-border-medium);border-radius:8px;font-size:16px;background:var(--color-card);color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db1a}.form-group{margin-bottom:16px}label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--color-text-muted)}.error{color:var(--color-danger);margin-bottom:16px;padding:12px;background:var(--color-error-bg);border-radius:8px}.service-nav{background:var(--color-card);border-bottom:1px solid var(--color-border-strong)}.service-nav-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;padding:12px 16px;margin:0 auto}@media (min-width: 768px){.service-nav-inner{max-width:800px;padding:12px 20px}}@media (min-width: 1024px){.service-nav-inner{max-width:1200px}}.service-nav-left{display:flex;align-items:center;gap:10px}.service-nav-name{font-size:1.125rem;font-weight:700;color:var(--color-link);text-decoration:none;cursor:pointer}.service-nav-name:hover{text-decoration:underline;color:var(--color-link-hover)}.service-nav-toggle{display:inline-flex;align-items:center;padding:8px 12px;min-height:36px;background:none;border:1px solid var(--color-border-strong);border-radius:4px;font-size:14px;font-weight:500;color:var(--color-link);cursor:pointer}.service-nav-toggle:hover{background:var(--color-nav-hover)}@media (min-width: 768px){.service-nav-toggle{display:none}}.service-nav-right{display:flex;align-items:center;gap:8px}.theme-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px;border-radius:20px;color:var(--color-text-secondary);transition:color .2s}.theme-toggle:hover{color:var(--color-text)}.theme-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.theme-toggle-icon{flex-shrink:0}.theme-toggle-track{display:inline-block;position:relative;width:36px;height:20px;background:var(--color-border-strong);border-radius:10px;transition:background .2s}:root[data-theme=dark] .theme-toggle-track{background:var(--color-primary)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}:root[data-theme=dark] .theme-toggle-thumb{transform:translate(16px)}.service-nav-links{display:none;list-style:none;width:100%;margin:0;padding:8px 0 0}.service-nav-links--open{display:flex;flex-direction:column;gap:4px}@media (min-width: 768px){.service-nav-links{display:flex;flex-direction:row;align-items:center;gap:16px;width:auto;padding:0}}.service-nav-links li{padding:6px 0}@media (min-width: 768px){.service-nav-links li{padding:0}}.service-nav-user{font-size:14px;color:var(--color-text-nav)}.service-nav-user-btn{font-size:14px;color:var(--color-text-nav);background:none;border:none;border-bottom:1px dashed var(--color-text-tertiary);padding:0;cursor:pointer;font-family:inherit}.service-nav-user-btn:hover{color:var(--color-link);border-bottom-color:var(--color-link)}.service-nav-edit-name{display:flex;align-items:center;gap:6px}.service-nav-edit-name input{width:140px;min-height:32px;padding:4px 8px;margin-bottom:0;font-size:14px}.service-nav-link{font-size:14px;color:var(--color-link);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.service-nav-link:hover{color:var(--color-link-hover)}.service-nav-link--active{font-weight:700}.trip-list{list-style:none}.trip-item{display:flex;flex-direction:column;gap:12px}@media (min-width: 480px){.trip-item{flex-direction:row;justify-content:space-between;align-items:center}}.trip-item h3{margin:0;font-size:1.1rem}.empty-state{text-align:center;padding:32px 16px;color:var(--color-text-secondary)}.grid-layout{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1024px){.grid-layout{grid-template-columns:repeat(3,1fr)}}.participant-chip{display:inline-flex;align-items:center;padding:10px 16px;min-height:44px;border-radius:22px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;-webkit-tap-highlight-color:transparent}.participant-chip.selected{background:var(--color-primary);color:#fff}.participant-chip.unselected{background:var(--color-chip-unselected);color:var(--color-text)}.balance-item{padding:12px 0;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.balance-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 480px){.balance-item{flex-direction:row;justify-content:space-between;align-items:center}}.expense-item{padding:16px 0;border-bottom:1px solid var(--color-border)}.expense-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.expense-details{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.expense-share{font-size:13px;color:var(--color-text-tertiary);background:var(--color-bg);padding:4px 8px;border-radius:4px}.member-item{padding:12px 0;border-bottom:1px solid var(--color-border)}.add-member-form{display:flex;flex-direction:column;gap:8px}@media (min-width: 480px){.add-member-form{flex-direction:row}.add-member-form input{flex:1;margin-bottom:0}}.amount{font-weight:600;font-size:1.1rem}.amount.positive{color:var(--color-text)}.amount.negative{color:var(--color-danger)}.amount.neutral{color:var(--color-text-secondary)}.badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;border-radius:12px;background:var(--color-primary);color:#fff}.badge.owner{background:var(--color-purple)}.service-nav-layout{display:flex;flex-direction:column;min-height:100vh}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-bar{display:flex;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:4px 0;margin-bottom:16px}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:color .2s;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--color-primary)}.tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.tab-label{font-size:11px;font-weight:500}.participant-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.participant-chip{border:none}.btn-block{width:100%}.settlement-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.settlement-people{display:flex;align-items:center;gap:6px;min-width:0}.settlement-from{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-arrow{flex-shrink:0}.settlement-to{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-info{display:flex;align-items:center;gap:8px}.member-email,.expense-payer{font-size:14px;color:var(--color-text-secondary);margin-top:2px}.add-member-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.settlement-card{padding:16px;margin-bottom:12px;background:var(--color-card-alt);border-radius:12px;border-left:4px solid var(--color-primary)}.settlement-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settlement-amount{font-weight:600;font-size:1.1rem;color:var(--color-text-heading)}.btn-settle{width:100%;background:var(--color-success)}.btn-settle:hover{background:var(--color-success-hover)}.btn-settle:disabled{background:var(--color-neutral)}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.payment-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.payment-from{font-weight:500}.payment-arrow{color:var(--color-text-heading);font-size:14px}.payment-paid,.payment-to{font-weight:500}.payment-detail{display:flex;flex-direction:column;gap:2px;min-width:0}.payment-date{font-size:12px;color:var(--color-text-tertiary)}.payment-amount{font-weight:600;color:var(--color-text-heading);flex-shrink:0}.settled-state{padding:48px 16px}.settled-icon{display:block;font-size:48px;margin-bottom:16px;color:var(--color-success)}.settlement-note{font-size:14px;color:var(--color-text-secondary);font-style:italic;text-align:center;padding:8px}.expense-date{font-size:12px;color:var(--color-text-tertiary);margin-top:2px}.expense-right{display:flex;align-items:center;gap:8px}.btn-delete-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--color-btn-delete-bg);border-radius:50%;font-size:14px;font-weight:600;cursor:pointer;color:var(--color-text-tertiary);transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-delete-small:hover{background:var(--color-btn-delete-hover-bg);color:var(--color-danger)}.btn-delete-small:disabled{opacity:.5;cursor:not-allowed}.btn-delete-small.confirming{background:var(--color-danger);color:#fff}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover)}.delete-trip-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.balance-item-tappable{cursor:pointer;transition:background-color .2s;margin:0 -16px;padding:12px 16px;border-radius:8px}.balance-item-tappable:hover{background-color:var(--color-bg)}.balance-item-tappable:active{background-color:var(--color-border)}.ledger-subtitle{font-size:1rem;font-weight:500;margin:-8px 0 16px}.ledger-subtitle.positive{color:var(--color-text)}.ledger-subtitle.negative{color:var(--color-danger)}.ledger-subtitle.neutral{color:var(--color-text-secondary)}.ledger-section{margin-bottom:20px}.ledger-section-title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.5px;margin:0 0 12px}.ledger-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--color-border-light)}.ledger-item:last-child{border-bottom:none}.ledger-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ledger-item-desc{font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-item-date,.ledger-item-meta{font-size:.8rem;color:var(--color-text-tertiary)}.ledger-item-amount{font-weight:600;font-size:.95rem;margin-left:12px;flex-shrink:0}.ledger-item-amount.positive{color:var(--color-text)}.ledger-item-amount.negative{color:var(--color-danger)}.ledger-summary{background:var(--color-card-alt);border-radius:12px;padding:16px;margin-top:8px}.ledger-summary .ledger-section-title{margin-bottom:16px}.ledger-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.95rem}.ledger-summary-row span:first-child{color:var(--color-text-dim)}.ledger-summary-total{margin-top:8px;padding-top:12px;border-top:1px solid var(--color-border-medium);font-weight:600}.ledger-summary-total span:first-child{color:var(--color-text)}.badge.status-open{background:var(--color-success)}.badge.status-closed{background:var(--color-warning)}.badge.status-archived{background:var(--color-neutral)}.status-controls{display:flex;flex-direction:column;gap:16px}.status-current{display:flex;align-items:center;gap:8px;font-size:.95rem}.status-actions{display:flex;flex-direction:column;gap:8px}.status-hint{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.status-notice{text-align:center;padding:24px 16px;color:var(--color-text-dim)}.status-notice p{margin:0 0 12px}.status-notice .btn{margin-top:8px}.archived-details{margin-top:16px}.archived-summary{color:var(--color-link);cursor:pointer;font-size:1rem;text-decoration:underline}.archived-summary:hover{color:var(--color-link-hover)}.trip-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trip-title-row h3{margin:0}.trip-date{color:var(--color-text-secondary)}.trip-archived{opacity:.6}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.admin-stat-card{text-align:center}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--color-text-heading)}.admin-stat-label{font-size:.85rem;color:var(--color-text-secondary);margin-top:4px}.expenses-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;margin-top:8px;border-top:1px solid var(--color-border);font-weight:600}.pagination{margin:20px 0 8px}.pagination-controls{display:flex;align-items:center;justify-content:space-between}.pagination-list{display:flex;list-style:none;align-items:center;gap:4px;margin:0;padding:0}.pagination-item button,.pagination-prev,.pagination-next{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:8px 12px;background:none;border:none;font-size:1rem;color:var(--color-link);text-decoration:underline;cursor:pointer;text-underline-offset:2px}.pagination-item button:hover,.pagination-prev:hover,.pagination-next:hover{color:var(--color-link-hover);text-decoration-thickness:3px}.pagination-item button:focus,.pagination-prev:focus,.pagination-next:focus{outline:3px solid var(--color-focus);background:var(--color-focus);outline-offset:0;text-decoration:none;color:var(--color-text)}.pagination-item-current{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;font-size:1rem;font-weight:700;color:var(--color-text);border-bottom:3px solid var(--color-link)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:28px;font-size:1rem;color:var(--color-text-secondary)}.pagination-icon{width:15px;height:13px;fill:currentColor}@media (max-width: 400px){.pagination-list{display:none}}.offline-banner{position:sticky;top:0;z-index:100;padding:10px 16px;text-align:center;font-size:14px;font-weight:500}.offline-banner-amber{background:var(--color-warning);color:#fff}.offline-banner-blue{background:var(--color-primary);color:#fff}.offline-banner button{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:600;padding:0;margin-left:4px}.pwa-update-banner{position:sticky;top:0;z-index:101;padding:10px 16px;text-align:center;font-size:14px;font-weight:500;background:var(--color-success);color:#fff}.pwa-update-banner button{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:600;padding:0;margin-left:4px}.stale-indicator{font-size:13px;font-style:italic;color:var(--color-warning);font-weight:400;margin-left:8px}.expense-item.pending-sync{opacity:.7;border-left:3px solid var(--color-warning);padding-left:13px}.expense-item.sync-failed{opacity:.7;border-left:3px solid var(--color-danger);padding-left:13px}.pending-badge,.failed-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;border-radius:10px;margin-left:8px}.pending-badge{background:var(--color-pending-bg);color:var(--color-pending-text)}.failed-badge{background:var(--color-failed-bg);color:var(--color-failed-text)}.expense-editing{background:var(--color-card-alt);margin:0 -16px;padding:16px;border-radius:8px}.expense-item-tappable{cursor:pointer;transition:background-color .2s;margin:0 -16px;padding:16px;border-radius:8px}.expense-item-tappable:hover{background-color:var(--color-card-alt)}