:root{--color-primary:#171a1f;--color-primary-dark:#0f1216;--color-accent:#b8933f;--color-accent-dark:#96762e;--color-beni:#8e313b;--color-bg:#f3ebdd;--color-bg-alt:#e8dfd0;--color-surface:#fffcf6;--color-border:#171a1f1a;--color-border-strong:#171a1f29;--color-text:#171a1f;--color-muted:#6d6a66;--color-subtle:#a6acb3;--color-success:#2d6a4f;--color-error:#8e313b;--color-warning:#b8933f;--color-link:#2d5da8;--color-on-primary:#fbf8f1;--color-on-accent:#171a1f;--font-display:"Rajdhani", sans-serif;--font-body:"Source Sans 3", sans-serif;--radius:20px;--radius-sm:14px;--ease-ui:cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 4px 20px #171a1f0d;--shadow:0 12px 40px #171a1f14;--card-border:1px solid var(--color-border-strong);--card-shadow:var(--shadow-sm)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#171a1f;--color-primary-dark:#0f1216;--color-bg:#f3ebdd;--color-bg-alt:#e8dfd0;--color-surface:#fffcf6;--color-border:#171a1f1a;--color-border-strong:#171a1f29;--color-text:#171a1f;--color-muted:#6d6a66;--color-subtle:#a6acb3;--color-link:#2d5da8;--color-on-primary:#fbf8f1}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#fbf8f1;--color-primary-dark:#e3d7c6;--color-bg:#171a1f;--color-bg-alt:#1e2228;--color-surface:#252b33;--color-border:#fbf8f114;--color-border-strong:#fbf8f124;--color-text:#fbf8f1;--color-muted:#a6acb3;--color-subtle:#6d6a66;--color-link:#6b9bd1;--color-on-primary:#171a1f;--shadow-sm:0 4px 20px #00000040;--shadow:0 12px 40px #00000059}*{box-sizing:border-box}body{font-family:var(--font-body,"Source Sans 3", sans-serif);background:linear-gradient(180deg, var(--color-bg-alt) 0%, var(--color-bg) 100%);color:var(--color-text);min-height:100vh;transition:background .4s var(--ease-ui), color .3s ease;margin:0;line-height:1.6}h1,h2,h3,.font-display{font-family:var(--font-display,"Rajdhani", sans-serif);letter-spacing:.06em;color:var(--color-text);font-weight:700}.top-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:50;color:var(--color-text);transition:background .35s var(--ease-ui), border-color .35s var(--ease-ui), box-shadow .35s var(--ease-ui);position:sticky;top:0}.top-nav-inner{align-items:center;gap:1.5rem;max-width:1320px;min-height:64px;margin:0 auto;padding:0 1.25rem;display:flex}.brand{color:inherit;flex-shrink:0;align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-icon{background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.04em;font-size:1.35rem;font-weight:700}.nav-links{flex:1;align-items:center;gap:.35rem;display:flex}.nav-link{color:var(--color-muted);cursor:pointer;font-size:.88rem;font-weight:600;font:inherit;background:0 0;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--color-beni,var(--color-primary));background:#8e313b14}.nav-actions{align-items:center;gap:.75rem;display:flex}.nav-user{color:var(--color-muted);align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.nav-logout{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;display:inline-flex}.page-main{max-width:1320px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.app-footer{text-align:center;max-width:1320px;margin:0 auto;padding:0 1.25rem 1.5rem}.app-copyright{color:var(--color-subtle);margin:0;font-size:.75rem}.login-copyright{z-index:1;text-align:center;padding:0 1.5rem 1.5rem;position:relative}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);margin:0 0 .25rem;font-size:1.85rem}.page-header p{color:var(--color-muted);margin:0;font-size:.95rem}.btn{font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{color:var(--color-error);background:#9b2c3e1a;border:1px solid #9b2c3e40}.card{background:var(--color-surface);border:var(--card-border);border-radius:var(--radius,20px);box-shadow:var(--card-shadow);color:var(--color-text);transition:background .35s var(--ease-ui), border-color .35s var(--ease-ui), box-shadow .35s var(--ease-ui)}.card-padded{padding:1.25rem}.card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;display:flex}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.kpi-card{background:var(--color-surface);border:var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);transition:background .35s var(--ease-ui), border-color .35s var(--ease-ui), box-shadow .35s var(--ease-ui);padding:1.1rem 1.25rem}.kpi-label{color:var(--color-muted);font-size:.82rem;font-weight:600}.kpi-value{font-size:2rem;font-weight:700;font-family:var(--font-display);color:var(--color-text);line-height:1.1;display:block}.kpi-sub{color:var(--color-subtle);font-size:.78rem}.grid-2-3{grid-template-columns:2fr 3fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (width<=900px){.grid-2-3{grid-template-columns:1fr}.nav-links{display:none}}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-subtle);border-bottom:1px solid var(--color-border);padding:.5rem .65rem;font-size:.75rem}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:.65rem}.text-right{text-align:right}.text-muted{color:var(--color-muted)}.text-subtle{color:var(--color-subtle);font-size:.82rem}.link{color:var(--color-link,var(--color-beni,var(--color-primary)));font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.badge-done,.badge-processing,.badge-error,.badge,.badge-accent,.badge-success{border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-done{color:var(--color-success);background:#2d6a4f1f}.badge-processing{color:#96762e;background:#b8933f26}.badge-error{color:var(--color-error);background:#9b2c3e1f}.badge-accent{color:var(--color-accent-dark,#96762e);background:#b8933f26}.badge-success{color:var(--color-success);background:#2d6a4f1f}.empty-state{text-align:center;color:var(--color-muted);padding:2rem 1rem}.dropzone{text-align:center;border:2px dashed var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg);cursor:pointer;transition:border-color .3s var(--ease-ui), background .3s var(--ease-ui), box-shadow .3s var(--ease-ui);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex}.dropzone-active,.dropzone:hover{border-color:var(--color-beni,var(--color-accent));background:#8e313b0a}.dropzone-icon{color:var(--color-subtle);margin-bottom:.75rem}.dropzone-title{color:var(--color-text);margin:0 0 .25rem;font-size:.9rem;font-weight:600}.preview-box{border:var(--card-border);border-radius:var(--radius-sm,12px);background:var(--color-bg);margin-top:.75rem;padding:.75rem}.preview-list{max-height:180px;margin:0;padding-left:1.25rem;font-size:.85rem;overflow:auto}.preview-actions{justify-content:flex-end;margin-top:.75rem;display:flex}.flash{border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem}.flash-error{color:var(--color-error);background:#9b2c3e14;border:1px solid #9b2c3e40}.flash-success{color:var(--color-success);background:#2d6a4f14;border:1px solid #2d6a4f40}.queue-banner{color:#96762e;background:#b8933f14;border-color:#b8933f59;margin-bottom:1.25rem;font-size:.9rem;font-weight:600}.filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.filters input,.filters select{border:1px solid var(--color-border);font:inherit;background:var(--color-surface);color:var(--color-text);border-radius:10px;padding:.5rem .75rem;font-size:.88rem}.detail-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=768px){.detail-grid{grid-template-columns:1fr}}.detail-meta{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}.meta-item label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-subtle);margin-bottom:.15rem;font-size:.72rem;display:block}.meta-item span{font-size:.95rem;font-weight:600}.receipt-image{border:1px solid var(--color-border);border-radius:12px;max-width:100%}.notes-area{border:1px solid var(--color-border);width:100%;min-height:100px;font:inherit;resize:vertical;border-radius:12px;padding:.75rem}.login-page{background:linear-gradient(160deg, var(--login-from) 0%, var(--login-to) 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-wrap{width:100%;max-width:400px}.login-brand{text-align:center;margin-bottom:2rem}.login-lockup{width:auto;height:40px;margin:0 auto .75rem;display:block}.login-sub{color:var(--color-muted);margin:0;font-size:.9rem}.login-card{background:var(--color-surface);border:var(--card-border);box-shadow:var(--shadow);border-radius:22px;padding:2rem}.login-card h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1.5rem;font-size:1.2rem}.form-group{margin-bottom:1rem}.form-label{color:var(--color-text);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--color-border);width:100%;font:inherit;background:var(--color-surface);color:var(--color-text);-webkit-text-fill-color:var(--color-text);border-radius:12px;padding:.65rem .85rem;font-size:.9rem}.form-input:focus{border-color:var(--color-beni,var(--color-accent));outline:none;box-shadow:0 0 0 3px #8e313b1f}.login-btn{background:var(--color-primary);width:100%;color:var(--color-on-primary);font:inherit;cursor:pointer;border:none;border-radius:999px;margin-top:.5rem;padding:.7rem;font-size:.9rem;font-weight:700}.demo-hint{text-align:center;color:var(--color-muted);margin-top:1.5rem;font-size:.78rem}.demo-hint code{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:.15rem .45rem}body:before{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.page-main,.top-nav,.bottom-nav{z-index:1;position:relative}.page-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.card-elevated{border:var(--card-border);box-shadow:var(--shadow)}.btn-glow{transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #171a1f2e}.btn-glow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #171a1f3d}.brand-logo{width:auto;height:32px;display:block}.brand-mark{align-items:center;display:flex}.kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.kpi-icon-wrap{width:32px;height:32px;color:var(--color-text);background:#171a1f0f;border-radius:10px;justify-content:center;align-items:center;display:flex}.kpi-accent-accent .kpi-icon-wrap{color:var(--color-accent-dark,#96762e);background:#b8933f26}.kpi-accent-success .kpi-icon-wrap{color:var(--color-success);background:#2d6a4f1f}.kpi-accent-warning .kpi-icon-wrap{color:var(--color-warning);background:#a67c001f}.kpi-accent-accent .kpi-value{color:var(--color-accent-dark,#96762e)}.kpi-accent-success .kpi-value{color:var(--color-success)}.kpi-accent-warning .kpi-value{color:var(--color-warning)}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-done{color:var(--color-success);background:#2d6a4f1f}.status-error{color:var(--color-error);background:#9b2c3e1f}.status-processing{color:#96762e;background:#b8933f26}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.category-bars{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.category-bar-meta{justify-content:space-between;margin-bottom:.3rem;font-size:.82rem;display:flex}.category-bar-label{color:var(--color-text);font-weight:600}.category-bar-count{color:var(--color-muted);font-size:.78rem}.category-bar-track{background:var(--color-bg);border-radius:999px;height:8px;overflow:hidden}.category-bar-fill{border-radius:999px;min-width:4px;height:100%;transition:width .6s}.category-pill{background:color-mix(in srgb, var(--pill-color) 18%, transparent);color:var(--pill-color);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.empty-state{text-align:center;padding:2.5rem 1rem}.empty-icon{background:var(--color-bg);width:64px;height:64px;color:var(--color-subtle);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.empty-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.empty-desc{color:var(--color-muted);margin:0;font-size:.88rem}.queue-banner{color:#96762e;background:#b8933f14;border-color:#b8933f59;align-items:center;gap:.65rem;margin-bottom:1.25rem;font-size:.9rem;font-weight:600;display:flex}.queue-spinner{flex-shrink:0;animation:1s linear infinite spin}.queue-meta{opacity:.85;margin-left:auto;font-size:.78rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.upload-zone{position:relative}.upload-card{margin-bottom:1.25rem}.dropzone{position:relative;overflow:hidden}.dropzone-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#8e313b14 0%,#0000 60%);transition:opacity .3s;position:absolute;inset:-50%}.dropzone-active .dropzone-glow,.dropzone:hover .dropzone-glow{opacity:1}.dropzone-busy{opacity:.65;pointer-events:none}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.65rem;display:grid}.preview-thumb{text-align:center}.preview-thumb img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-sm,12px);border:1px solid var(--color-border);width:100%}.preview-name{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.68rem;display:block;overflow:hidden}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header-row .card-title{margin:0}.link-arrow:after{content:" →"}.recent-list{margin:0;padding:0;list-style:none}.recent-item{border-bottom:1px solid var(--color-border);color:inherit;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;text-decoration:none;transition:background .15s;display:flex}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:#8e313b0a;border-radius:10px;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.recent-vendor{font-size:.9rem;font-weight:600;display:block}.recent-date{color:var(--color-muted);font-size:.78rem;display:block}.recent-right{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.recent-amount{font-family:var(--font-display);font-size:.95rem;font-weight:700}.page-loading{color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 1rem;display:flex}.loading-pulse{background:var(--color-primary);opacity:.3;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1.4s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.6;transform:scale(1)}}.login-paper{pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");position:fixed;inset:0}.login-wrap{z-index:1;position:relative}.login-logo-wrap{margin-bottom:1rem;display:inline-flex}.input-wrap{position:relative}.input-icon{color:var(--color-subtle);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.input-wrap .form-input{padding-left:2.35rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.filter-icon{color:var(--color-subtle);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-search input{width:100%;padding-left:2.25rem}.table-wrap{overflow-x:auto}.table-row-hover:hover td{background:#171a1f08}.table-vendor{font-weight:600}.table-amount{font-family:var(--font-display);color:var(--color-text);font-weight:700}.back-link{color:var(--color-link,var(--color-primary));align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.detail-status-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.error-msg{font-size:.88rem}.receipt-image-card{text-align:center}.receipt-filename{color:var(--color-muted);margin:.75rem 0 0;font-size:.78rem}.meta-highlight span.meta-amount{font-family:var(--font-display);color:var(--color-text);font-size:1.35rem}.detail-section{margin-top:1.5rem}.section-title{color:var(--color-text);align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.95rem;display:flex}.raw-text{white-space:pre-wrap;background:var(--color-bg);border-radius:var(--radius-sm,12px);border:1px solid var(--color-border);max-height:240px;color:var(--color-text);margin:0;padding:.85rem;font-size:.82rem;overflow:auto}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:50;padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #1a242114}.bottom-nav-item{color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.45rem .25rem;font-family:inherit;font-size:.65rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--color-link,var(--color-primary))}.nav-link-btn{font:inherit}@media (width<=768px){.bottom-nav{display:flex}.page-main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.nav-actions,.nav-link-upload{display:none}.page-header{flex-direction:column}.page-header-actions,.page-header .btn{align-self:flex-start}.table-desktop{display:none}.receipt-cards-mobile{display:flex}.login-shell{grid-template-columns:1fr}.login-aside{display:none}.dashboard-hero{flex-direction:column}.dashboard-hero-kpis{justify-content:space-between;width:100%}}@media (width>=769px){.receipt-cards-mobile{display:none}.table-desktop{display:block}}.dashboard-hero{border:var(--card-border);box-shadow:var(--shadow);background:radial-gradient(circle at top right, #b8933f1a, transparent 55%), var(--color-surface);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.25rem;padding:1.5rem 1.75rem;display:flex}.dashboard-hero-kpis{border:1px solid var(--color-border);border-radius:var(--radius-sm,14px);background:var(--color-bg);align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:flex}.dashboard-hero-title{text-transform:none;letter-spacing:.02em;margin:0 0 .35rem;font-size:2rem}.dashboard-hero-sub{color:var(--color-muted);margin:0;font-size:.95rem}.dashboard-hero-hint{color:var(--color-muted);align-items:center;gap:.35rem;margin:.65rem 0 0;font-size:.82rem;display:inline-flex}.dashboard-hero-meta{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.dashboard-quota{flex:1;min-width:220px;max-width:320px}.dashboard-quota__header{color:var(--color-muted);justify-content:space-between;margin-bottom:.35rem;font-size:.8125rem;display:flex}.dashboard-quota__bar{background:var(--color-bg-alt);border-radius:999px;height:8px;overflow:hidden}.dashboard-quota__fill{background:var(--color-accent);height:100%;transition:width .4s var(--ease-ui);border-radius:999px}.dashboard-quota__fill--warn{background:var(--color-error,#c53030)}.dashboard-quota__caption{color:var(--color-muted);margin:.4rem 0 0;font-size:.75rem}.dashboard-quota--unlimited{justify-content:center;align-items:center;display:flex}.dashboard-sub-banner{border-radius:var(--radius-sm,14px);color:var(--color-text);background:#b8933f14;border:1px solid #b8933f59;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.hero-stat{text-align:center;min-width:72px}.hero-stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.35rem;font-weight:700;line-height:1.1;display:block}.hero-stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.hero-stat-divider{background:var(--color-border);width:1px;height:36px}.dashboard-hero-title{align-items:center;gap:.75rem;display:flex}.recent-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:8px;flex-shrink:0;width:40px;height:48px}.card-intro{color:var(--color-muted);margin:-.5rem 0 1rem;font-size:.88rem}.page-subtitle{color:var(--color-muted);margin:0;font-size:.95rem}.page-header-actions{flex-shrink:0;gap:.5rem;display:flex}.flash-banner{align-items:center;gap:.65rem;display:flex}.flash-icon{flex-shrink:0}.flash-text{flex:1}.flash-dismiss{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:.25rem;display:flex}.flash-dismiss:hover{opacity:1}.filter-chips{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface);font:inherit;cursor:pointer;color:var(--color-muted);border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.filter-chip:hover{border-color:var(--color-beni,var(--color-accent))}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.filters-toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem;display:flex}.filters-toolbar .form-input{min-width:0}.filters-toolbar select.form-input{flex-shrink:0;width:auto;min-width:160px}.filter-clear{cursor:pointer;color:var(--color-subtle);background:0 0;border:none;padding:.2rem;display:flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.filter-search{flex:1;min-width:200px;position:relative}.filter-search input{width:100%;padding-right:2rem}.active-filters{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.btn-ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn-sm{padding:.35rem .75rem;font-size:.82rem}.category-bar-amount{color:var(--color-text);margin-left:.5rem;font-weight:600}.category-pill-sm{padding:.1rem .4rem;font-size:.68rem}.receipt-cards-mobile{flex-direction:column;gap:.65rem;margin-bottom:.5rem}.receipt-card{border:var(--card-border);border-radius:var(--radius-sm,12px);background:var(--color-surface);box-shadow:var(--card-shadow);color:inherit;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.receipt-card:hover{border-color:var(--color-beni,var(--color-accent));box-shadow:var(--shadow-sm)}.receipt-card-vendor{color:var(--color-text);margin-bottom:.2rem;font-size:.92rem;font-weight:600;display:block}.receipt-card-meta{color:var(--color-muted);font-size:.78rem}.receipt-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.receipt-card-amount{font-family:var(--font-display);color:var(--color-text);font-size:.95rem;font-weight:700}.receipt-card-chevron{color:var(--color-subtle);margin-top:.15rem}.upload-collapsible{margin-bottom:1.25rem;overflow:hidden}.upload-collapsible-header{background:var(--color-surface);width:100%;font:inherit;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:var(--color-text);border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.upload-collapsible-body{border-top:1px solid var(--color-border)}.page-loading-inline{padding:2.5rem 1rem}.processing-banner{border-radius:var(--radius);background:#b8933f14;border:1px solid #b8933f59;align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.processing-banner strong{font-family:var(--font-display);margin-bottom:.15rem;display:block}.processing-banner p{color:var(--color-muted);margin:0;font-size:.88rem}.confidence-badge{color:var(--color-success);background:#2d6a4f1f;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.receipt-image-btn{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.receipt-image-zoom{color:#fff;opacity:0;background:#171a1fbf;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:opacity .2s;display:inline-flex;position:absolute;bottom:.65rem;right:.65rem}.receipt-image-btn:hover .receipt-image-zoom{opacity:1}.notes-actions{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.notes-unsaved{font-size:.82rem}.lightbox{z-index:200;cursor:zoom-out;background:#171a1feb;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:min(100%,900px);max-height:85vh;box-shadow:0 20px 60px #0006}.lightbox-close{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;margin-top:1rem;padding:.5rem 1.25rem}.nav-badge,.bottom-nav-badge{background:var(--color-beni,#8e313b);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 .35rem;font-size:.65rem;font-weight:700;display:inline-flex}.nav-link-upload{background:var(--color-primary);color:var(--color-on-primary)!important}.nav-link-upload:hover{background:var(--color-primary-dark)!important;color:var(--color-on-primary)!important}.bottom-nav-item{position:relative}.bottom-nav-badge{position:absolute;top:.15rem;right:calc(50% - 22px)}.login-shell{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;width:100%;max-width:880px;display:grid;position:relative}.login-aside{padding:1rem 0}.login-aside-title{text-transform:none;letter-spacing:.02em;color:var(--color-text);margin:.75rem 0 .35rem;font-size:2.25rem}.login-aside-tagline{color:var(--color-muted);margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.login-features{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.login-features li{color:var(--color-text);align-items:center;gap:.65rem;font-size:.92rem;display:flex}.login-features li svg{color:var(--color-accent);flex-shrink:0}.login-card-sub{color:var(--color-muted);margin:-1rem 0 1.25rem;font-size:.88rem}.login-page{padding:2rem 1.5rem}.login-wrap{display:none}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font:inherit;cursor:pointer;transition:background .3s var(--ease-ui), border-color .3s var(--ease-ui), color .25s ease, box-shadow .3s var(--ease-ui);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.theme-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-sm)}.login-top-bar{z-index:10;position:fixed;top:1rem;right:1rem}.bottom-nav-theme{cursor:default}.bottom-nav-theme .theme-toggle{color:inherit;background:0 0;border:none;padding:0}.bottom-nav-theme .theme-toggle:hover{box-shadow:none;color:var(--color-primary)}html[data-theme=dark] body:before{opacity:.12}html[data-theme=dark] .nav-link:hover,html[data-theme=dark] .nav-link.active{color:var(--color-accent);background:#fbf8f114}html[data-theme=dark] .dropzone-active,html[data-theme=dark] .dropzone:hover{border-color:var(--color-accent);background:#b8933f0f}html[data-theme=light] .form-input,html[data-theme=light] .filters input,html[data-theme=light] .filters select,html[data-theme=light] .filters-toolbar input,html[data-theme=light] .filters-toolbar select,html[data-theme=light] .filter-search input{background:var(--color-surface);color:var(--color-text);-webkit-text-fill-color:var(--color-text);border-color:var(--color-border)}html[data-theme=light] .form-input::placeholder,html[data-theme=light] .filter-search input::placeholder{color:var(--color-subtle);-webkit-text-fill-color:var(--color-subtle)}html[data-theme=dark] .form-input,html[data-theme=dark] .filters input,html[data-theme=dark] .filters select,html[data-theme=dark] .filters-toolbar input,html[data-theme=dark] .filters-toolbar select,html[data-theme=dark] .filter-search input{background:var(--color-bg-alt);color:var(--color-text);-webkit-text-fill-color:var(--color-text);border-color:var(--color-border)}html[data-theme=dark] .form-input::placeholder,html[data-theme=dark] .filter-search input::placeholder{color:var(--color-subtle)}html[data-theme=dark] .demo-hint code{background:var(--color-bg-alt)}.profile-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem;display:grid}.profile-security{grid-column:1/-1}.profile-security-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:1rem;display:grid}.profile-dl{margin:0}.profile-dl>div{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:.65rem 0;font-size:.9375rem;display:flex}.profile-dl dt{color:var(--color-muted);margin:0}.profile-dl dd{color:var(--color-text);margin:0;font-weight:600}.profile-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.profile-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.profile-quota{flex:1;min-width:220px;max-width:320px}.profile-quota__header{color:var(--color-muted);justify-content:space-between;margin-bottom:.35rem;font-size:.8125rem;display:flex}.profile-quota__bar{background:var(--color-bg-alt);border-radius:999px;height:8px;overflow:hidden}.profile-quota__fill{background:var(--color-accent);height:100%;transition:width .4s var(--ease-ui);border-radius:999px}.nav-user-link{color:inherit;border-radius:var(--radius-sm);padding:.35rem .5rem;text-decoration:none;transition:background .2s}.nav-user-link:hover{background:#b8933f1a}@media (width<=768px){.profile-grid,.profile-security-form{grid-template-columns:1fr}}.admin-shell{grid-template-columns:220px 1fr;min-height:100dvh;display:grid}.admin-sidebar__copyright{margin-top:auto;padding:16px 20px 0;font-size:.6875rem}.admin-sidebar{background:var(--color-bg-alt);border-right:1px solid var(--color-border);flex-direction:column;padding:20px 0;display:flex}.admin-sidebar__brand{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:12px;padding:0 20px 20px;display:flex}.admin-sidebar__brand img{height:28px}.admin-sidebar__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.6875rem;font-weight:700}.admin-nav{margin:0;padding:0;list-style:none}.admin-nav a{color:var(--color-muted);border-left:3px solid #0000;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:block}.admin-nav a:hover,.admin-nav a.active{color:var(--color-text);border-left-color:var(--color-accent);background:#b8933f14}.admin-main{min-width:0;color:var(--color-text);flex-direction:column;display:flex}.admin-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.admin-topbar h1{color:var(--color-text);margin:0;font-size:1.25rem}.admin-content{flex:1;padding:24px;overflow-x:auto}.admin-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-kpi{background:var(--color-surface);border:var(--card-border);border-radius:var(--radius-sm);box-shadow:var(--card-shadow);padding:16px 18px}.admin-kpi__value{font-family:var(--font-display);color:var(--color-text);margin:0 0 4px;font-size:1.75rem;font-weight:700}.admin-kpi__label{color:var(--color-muted);margin:0;font-size:.8125rem}.admin-kpi__sub{color:var(--color-subtle);margin:4px 0 0;font-size:.75rem}.admin-panel{background:var(--color-surface);border:var(--card-border);border-radius:var(--radius-sm);box-shadow:var(--card-shadow);margin-bottom:20px;padding:20px}.admin-panel__title{color:var(--color-text);margin:0 0 16px;font-size:1rem}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px}.admin-table td{color:var(--color-text)}.admin-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:.75rem}.admin-filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.admin-action-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;color:var(--color-text);padding:6px 12px;font-size:.8125rem}.admin-action-btn--danger{color:var(--color-error)}.admin-login{place-items:center;min-height:100dvh;padding:24px;display:grid}.admin-login__card{background:var(--color-surface);border:var(--card-border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:32px}.admin-login__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;font-size:.6875rem;font-weight:700;display:inline-block}.admin-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-setting-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.admin-setting-row:last-child{border-bottom:none}.admin-setting-row__title{color:var(--color-text);margin:0 0 4px;font-weight:600}.pagination{color:var(--color-text);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pagination button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;border-radius:8px;padding:.4rem .75rem}.pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=960px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}}.landing-page{background:var(--color-bg);min-height:100vh;color:var(--color-text);position:relative;overflow-x:hidden}.landing-scene{z-index:0;pointer-events:none;opacity:.92;position:fixed;inset:0}.landing-scene canvas{display:block;width:100%!important;height:100%!important}.landing-nav{z-index:2;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:1rem 1.5rem;display:flex;position:relative}.landing-nav-actions{align-items:center;gap:.65rem;display:flex}.landing-nav-login{display:none}.landing-main{z-index:1;max-width:1120px;margin:0 auto;padding:0 1.5rem 4rem;position:relative}.landing-hero{flex-direction:column;justify-content:center;max-width:640px;min-height:min(78vh,720px);padding:2rem 0 4rem;display:flex}.landing-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.landing-headline{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-text);margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.05}.landing-lead{color:var(--color-muted);max-width:32rem;margin:0 0 1.75rem;font-size:1.125rem;line-height:1.55}.landing-hero-cta{flex-wrap:wrap;gap:.75rem;display:flex}.landing-cta-primary{align-items:center;gap:.5rem;display:inline-flex}.landing-section-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 .5rem;font-size:1.75rem}.landing-section-sub{color:var(--color-muted);margin:0 0 1.5rem}.landing-features{padding:4rem 0;scroll-margin-top:4rem}.landing-feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.landing-feature-card{border-radius:var(--radius-sm,14px);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--ease-ui), box-shadow .25s var(--ease-ui);padding:1.25rem}.landing-feature-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.landing-feature-icon{background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:2.5rem;height:2.5rem;color:var(--color-accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.landing-feature-card h3{color:var(--color-text);margin:0 0 .35rem;font-size:1rem}.landing-feature-card p{color:var(--color-muted);margin:0;font-size:.875rem;line-height:1.45}.landing-pricing{padding:2rem 0 4rem;scroll-margin-top:4rem}.landing-pricing-fallback{color:var(--color-muted);margin-bottom:1rem}.landing-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:1rem;display:grid}.landing-price-card{border-radius:var(--radius,20px);border:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative}.landing-price-card--featured{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));box-shadow:0 16px 48px color-mix(in srgb, var(--color-accent) 12%, transparent)}.landing-price-badge{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-accent);border-radius:999px;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;position:absolute;top:1rem;right:1rem}.landing-price-card h3{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.35rem}.landing-price-quota{font-size:1.75rem;font-weight:700;font-family:var(--font-display);color:var(--color-text);margin:.25rem 0}.landing-price-desc{color:var(--color-muted);flex:1;margin:0;font-size:.875rem}.landing-price-cta{justify-content:center;width:100%;margin-top:.75rem}.landing-footer-cta{text-align:center;border-radius:var(--radius,20px);border:1px solid var(--color-border);background:radial-gradient(circle at top, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 55%), var(--color-surface);padding:3rem 1.5rem}.landing-footer-cta h2{font-family:var(--font-display);color:var(--color-text);margin:0 0 .5rem}.landing-footer-cta p{color:var(--color-muted);margin:0 0 1.25rem}.landing-footer .app-copyright{margin:0}.landing-footer{z-index:1;max-width:1120px;color:var(--color-muted);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin:0 auto;padding:1.5rem;font-size:.8125rem;display:flex;position:relative}@media (width>=640px){.landing-nav-login{display:inline-flex}}@media (width<=640px){.landing-hero{min-height:70vh;padding-top:1rem}.landing-nav-actions .btn-primary{padding:.5rem .85rem;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.landing-scene{opacity:.35}.landing-feature-card:hover{transform:none}}