.dashboard{max-width:1200px}.page-header{margin-bottom:32px}.page-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:8px}.page-header p{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);padding:24px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--md-sys-color-outline-variant)}.stat-label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.stat-value{font:var(--md-sys-typescale-display-medium);font-size:32px;color:var(--md-sys-color-on-surface)}.stat-value.earned{color:var(--md-sys-color-success)}.stat-value.missed{color:var(--md-sys-color-warning)}.optimization-score-card{margin-bottom:32px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);padding:24px;border:1px solid var(--md-sys-color-outline-variant)}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.score-header h3{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.score{font:var(--md-sys-typescale-headline-medium);font-weight:700}.score.good{color:var(--md-sys-color-success)}.score.okay{color:var(--md-sys-color-warning)}.score.poor{color:var(--md-sys-color-error)}.score-message{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:16px}.progress-bar{height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--md-sys-color-warning),var(--md-sys-color-success));border-radius:4px;transition:width .3s ease}.wallet-section,.recommendations-section{margin-bottom:32px}.wallet-section h2,.recommendations-section h2{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin-bottom:16px}.wallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.wallet-card{padding:20px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant)}.wallet-card h4{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin-bottom:12px}.best-for .label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.best-for ul{list-style:none;margin-top:8px}.best-for li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.best-for li:last-child{border-bottom:none}.best-for .category{text-transform:capitalize;color:var(--md-sys-color-on-surface)}.best-for .rate{color:var(--md-sys-color-primary);font-weight:600}.no-bonuses{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.recommendations-list{display:flex;flex-direction:column;gap:16px}.recommendation-card{padding:20px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);border-left:4px solid var(--md-sys-color-warning)}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rec-category{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);text-transform:capitalize}.rec-missed{color:var(--md-sys-color-warning);font:var(--md-sys-typescale-label-large)}.rec-advice{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:12px;line-height:1.5}.rec-advice strong{color:var(--md-sys-color-primary)}.rec-stats{display:flex;gap:20px;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.empty-state,.success-state{text-align:center;padding:48px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant)}.empty-state p,.success-state p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:16px}.success-state{background:#81c7841a;border:1px solid var(--md-sys-color-success)}.success-state p{color:var(--md-sys-color-success);margin-bottom:0}.email-insights-section{margin-bottom:32px}.email-insights-section h2{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin-bottom:16px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.insight-card{padding:20px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant)}.insight-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.insight-header .material-symbols-outlined{font-size:24px;color:var(--md-sys-color-primary)}.insight-header h3{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);flex:1}.insight-header .count{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:4px 10px;border-radius:12px;font:var(--md-sys-typescale-label-medium)}.insight-list{list-style:none;margin-bottom:12px}.insight-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.insight-list li:last-child{border-bottom:none}.insight-list .subject{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.insight-list .value{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-primary);flex-shrink:0}.view-all{display:block;text-align:center;font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-primary);padding-top:8px}.cards-page{max-width:1200px}.cards-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.cards-page .page-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:8px}.cards-page .page-header p{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.header-actions{display:flex;gap:12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.add-card-placeholder{background:var(--md-sys-color-surface);border:2px dashed var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.add-card-placeholder:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.placeholder-content{text-align:center;color:var(--md-sys-color-on-surface-variant)}.plus-icon{font-size:48px;display:block;margin-bottom:12px;color:var(--md-sys-color-primary)}.credit-card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);padding:20px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s}.credit-card:hover{box-shadow:var(--md-sys-elevation-2)}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-issuer{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:1px}.card-actions{display:flex;gap:4px}.cards-page .icon-btn{background:none;border:none;padding:8px;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:50%}.cards-page .icon-btn:hover{opacity:1;background:var(--md-sys-color-surface-container-high)}.card-name{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin-top:8px}.rewards-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.reward-tag{background:var(--md-sys-color-surface-container-high);padding:6px 12px;border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-label-medium);text-transform:capitalize;color:var(--md-sys-color-on-surface)}.reward-tag.default{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant)}.loading{text-align:center;padding:40px;color:var(--md-sys-color-on-surface-variant)}.cards-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.cards-page .modal{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--md-sys-elevation-3)}.cards-page .modal h2{margin-bottom:20px;font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:16px;background:var(--md-sys-color-surface-container-highest);border:2px solid transparent;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--md-sys-color-primary)}.cards-page .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.rewards-editor{display:flex;flex-direction:column;gap:8px}.reward-row{display:flex;align-items:center;gap:8px;padding:12px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small)}.reward-row .category-name{flex:1;text-transform:capitalize;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.reward-row input[type=number]{width:60px;padding:8px;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);text-align:center;font:var(--md-sys-typescale-body-medium)}.reward-row input:focus{outline:none;border-color:var(--md-sys-color-primary)}.reward-row span:last-of-type{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.remove-btn{background:none;border:none;color:var(--md-sys-color-error);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:50%}.remove-btn:hover{background:var(--md-sys-color-error-container)}.add-reward-row{display:flex;gap:8px;margin-top:8px}.add-reward-row input{flex:1;padding:12px;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-medium)}.add-reward-row input:focus{outline:none;border-color:var(--md-sys-color-primary)}.add-reward-row button{padding:12px 20px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:20px;cursor:pointer;font:var(--md-sys-typescale-label-large);transition:all .2s}.add-reward-row button:hover{box-shadow:var(--md-sys-elevation-1)}@media(max-width:600px){.cards-page .page-header{flex-direction:column}.header-actions{width:100%;flex-direction:column}}.transactions-page{max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:600;margin-bottom:8px}.page-header p{color:var(--text-secondary)}.filters{display:flex;gap:12px;margin-bottom:20px}.filter-select{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--bg-card);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;min-width:150px}.filter-select:focus{outline:none;border-color:var(--accent)}.category-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.category-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-secondary);border-radius:20px;font-size:13px}.cat-name{color:var(--text-secondary);text-transform:capitalize}.cat-amount{font-weight:600;color:var(--text-primary)}.transactions-table{overflow:hidden}.loading,.empty-state{padding:60px 20px;text-align:center;color:var(--text-secondary)}.table-header{display:grid;grid-template-columns:80px 2fr 1fr 1fr 100px;padding:12px 16px;background:var(--bg-card);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.table-header .amount-col{text-align:right}.transaction-row{display:grid;grid-template-columns:80px 2fr 1fr 1fr 100px;padding:16px;border-bottom:1px solid var(--bg-card);align-items:center}.transaction-row:last-child{border-bottom:none}.transaction-row:hover{background:#ffffff05}.transaction-date{color:var(--text-secondary);font-size:14px}.transaction-merchant{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-category{font-size:12px;background:var(--bg-card);padding:4px 8px;border-radius:4px;width:fit-content;text-transform:capitalize}.transaction-card{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-amount{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:768px){.table-header{display:none}.transaction-row{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 12px}.transaction-date{grid-column:1;grid-row:1}.transaction-merchant{grid-column:1;grid-row:2}.transaction-amount{grid-column:2;grid-row:1 / 3;align-self:center}.transaction-category,.transaction-card{display:none}}.wallet-page{display:flex;flex-direction:column;gap:24px}.wallet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wallet-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:4px}.wallet-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-card{display:flex;gap:16px;padding:20px;cursor:pointer;transition:all .2s}.summary-card:hover{border-color:var(--md-sys-color-primary)}.summary-card.selected{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.summary-card.total-value{grid-column:span 2;cursor:default;background:var(--md-sys-color-primary-container)}.summary-card.total-value:hover{border-color:transparent}.summary-icon{width:48px;height:48px;border-radius:12px;background:var(--md-sys-color-surface-container-high);display:flex;align-items:center;justify-content:center}.summary-card.total-value .summary-icon{background:var(--md-sys-color-primary)}.summary-card.total-value .summary-icon .material-symbols-outlined{color:var(--md-sys-color-on-primary)}.summary-icon .material-symbols-outlined{font-size:24px;color:var(--md-sys-color-primary)}.summary-content{display:flex;flex-direction:column;gap:4px}.summary-label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.summary-value{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface)}.summary-range,.summary-count{font:var(--md-sys-typescale-body-medium)}.accounts-section h2{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:12px;margin-bottom:16px}.account-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:12px;font:var(--md-sys-typescale-label-medium)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:48px;text-align:center;gap:16px}.empty-state .material-symbols-outlined{font-size:64px;color:var(--md-sys-color-on-surface-variant)}.empty-state h3{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.empty-state p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);max-width:300px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.account-card{display:flex;flex-direction:column;gap:16px;padding:20px}.account-header{display:flex;align-items:flex-start;gap:12px}.account-icon{width:40px;height:40px;border-radius:10px;background:var(--md-sys-color-secondary-container);display:flex;align-items:center;justify-content:center}.account-icon .material-symbols-outlined{font-size:20px;color:var(--md-sys-color-on-secondary-container)}.account-info{flex:1;display:flex;flex-direction:column;gap:4px}.account-info h3{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.account-balance{padding:16px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium)}.balance-display{display:flex;align-items:baseline;gap:8px;cursor:pointer}.balance-display:hover{opacity:.8}.balance-display .points{font:var(--md-sys-typescale-display-medium);font-size:36px;color:var(--md-sys-color-on-surface)}.balance-display .unit{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.balance-edit{display:flex;gap:8px;align-items:center}.balance-edit input{flex:1;padding:8px 12px;background:var(--md-sys-color-surface-container-highest);border:none;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large)}.account-value{display:flex;justify-content:space-between;align-items:center}.account-value .value{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-primary)}.account-value .cpp{font:var(--md-sys-typescale-body-medium)}.account-expiration{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-body-medium)}.account-expiration .material-symbols-outlined{font-size:18px}.icon-btn{padding:8px;min-height:auto}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.header-actions{display:flex;gap:8px}.email-updates-section{margin-top:16px}.email-updates-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:background .2s}.email-updates-section .section-header:hover{background:var(--md-sys-color-surface-container-high)}.email-updates-section .section-header h2{display:flex;align-items:center;gap:12px;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin:0}.update-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:12px;font:var(--md-sys-typescale-label-medium)}.email-updates-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.email-update-card{padding:16px}.update-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.update-program{display:flex;align-items:center;gap:8px}.update-program strong{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.chip-small{font-size:11px;padding:2px 8px}.confidence{font:var(--md-sys-typescale-label-small);padding:4px 8px;border-radius:8px}.confidence.high{background:#4caf5026;color:#388e3c}.confidence.medium{background:#ff980026;color:#f57c00}.confidence.low{background:#f4433626;color:#d32f2f}.update-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.update-details .detail{display:flex;gap:6px}.update-details .label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.update-details .value{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);font-weight:500}.update-details .value.earned{color:var(--md-sys-color-success, #4CAF50)}.update-meta{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--md-sys-color-outline-variant)}.update-meta .subject{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-meta .date{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);flex-shrink:0}@media(max-width:600px){.summary-card.total-value{grid-column:span 1}.accounts-grid{grid-template-columns:1fr}.header-actions,.wallet-header{flex-direction:column}}.deals-page{display:flex;flex-direction:column;gap:24px}.deals-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:4px}.deals-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips .chip{cursor:pointer;border:none;transition:all .2s}.filter-chips .chip:not(.chip-filled):hover{background:var(--md-sys-color-surface-container-highest)}.deals-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.deals-page .empty-state{display:flex;flex-direction:column;align-items:center;padding:48px;text-align:center;gap:16px}.deals-page .empty-state .material-symbols-outlined{font-size:64px;color:var(--md-sys-color-on-surface-variant)}.deals-page .empty-state h3{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.deals-page .empty-state p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.deal-card{display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s}.deal-card:hover{box-shadow:var(--md-sys-elevation-2)}.deal-card.type-primary{border-left:4px solid var(--md-sys-color-primary)}.deal-card.type-secondary{border-left:4px solid var(--md-sys-color-secondary)}.deal-card.type-tertiary{border-left:4px solid var(--md-sys-color-tertiary)}.deal-card.type-warning{border-left:4px solid var(--md-sys-color-warning)}.deal-header{display:flex;justify-content:space-between;align-items:center}.deal-type{text-transform:capitalize}.chip-primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.chip-secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.chip-tertiary{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.chip-warning{background:#ffb74d33;color:var(--md-sys-color-warning)}.expiring-badge{display:flex;align-items:center;gap:4px;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-warning)}.expiring-badge .material-symbols-outlined{font-size:16px}.deal-title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.deal-description{font:var(--md-sys-typescale-body-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deal-programs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.program-tag{display:flex;align-items:center;gap:4px;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);padding:4px 8px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small)}.program-tag .material-symbols-outlined{font-size:16px}.transfer-arrow{font-size:16px;color:var(--md-sys-color-primary)}.deal-bonus{display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-medium)}.bonus-value{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-primary)}.bonus-label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-primary-container)}.deal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.deal-dates{font:var(--md-sys-typescale-body-medium)}.deal-footer .btn{padding:8px;gap:4px}.deal-footer .btn .material-symbols-outlined{font-size:18px}@media(max-width:600px){.deals-grid{grid-template-columns:1fr}}.feed-page{max-width:1200px}.feed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.feed-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:4px}.feed-header p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.feed-filters{margin-bottom:24px}.feed-loading{display:flex;justify-content:center;padding:48px}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.article-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .2s ease}.article-card:hover{border-color:var(--md-sys-color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.article-image{width:100%;height:180px;overflow:hidden;background:var(--md-sys-color-surface-container)}.article-image img{width:100%;height:100%;object-fit:cover}.article-content{padding:16px;flex:1;display:flex;flex-direction:column;gap:12px}.article-meta{display:flex;align-items:center;gap:12px}.source-badge{font:var(--md-sys-typescale-label-small);padding:4px 10px;border-radius:12px;font-weight:500}.source-tpg{background:#00529326;color:#005293}.source-fm{background:#4caf5026;color:#388e3c}.source-omaat{background:#9c27b026;color:#7b1fa2}.source-vftw{background:#ff980026;color:#f57c00}.source-default{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}.article-date{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant)}.article-title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-description{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:600px){.feed-header{flex-direction:column;align-items:stretch}.feed-grid{grid-template-columns:1fr}}.trips-page{max-width:900px}.trips-header{margin-bottom:24px}.trips-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:4px}.trips-header p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.trips-loading{display:flex;justify-content:center;padding:48px}.trips-list{display:flex;flex-direction:column;gap:16px}.trip-card{display:flex;gap:16px;padding:20px;align-items:flex-start}.trip-icon{width:48px;height:48px;border-radius:50%;background:var(--md-sys-color-primary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.trip-icon .material-symbols-outlined{font-size:24px;color:var(--md-sys-color-on-primary-container)}.trip-content{flex:1;min-width:0}.trip-main{margin-bottom:12px}.trip-subject{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin-bottom:4px}.trip-confirmation{font:var(--md-sys-typescale-label-medium)}.trip-confirmation .label{color:var(--md-sys-color-on-surface-variant);margin-right:8px}.trip-confirmation .value{color:var(--md-sys-color-primary);font-weight:600;font-family:monospace;letter-spacing:.5px}.trip-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.trip-route{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.trip-route .arrow{font-size:16px;color:var(--md-sys-color-on-surface-variant)}.trip-date{display:flex;align-items:center;gap:6px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.trip-date .material-symbols-outlined{font-size:16px}.trip-meta{display:flex;gap:12px;font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant)}.trip-confidence{flex-shrink:0}.confidence-badge{font:var(--md-sys-typescale-label-small);padding:4px 8px;border-radius:8px;font-weight:500}.confidence-badge.high{background:#4caf5026;color:#388e3c}.confidence-badge.medium{background:#ff980026;color:#f57c00}.confidence-badge.low{background:#f4433626;color:#d32f2f}.receipts-page{max-width:900px}.receipts-header{margin-bottom:24px}.receipts-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:4px}.receipts-header p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.receipts-loading{display:flex;justify-content:center;padding:48px}.receipts-grouped{display:flex;flex-direction:column;gap:32px}.month-group{display:flex;flex-direction:column;gap:12px}.month-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.month-header h2{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.month-total{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-primary);font-weight:600}.receipts-list{display:flex;flex-direction:column;gap:8px}.receipt-card{display:flex;gap:16px;padding:16px;align-items:center}.receipt-icon{width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.receipt-icon .material-symbols-outlined{font-size:20px;color:var(--md-sys-color-on-surface-variant)}.receipt-content{flex:1;min-width:0}.receipt-main{margin-bottom:4px}.receipt-merchant{font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface);margin-bottom:2px}.receipt-subject{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-meta{display:flex;gap:12px;font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant)}.receipt-amount{flex-shrink:0;text-align:right}.receipt-amount .amount{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);font-weight:600}.receipt-amount .no-amount{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.empty-state{text-align:center;padding:48px}.empty-state .material-symbols-outlined{font-size:48px;color:var(--md-sys-color-on-surface-variant);margin-bottom:16px}.empty-state h3{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin-bottom:8px}.empty-state p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.settings-page{display:flex;flex-direction:column;gap:32px;max-width:800px}.settings-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:4px}.settings-section h2{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:12px}.settings-section h2 .material-symbols-outlined{font-size:20px}.settings-card{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px}.setting-row:not(:last-child){border-bottom:1px solid var(--md-sys-color-outline-variant)}.setting-info{flex:1}.setting-info h3{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin-bottom:4px}.setting-info p{font:var(--md-sys-typescale-body-medium)}.connection-header{display:flex;align-items:center;gap:12px}.connection-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.connection-icon.plaid{background:#0a85ea}.connection-icon.awardwallet{background:var(--md-sys-color-tertiary-container)}.connection-icon .material-symbols-outlined{color:#fff;font-size:20px}.connection-icon.awardwallet .material-symbols-outlined{color:var(--md-sys-color-on-tertiary-container)}.connection-icon.gmail{background:#ea4335}.connection-icon.outlook{background:#0078d4}.connection-icon.sync{background:var(--md-sys-color-secondary-container)}.connection-icon.sync .material-symbols-outlined{color:var(--md-sys-color-on-secondary-container)}.text-small{font:var(--md-sys-typescale-body-small)}.text-success{color:var(--md-sys-color-primary)}.toggle{position:relative;display:inline-block;width:52px;height:32px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--md-sys-color-surface-container-highest);border:2px solid var(--md-sys-color-outline);transition:all .3s;border-radius:16px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:6px;bottom:6px;background:var(--md-sys-color-outline);transition:all .3s;border-radius:50%}.toggle input:checked+.toggle-slider{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.toggle input:checked+.toggle-slider:before{background:var(--md-sys-color-on-primary);transform:translate(20px);width:24px;height:24px;left:2px;bottom:2px}.danger-zone h2{color:var(--md-sys-color-error)}.danger-zone .settings-card{border-color:var(--md-sys-color-error-container)}.btn-danger{border-color:var(--md-sys-color-error);color:var(--md-sys-color-error)}.btn-danger:hover{background:var(--md-sys-color-error-container)}.btn-filled.btn-danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border:none}.settings-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.settings-page .modal{width:100%;max-width:400px;padding:24px}.settings-page .modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.settings-page .modal-header h2{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface)}.settings-page .modal-header .material-symbols-outlined{font-size:32px}.settings-page .modal p{font:var(--md-sys-typescale-body-medium);margin-bottom:24px}.settings-page .modal-actions{display:flex;justify-content:flex-end;gap:8px}.count-badge{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:2px 8px;border-radius:12px;font:var(--md-sys-typescale-label-small);margin-left:8px}.parsed-emails-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.parsed-category{padding:16px}.parsed-category h3{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface);margin-bottom:12px}.parsed-category h3 .material-symbols-outlined{font-size:20px;color:var(--md-sys-color-primary)}.parsed-category h3 .count{margin-left:auto;background:var(--md-sys-color-surface-container-high);padding:2px 8px;border-radius:8px;font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant)}.parsed-list{display:flex;flex-direction:column;gap:8px}.parsed-item{padding:12px;background:var(--md-sys-color-surface-container-low);border-radius:8px}.parsed-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.parsed-item .subject{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parsed-item .confidence{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);padding:2px 6px;border-radius:4px;flex-shrink:0}.parsed-item .balance,.parsed-item .route,.parsed-item .amount{font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-primary);margin-top:4px}.chip{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);padding:4px 12px;border-radius:8px;font:var(--md-sys-typescale-label-medium)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-background);padding:24px}.auth-container{width:100%;max-width:400px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);padding:40px;box-shadow:var(--md-sys-elevation-2)}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-primary);margin-bottom:8px}.auth-header p{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-error{padding:12px 16px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-medium);margin-bottom:8px}.auth-submit{width:100%;margin-top:16px}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--md-sys-color-outline-variant)}.auth-footer p{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.auth-footer a{color:var(--md-sys-color-primary);font-weight:500}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);cursor:pointer;transition:all .2s}.btn-google:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary)}.btn-google svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--md-sys-color-outline-variant)}.auth-divider span{padding:0 16px;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.layout{display:flex;min-height:100vh;background:var(--md-sys-color-background)}.nav-rail{width:80px;background:var(--md-sys-color-surface);display:flex;flex-direction:column;position:fixed;height:100vh;border-right:1px solid var(--md-sys-color-outline-variant);z-index:100}.nav-header{padding:16px;display:flex;justify-content:center;margin-bottom:8px}.logo-icon{font-size:32px;color:var(--md-sys-color-primary)}.nav-items{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 12px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;border-radius:var(--md-sys-shape-corner-large);color:var(--md-sys-color-on-surface-variant);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:transparent;width:100%}.nav-item:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.nav-item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.nav-item .material-symbols-outlined{font-size:24px}.nav-label{font:var(--md-sys-typescale-label-small);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-footer{padding:12px;border-top:1px solid var(--md-sys-color-outline-variant)}.main-container{flex:1;margin-left:80px;display:flex;flex-direction:column}.top-bar{background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);position:sticky;top:0;z-index:50}.top-bar-content{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1400px;margin:0 auto;width:100%}.app-title{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-primary)}.user-info{display:flex;align-items:center;gap:12px}.user-name{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-primary-container);display:flex;align-items:center;justify-content:center}.user-avatar .material-symbols-outlined{color:var(--md-sys-color-on-primary-container);font-size:20px}.content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-background)}.loading-spinner{width:48px;height:48px;border:4px solid var(--md-sys-color-surface-container-highest);border-top-color:var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.nav-rail{width:100%;height:auto;position:fixed;bottom:0;top:auto;flex-direction:row;border-right:none;border-top:1px solid var(--md-sys-color-outline-variant)}.nav-header{display:none}.nav-items{flex-direction:row;justify-content:space-around;flex:1;padding:8px;gap:0}.nav-item{padding:8px 12px}.nav-label,.nav-footer{display:none}.main-container{margin-left:0;margin-bottom:64px}}*{margin:0;padding:0;box-sizing:border-box}:root{--md-sys-color-primary: #a8c7fa;--md-sys-color-on-primary: #062e6f;--md-sys-color-primary-container: #1a73e8;--md-sys-color-on-primary-container: #d3e3fd;--md-sys-color-secondary: #a7f3eb;--md-sys-color-on-secondary: #00201c;--md-sys-color-secondary-container: #00897b;--md-sys-color-on-secondary-container: #a7f3eb;--md-sys-color-tertiary: #e8ddff;--md-sys-color-on-tertiary: #22005d;--md-sys-color-tertiary-container: #7c4dff;--md-sys-color-on-tertiary-container: #e8ddff;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #ba1a1a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: #0f1419;--md-sys-color-on-background: #e2e2e6;--md-sys-color-surface: #1a1f25;--md-sys-color-on-surface: #e2e2e6;--md-sys-color-surface-variant: #252d35;--md-sys-color-on-surface-variant: #c4c6cf;--md-sys-color-surface-container: #1e2329;--md-sys-color-surface-container-high: #282e35;--md-sys-color-surface-container-highest: #333940;--md-sys-color-outline: #8e9099;--md-sys-color-outline-variant: #44474e;--md-sys-color-success: #81c784;--md-sys-color-on-success: #1b5e20;--md-sys-color-warning: #ffb74d;--md-sys-color-on-warning: #000000;--md-sys-typescale-display-large: 600 57px/64px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-display-medium: 600 45px/52px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-headline-large: 600 32px/40px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-headline-medium: 600 28px/36px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-title-large: 500 22px/28px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-title-medium: 500 16px/24px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-body-large: 400 16px/24px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-body-medium: 400 14px/20px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-label-large: 500 14px/20px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-label-medium: 500 12px/16px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-typescale-label-small: 500 10px/14px "Josefin Sans", -apple-system, BlinkMacSystemFont, sans-serif;--md-sys-elevation-1: 0 1px 3px 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-2: 0 2px 6px 2px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px}body{font:var(--md-sys-typescale-body-large);background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--md-sys-color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;border-radius:20px;padding:10px 24px;font:var(--md-sys-typescale-label-large);transition:all .2s cubic-bezier(.4,0,.2,1);min-height:40px}.btn-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-filled:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.1)}.btn-filled:disabled{background:var(--md-sys-color-on-surface);color:var(--md-sys-color-surface);opacity:.38;cursor:not-allowed}.btn-outlined{background:transparent;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary)}.btn-outlined:hover{background:var(--md-sys-color-primary);background-opacity:.08}.btn-text{background:transparent;color:var(--md-sys-color-primary);padding:10px 12px}.btn-text:hover{background:#a8c7fa14}.btn-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn-tonal:hover{box-shadow:var(--md-sys-elevation-1)}.card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);padding:16px}.card-elevated{box-shadow:var(--md-sys-elevation-1)}.card-filled{background:var(--md-sys-color-surface-container-highest)}.card-outlined{border:1px solid var(--md-sys-color-outline-variant)}.input-field{position:relative;margin-bottom:16px}.input-field input,.input-field select{width:100%;padding:16px;background:var(--md-sys-color-surface-container-highest);border:none;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large);outline:none;border:2px solid transparent;transition:border-color .2s}.input-field input:focus,.input-field select:focus{border-color:var(--md-sys-color-primary)}.input-field label{display:block;margin-bottom:8px;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font:var(--md-sys-typescale-label-medium);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.chip-filled{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.text-primary{color:var(--md-sys-color-primary)}.text-secondary{color:var(--md-sys-color-on-surface-variant)}.text-error{color:var(--md-sys-color-error)}.text-success{color:var(--md-sys-color-success)}.text-warning{color:var(--md-sys-color-warning)}.bg-surface{background:var(--md-sys-color-surface)}.bg-surface-variant{background:var(--md-sys-color-surface-variant)}.bg-container{background:var(--md-sys-color-surface-container)}.icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.icon-small{width:18px;height:18px}.icon-large{width:32px;height:32px}