@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{margin:0;background:#f8fafc}:root{--bg-primary: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #0f172a;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #f8fafc;--border: #e2e8f0;--border-subtle: #f1f5f9;--primary: #6366f1;--primary-hover: #4f46e5;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #0ea5e9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.main{padding:32px 40px;overflow-y:auto;min-width:0}@media(max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px 16px 90px}}.sidebar{background:var(--bg-sidebar);padding:20px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}.sidebar__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.sidebar__logo-icon svg{width:20px;height:20px;color:#fff}.sidebar__logo-text{color:var(--text-inverse);font-size:1.1rem;font-weight:700}.sidebar__nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#94a3b8;text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:.85rem;transition:all .15s ease}.sidebar__nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar__footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.sidebar__user{display:flex;align-items:center;gap:10px}.sidebar__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem}.sidebar__user-name{font-weight:500;color:var(--text-inverse)}.sidebar__logout{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0}.sidebar__logout:hover{color:var(--text-inverse)}.sidebar__login-prompt{padding:20px;margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar__login-btn,.sidebar__register-btn{display:block;padding:12px;text-align:center;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all .2s}.sidebar__login-btn{background:var(--primary);color:#fff}.sidebar__login-btn:hover{background:var(--primary-hover)}.sidebar__register-btn{background:transparent;color:var(--text-inverse);border:1px solid var(--text-muted)}.sidebar__register-btn:hover{border-color:var(--text-inverse);color:var(--text-inverse)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px}.auth-page .login-page{background:transparent;padding:0;max-width:400px;width:100%}.auth-page .login-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:40px;width:100%;box-shadow:0 25px 50px -12px #00000040}.sidebar__user-role{font-size:.7rem;color:#64748b}.sidebar{background:var(--bg-sidebar);padding:32px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__logo{display:flex;align-items:center;gap:12px;margin-bottom:40px}.sidebar__logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.sidebar__logo-icon svg{width:24px;height:24px;color:#fff}.sidebar__logo-text{color:var(--text-inverse);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.sidebar__nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar__nav-item{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;padding:12px 16px;color:#94a3b8;text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;transition:all .15s ease}.sidebar__nav-item:hover{background:#ffffff14;color:var(--text-inverse)}.sidebar__nav-item--active{background:#6366f133;color:#a5b4fc}.sidebar__nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar__footer{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.sidebar__user{display:flex;align-items:center;gap:12px}.sidebar__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.sidebar__user-info{color:var(--text-inverse)}.sidebar__user-name{font-weight:600;font-size:.9rem}.sidebar__user-role{font-size:.75rem;color:#64748b}.main{padding:32px 40px;overflow-y:auto}.main__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.main__title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.main__subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:4px}.main__actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s ease;border:none;text-decoration:none}.btn--primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn--secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--border-subtle)}.btn svg{width:18px;height:18px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.kpi-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.kpi-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.kpi-card__label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.kpi-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-card__icon svg{width:20px;height:20px}.kpi-card__icon--spend{background:#ef44441a;color:#ef4444}.kpi-card__icon--income{background:#10b9811a;color:#10b981}.kpi-card__icon--ratio{background:#f59e0b1a;color:#f59e0b}.kpi-card__icon--review{background:#6366f11a;color:#6366f1}.kpi-card__value{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px}.kpi-card__trend{font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:4px}.kpi-card__trend--up{color:#10b981}.kpi-card__trend--down{color:#ef4444}.section{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:24px;min-width:0}.section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section__title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.filters{display:flex;gap:12px}.filters select{padding:8px 32px 8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.view-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.view-toggle:hover{background:var(--border-subtle);color:var(--text-primary)}.view-toggle--active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.view-toggle svg{flex-shrink:0}.filters select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.table-container{overflow-x:auto;min-width:0}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}td{padding:16px;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}tbody tr:hover{background:var(--border-subtle)}tbody tr:last-child td{border-bottom:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:600;font-size:.8rem}.rank-badge--1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-badge--2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank-badge--3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.rank-badge--default{background:var(--border);color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge--confirmed:before{background:#10b981}.status-badge--needs_review:before{background:#f59e0b}.status-badge--queued{background:#6366f11a;color:#4f46e5}.status-badge--queued:before{background:#6366f1}.status-badge--pending_review{background:#f59e0b1f;color:#b45309}.status-badge--pending_review:before{background:#d97706}.status-badge--processing,.status-badge--uploaded{background:#0ea5e91f;color:#0369a1}.status-badge--processing:before,.status-badge--uploaded:before{background:#0284c7}.status-badge--canceled{background:#64748b1f;color:#475569}.status-badge--canceled:before{background:#64748b}.delta-positive{color:#10b981;font-weight:600}.delta-negative{color:#ef4444;font-weight:600}.upload-section{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:2px dashed rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:32px;text-align:center;margin-bottom:24px}.upload-section__icon{width:64px;height:64px;margin:0 auto 16px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-section__icon svg{width:32px;height:32px;color:#6366f1}.upload-section__title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.upload-section__subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.upload-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.upload-form input[type=file]{display:none}.upload-form__file-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .15s ease}.upload-form__file-btn:hover{border-color:var(--accent-primary);background:#6366f105}.upload-form select{padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;font-size:.9rem;font-weight:500}.upload-form button[type=submit]{padding:10px 24px}.status-message{margin-top:16px;padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:8px}.status-message--success{background:#10b9811a;color:#059669}.status-message--error{background:#ef44441a;color:#dc2626}.receipt-explorer{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.receipt-list{max-height:600px;overflow-y:auto}.receipt-list__item{display:flex;align-items:center;padding:14px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;border:1px solid transparent;margin-bottom:8px}.receipt-list__item:hover{background:var(--border-subtle)}.receipt-list__item--selected{background:#6366f114;border-color:#6366f133}.receipt-list__store{flex:1}.receipt-list__store-name{font-weight:600;font-size:.9rem}.receipt-list__store-date{font-size:.8rem;color:var(--text-muted)}.receipt-list__amount{font-weight:600;font-size:.9rem;color:var(--text-primary)}.receipt-list__details{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.receipt-list__item-button{width:100%;background:transparent;text-align:inherit;border:none}.receipt-modal__hint,.section__copy,.kpi-card__meta{color:var(--text-secondary)}.loading{display:flex;align-items:center;gap:14px;padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border)}.loading--full,.blocking-state--full{min-height:100vh;display:grid;place-items:center;padding:24px}.loading__spinner{width:24px;height:24px;border:3px solid rgba(15,23,42,.12);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.loading__spinner--small{width:16px;height:16px;border-width:2px}.loading__copy{display:flex;flex-direction:column;gap:2px}.inline-state,.inline-error{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--border);margin-bottom:16px}.inline-error{justify-content:space-between;color:#b91c1c;background:#fef2f2e6;border-color:#f871714d}.inline-error__action{border:none;background:transparent;color:inherit;font-weight:700;cursor:pointer}.state-card,.blocking-state__card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow-sm)}.state-card--error,.blocking-state__card{max-width:520px}.blocking-state{display:grid;place-items:start}.blocking-state__card,.state-card{display:flex;flex-direction:column;gap:12px}.blocking-state__actions{display:flex;gap:12px;flex-wrap:wrap}.status-banner{padding:12px 14px;border-radius:var(--radius-md);font-weight:600}.status-banner--success{background:#ecfdf5f2;color:#047857}.status-banner--error{background:#fef2f2f2;color:#b91c1c}.status-banner--uploading,.status-banner--info{background:#eff6fff2;color:#1d4ed8}.upload-callout{display:grid;gap:16px}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.summary-list{display:flex;flex-direction:column;gap:14px}.summary-list__item{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.summary-list__item:last-child{border-bottom:none;padding-bottom:0}.summary-list__item>div{display:flex;flex-direction:column;gap:4px}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.receipt-detail{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px;position:sticky;top:24px}.receipt-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.receipt-detail__title{font-size:1rem;font-weight:600}.receipt-detail__id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.receipt-detail__image{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:16px;background:#fff}.receipt-detail__info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.receipt-detail__info-item{font-size:.85rem}.receipt-detail__info-label{color:var(--text-muted);margin-bottom:2px}.receipt-detail__info-value{font-weight:500}.receipt-detail__totals{background:var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.receipt-detail__total-row{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0}.receipt-detail__total-row--grand{font-weight:700;font-size:1rem;border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.confidence-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:4px}.confidence-bar__fill{height:100%;background:linear-gradient(90deg,#10b981,#6366f1);border-radius:3px;transition:width .3s ease}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-secondary)}.loading__spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.pie-chart{display:flex;align-items:center;gap:32px}.pie-chart__slice{transition:all .2s ease}.pie-chart__slice:hover{filter:brightness(1.1)}.pie-chart__legend{display:flex;flex-direction:column;gap:8px}.pie-chart__legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.pie-chart__legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.pie-chart__legend-label{color:var(--text-primary);font-weight:500;flex:1}.pie-chart__legend-value{color:var(--text-secondary);font-weight:600}.chart-container{display:flex;justify-content:center;padding:16px 0}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.main{padding:24px}.kpi-grid,.receipt-explorer{grid-template-columns:1fr}.receipt-detail{position:static}}.page{animation:fadeIn .3s ease;min-width:0}.page__header{margin-bottom:32px}.page__header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.page__subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:4px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.insight-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);display:flex;gap:16px;align-items:flex-start}.insight-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#6366f11a;color:var(--accent-primary);flex-shrink:0}.insight-card__icon svg{width:20px;height:20px}.insight-card--alert .insight-card__icon{background:#f59e0b1a;color:var(--accent-warning)}.insight-card--success .insight-card__icon{background:#10b9811a;color:var(--accent-success)}.insight-card__content h3{font-size:.95rem;font-weight:600;margin-bottom:4px}.insight-card__content p{font-size:.8rem;color:var(--text-secondary)}.quick-upload{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:2px dashed rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px}.quick-upload__icon{width:48px;height:48px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.quick-upload__icon svg{width:24px;height:24px}.quick-upload__content{flex:1}.quick-upload__content h3{font-size:1rem;font-weight:600}.quick-upload__content p{font-size:.85rem;color:var(--text-secondary)}.quick-upload form{display:flex;gap:12px;align-items:center}.quick-upload input[type=file]{display:none}.upload-bar{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px 20px;border:1px solid var(--border);display:flex;align-items:center;gap:16px;margin-bottom:20px}.upload-bar__form{display:flex;gap:12px;align-items:center}.upload-bar__file-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--border-subtle);border-radius:var(--radius-md);font-weight:500;font-size:.9rem;cursor:pointer}.filters-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.filters-bar__label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.filter-tabs{display:flex;gap:8px}.filter-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-tab:hover{background:var(--border-subtle)}.filter-tab--active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.filter-tab__count{font-size:.75rem;padding:2px 6px;background:#0000001a;border-radius:10px}.filter-tab--active .filter-tab__count{background:#fff3}.analytics-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:24px}.analytics-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);min-width:0}.analytics-card--full{grid-column:1 / -1}.analytics-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-card__header h2{font-size:1.1rem;font-weight:600}.pie-chart-inline{display:flex;align-items:center;gap:24px}.pie-chart-inline__legend{display:flex;flex-direction:column;gap:8px}.pie-chart-inline__legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.pie-chart-inline__legend-color{width:10px;height:10px;border-radius:2px}.pie-chart-inline__legend-value{color:var(--text-secondary);font-weight:600;margin-left:auto}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.settings-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);min-width:0}.settings-card--danger{border-color:#ef44444d}.settings-card h2{font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.settings-card__description{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);font-size:.9rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary)}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:4px}.export-options{display:flex;gap:12px}.btn--danger{background:#fff;color:var(--accent-danger);border:1px solid var(--accent-danger)}.btn--danger:hover{background:#ef44440d}.kpi-card__meta{font-size:.8rem;color:var(--text-muted);margin-top:4px}.receipt-detail__items-title{font-size:.9rem;font-weight:600;margin-bottom:12px}@media(max-width:1200px){.insights-grid,.analytics-grid,.settings-grid{grid-template-columns:1fr}}.page__header--rtl{text-align:center}.categories-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-card);border-radius:20px;border:1px solid var(--border);margin-bottom:16px;max-width:900px;margin-left:auto;margin-right:auto}.categories-header__title{text-align:center}.categories-header__title h1{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.categories-header__balance{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.icon-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--border)}.icon-btn svg{width:20px;height:20px;color:var(--text-secondary)}.month-selector{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.month-selector__nav{width:32px;height:32px;border-radius:50%;border:none;background:var(--border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.month-selector__nav:hover{background:var(--border)}.month-selector__nav svg{width:18px;height:18px;color:var(--text-secondary)}.month-selector__display{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-card);border-radius:24px;border:1px solid var(--border)}.month-selector__label{font-size:.95rem;font-weight:600}.month-selector__badge{width:24px;height:24px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.month-selector__arrow svg{color:var(--text-muted)}.category-grid-container{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:24px;padding:24px;max-width:1100px;margin:0 auto}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;min-width:0}.category-item{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.category-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.category-item__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-item__icon svg{width:24px;height:24px}.category-item__name{flex:1;font-weight:600;font-size:.95rem;color:var(--text-primary)}.category-item__amount{font-weight:700;font-size:.95rem;color:var(--text-primary)}.category-grid__chart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);position:sticky;top:24px}.category-grid__summary{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-grid__summary-item{padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-primary);text-align:center}.category-grid__summary-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.donut-chart{position:relative;display:flex;align-items:center;justify-content:center}.donut-chart svg{position:absolute;top:0;left:0}.donut-chart__center{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;margin-top:-10px}.donut-chart__label{font-size:.75rem;color:var(--text-muted);margin-bottom:2px}.donut-chart__value{font-size:1.1rem;font-weight:700;color:#ec4899;line-height:1.2}.donut-chart__sub{font-size:.8rem;font-weight:600;color:#10b981;margin-top:2px}.bottom-nav,.mobile-header{display:none}@media(max-width:768px){.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.mobile-header__brand{display:flex;align-items:center;gap:12px;min-width:0}.mobile-header__logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-header__logo svg{width:20px;height:20px}.mobile-header__brand-copy{display:flex;flex-direction:column;min-width:0}.mobile-header__title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.mobile-header__subtitle{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.mobile-header__actions{display:flex;align-items:center;gap:8px;min-width:0}.mobile-header__icon-btn{width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:var(--bg-primary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.mobile-header__icon-btn svg{width:18px;height:18px}.mobile-header__icon-btn--active{background:#6366f11a;color:var(--accent-primary);border-color:#6366f133}.mobile-header__user-badge{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 10px 6px 6px;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border)}.mobile-header__user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0ea5e9);color:#fff;font-weight:600;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-header__user-name{font-size:.8rem;font-weight:600;color:var(--text-primary);max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0));justify-content:space-around;z-index:100}.main{padding-bottom:92px}.bottom-nav{overflow-x:auto}.bottom-nav__item{min-width:68px}.categories-header{padding:14px 16px;gap:12px}.categories-header__balance{font-size:1.2rem}.month-selector{gap:8px}.month-selector__display{min-width:0;flex:1;justify-content:center}.category-grid-container{grid-template-columns:1fr;padding:12px 0 0}.category-grid__chart{position:static;order:-1}.category-grid{grid-template-columns:1fr}.category-item{padding:12px 14px}.receipt-list__item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px}.receipt-list__details{margin-right:0;grid-column:1 / -1;justify-content:space-between;width:100%}.upload-bar,.filters-bar,.upload-bar__form{flex-direction:column;align-items:stretch}.search-input{max-width:none}.filter-tabs{width:100%;margin-right:0;overflow-x:auto;padding-bottom:2px}}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);font-size:.7rem;font-weight:500;transition:all .15s ease;min-width:0}.bottom-nav__item svg{width:24px;height:24px}.bottom-nav__item--active{color:var(--accent-primary)}.bottom-nav__item--active svg{fill:var(--accent-primary)}.budget-chart{display:flex;justify-content:center;padding:24px 0}.budget-chart__ring{position:relative;width:120px;height:120px}.budget-chart__ring svg{transform:rotate(-90deg)}.budget-chart__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.budget-chart__pct{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.budget-chart__label{font-size:.75rem;color:var(--text-muted)}.budget-categories{display:flex;flex-direction:column;gap:16px}.budget-category__header{display:flex;justify-content:space-between;margin-bottom:6px}.budget-category__name{font-weight:600;font-size:.9rem}.budget-category__amount{font-size:.85rem;color:var(--text-secondary)}.budget-category__bar{height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.budget-category__fill{height:100%;border-radius:4px;transition:width .3s ease}.accounts-total{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;text-align:center;border:1px solid var(--border);margin-bottom:24px}.accounts-total__label{font-size:.85rem;color:var(--text-muted);margin-bottom:4px}.accounts-total__value{font-size:2rem;font-weight:700}.accounts-total__value.positive{color:var(--accent-success)}.accounts-total__value.negative{color:var(--accent-danger)}.accounts-grid{display:flex;flex-direction:column;gap:12px}.account-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border)}.account-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.account-card__info{flex:1}.account-card__name{font-weight:600;font-size:.95rem}.account-card__number{font-size:.8rem;color:var(--text-muted)}.account-card__balance{font-weight:700;font-size:1rem}.account-card__balance.positive{color:var(--accent-success)}.account-card__balance.negative{color:var(--accent-danger)}.add-account{display:flex;gap:12px}.add-account__select{flex:1;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);font-size:.9rem}.kpi-card__value--danger{color:var(--accent-danger)}.kpi-card__value--success{color:var(--accent-success)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:16px}.empty-state h2{font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:.9rem}.search-input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;width:100%;max-width:250px}.search-input:focus{outline:none;border-color:var(--accent-primary)}.receipt-list__item{display:flex;align-items:center;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:all .15s ease}.receipt-list__item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.receipt-list__store-name{flex:1;font-weight:600}.receipt-list__details{display:flex;align-items:center;gap:8px;margin-right:16px}.receipt-list__date{font-size:.85rem;color:var(--text-muted)}.receipt-list__amount{font-weight:700;font-size:1rem}.receipt-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.receipt-modal__content{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;position:relative}.receipt-modal__close{position:absolute;top:12px;left:12px;width:32px;height:32px;border:none;background:var(--border-subtle);border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:auto}.receipt-modal__date{color:var(--text-muted);margin-bottom:16px}.receipt-modal__totals{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:16px 0}.receipt-modal__items h3{font-size:.9rem;margin-bottom:12px}.receipt-modal__item{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem}.receipt-modal__actions{display:flex;justify-content:flex-end;margin-top:24px}.review-admin{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.review-admin__queue,.review-admin__editor{min-width:0}.review-admin__count,.review-admin__meta{color:var(--text-secondary);font-size:.85rem}.review-admin__list{display:flex;flex-direction:column;gap:10px}.review-admin__list-item{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;border:1px solid var(--border);background:#fff;border-radius:var(--radius-md);padding:14px 16px;text-align:right;cursor:pointer}.review-admin__list-item--active{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11f}.review-admin__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.review-admin__actions{display:flex;gap:12px;flex-wrap:wrap}.review-admin__grid,.review-admin__totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.review-admin__totals{grid-template-columns:repeat(5,minmax(0,1fr))}.review-admin__field{display:flex;flex-direction:column;gap:8px;min-width:0}.review-admin__field span{font-size:.8rem;color:var(--text-secondary);font-weight:600}.review-admin__field input,.review-admin__line-item input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:#fff}.review-admin__line-items{margin-top:12px}.review-admin__line-item{display:grid;grid-template-columns:2fr .8fr 1fr 1fr auto;gap:12px;margin-bottom:12px;align-items:center}.btn--small{padding:8px 12px;font-size:.8rem}@media(max-width:1100px){.review-admin{grid-template-columns:1fr}.review-admin__grid,.review-admin__totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.review-admin__grid,.review-admin__totals,.review-admin__line-item{grid-template-columns:1fr}.review-admin__actions{width:100%}.review-admin__actions .btn{flex:1;justify-content:center}}.filter-tabs{display:flex;gap:8px;margin-right:auto}.trend-chart{display:flex;align-items:flex-end;gap:8px;height:120px;padding:16px 0}.trend-chart__bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.trend-chart__fill{width:100%;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.trend-chart__label{font-size:.7rem;color:var(--text-muted);margin-top:4px}.page{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.kpi-card,.insight-card,.analytics-card,.settings-card,.category-item,.account-card,.receipt-list__item{transition:all .2s ease}.status-badge--confirmed{background:#10b9811a;color:#059669}.status-badge--needs_review{background:#f59e0b1a;color:#d97706}.status-badge--uploading{background:#6366f11a;color:#6366f1}.status-badge--success{background:#10b9811a;color:#059669}.status-badge--error{background:#ef44441a;color:#dc2626}.receipt-modal__image{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md);margin-bottom:16px;background:var(--border-subtle)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040}.login-card h1{text-align:center;margin-bottom:12px;color:var(--text-primary)}.login-card__subtitle{text-align:center;margin:0 0 24px;color:var(--text-secondary)}.login-card__hint{text-align:center;margin-top:16px;color:var(--text-secondary);font-size:14px}.login-card .form-group{margin-bottom:20px}.login-card label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.login-card input{width:100%;padding:12px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:16px;transition:border-color .2s,box-shadow .2s}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.login-card button{width:100%;padding:14px;background:var(--primary)!important;color:#fff!important;border:none!important;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:relative!important;z-index:999!important;height:auto!important;min-height:50px;line-height:1.5;margin-top:10px;transition:background .2s,transform .1s}.login-card button:before{content:"";display:block}.login-submit-btn{width:100%;padding:14px;background:#6366f1!important;color:#fff!important;border:none!important;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:block}.login-secondary-btn{width:100%;padding:14px;margin-top:12px;background:transparent!important;color:var(--text-primary)!important;border:1px solid var(--border-subtle)!important;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:block}.login-card button:hover{background:var(--primary-hover)!important}.login-card button:active{transform:scale(.98)}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-card .error{background:#ef44441a;color:#dc2626;padding:12px;border-radius:var(--radius-md);margin-bottom:16px;font-size:14px}.login-card p{text-align:center;margin-top:20px;color:var(--text-secondary)}.login-card p a{color:var(--primary);text-decoration:none;font-weight:500}.login-card p a:hover{text-decoration:underline}