:root{--bg:#fdfcfa;--bg-card:#fff;--text:#5c534d;--text-h:#2d241e;--accent:#3d6647;--accent-hover:#2f5238;--accent-rgb:61, 102, 71;--wheat:#c98e3b;--wheat-hover:#b07c33;--border:#ebdcc8;--border-light:#f2e9dc;--shadow-sm:0 2px 8px #2d241e0a;--shadow-md:0 10px 30px #2d241e0f;--shadow-lg:0 20px 40px #2d241e1a;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", "Noto Serif SC", serif;--mono:ui-monospace, Consolas, monospace;font:18px/150% var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);background-image:radial-gradient(circle at top, #faf5eb 0%, var(--bg) 60%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--bg:#131210;--bg-card:#1c1a17;--text:#bdaea3;--text-h:#f7ede2;--accent:#5e9c6c;--accent-hover:#72ab80;--accent-rgb:94, 156, 108;--wheat:#dfaa5d;--wheat-hover:#ebd096;--border:#332d26;--border-light:#26211c;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 10px 30px #0006;--shadow-lg:0 20px 40px #00000080;background-image:radial-gradient(circle at top, #241f1a 0%, var(--bg) 75%)}}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:100svh;margin:0 auto;display:flex}body{margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);font-weight:600;line-height:1.2}h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:3.5rem}@media (width<=1024px){h1{font-size:2.5rem}}h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.8rem}@media (width<=1024px){h2{font-size:1.5rem}}p{margin:0 0 1rem}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}*{box-sizing:border-box}.app-header{z-index:20;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-brand{font-family:var(--heading);color:var(--text-h);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.brand-dot{background-color:var(--accent);border-radius:50%;width:6px;height:6px}.lang-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--sans);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:30px;align-items:center;gap:.25rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.lang-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #3d664714}.lang-btn:active{transform:translateY(0)}.hero-container{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;max-width:800px;margin:0 auto;padding:3rem 2rem 4rem;display:flex}.logo-wrapper{margin-bottom:2.5rem;padding:1rem;position:relative}.logo-bg-glow{background:radial-gradient(circle, rgba(var(--accent-rgb), .08) 0%, #0000 70%);pointer-events:none;z-index:1;filter:blur(10px);width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-image{z-index:2;width:480px;max-width:100%;height:auto;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.logo-wrapper:hover .logo-image{transform:scale(1.03)}:root{--steam-color:#5c534d26}@media (prefers-color-scheme:dark){:root{--steam-color:#ffffff40}}.steam-container{pointer-events:none;z-index:3;justify-content:space-around;width:90px;height:100px;display:flex;position:absolute;top:-20px;right:80px}.steam-line{background:var(--steam-color);filter:blur(4px);opacity:0;border-radius:50%;width:5px;height:40px;animation:4s ease-in-out infinite steam-rise}.steam-line:first-child{width:4px;animation-duration:4.2s;animation-delay:.5s}.steam-line:nth-child(2){width:6px;animation-duration:3.5s;animation-delay:1.8s}.steam-line:nth-child(3){width:4px;animation-duration:4.8s;animation-delay:2.9s}@keyframes steam-rise{0%{opacity:0;transform:translateY(30px)scaleX(1)scaleY(1)translate(0)}20%{opacity:.6}50%{opacity:.4;transform:translateY(-20px)scaleX(1.3)scaleY(.9)translate(8px)}80%{opacity:.15}to{opacity:0;transform:translateY(-80px)scaleX(1.8)scaleY(.7)translate(-5px)}}.tagline-container{z-index:5;margin-bottom:2rem;position:relative}.brand-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.3rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.brand-badge-dot{background-color:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.8s infinite pulse}@keyframes pulse{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(.9)}}.main-title{color:var(--text-h);margin-bottom:1rem;font-size:2.8rem;font-weight:700;line-height:1.25}.description-text{color:var(--text);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.subscribe-section{z-index:5;width:100%;max-width:480px;margin:.5rem auto 3rem}.subscribe-form{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:50px;gap:.5rem;padding:.35rem;transition:all .3s;display:flex}.subscribe-form:focus-within{border-color:var(--accent);box-shadow:0 10px 25px #3d66470f,0 0 0 3px #3d66471a}.subscribe-input{font-family:var(--sans);color:var(--text-h);background:0 0;border:none;outline:none;flex:1;width:100%;padding:.75rem 1.25rem;font-size:.95rem}.subscribe-input::placeholder{color:#a39589}.subscribe-btn{background:var(--accent);color:#fff;font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;border-radius:30px;justify-content:center;align-items:center;padding:0 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.subscribe-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #3d664733}.subscribe-btn:active{transform:scale(.98)}.subscribe-btn:disabled{cursor:not-allowed;box-shadow:none;background:#a3bda8}.success-msg{color:var(--accent);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) slide-up;display:flex}.success-icon{background-color:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.highlights-container{border-top:1px solid var(--border-light);width:100%;margin-top:1rem;padding-top:4rem}.highlights-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;display:grid}@media (width<=768px){.highlights-grid{grid-template-columns:1fr;gap:1.25rem}}.highlight-card{background:var(--bg-card);border:1px solid var(--border-light);text-align:left;box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;padding:2rem 1.5rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.highlight-card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-icon{background:rgba(var(--accent-rgb), .08);width:48px;height:48px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.4rem;transition:all .3s;display:flex}.highlight-card:hover .card-icon{background:var(--accent);color:#fff;transform:rotate(5deg)scale(1.05)}.card-title{color:var(--text-h);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.card-desc{color:var(--text);margin:0;font-size:.9rem;line-height:1.5}.app-footer{border-top:1px solid var(--border-light);text-align:center;color:var(--text);margin-top:auto;padding:2.5rem 2rem;font-size:.85rem}.footer-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.social-links{gap:1.25rem;display:flex}.social-icon{color:var(--text);opacity:.7;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.social-icon:hover{color:var(--accent);opacity:1;transform:scale(1.1)}.copyright{opacity:.8;margin:0}.admin-container{justify-content:center;align-items:center;width:100%;min-height:calc(100svh - 160px);padding:2rem;display:flex}.admin-card{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow-lg);box-sizing:border-box;border-radius:28px;padding:3rem 2.5rem;animation:.5s cubic-bezier(.16,1,.3,1) slide-up}.admin-card.success-view{text-align:center}.admin-title{text-align:center;color:var(--text-h);margin:1rem 0 .5rem;font-size:1.8rem;font-weight:700}.admin-subtitle{text-align:center;color:var(--text);margin:0 0 2rem;font-size:.95rem;line-height:1.4}.admin-error{color:#b42318;background-color:#fdf2f2;border:1px solid #fecdca;border-radius:12px;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.4;display:flex}@media (prefers-color-scheme:dark){.admin-error{color:#fda29b;background-color:#2d1818;border-color:#5c2020}}.admin-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-h);font-size:.85rem;font-weight:600}.admin-input{border:1px solid var(--border);font-family:var(--sans);color:var(--text-h);background:0 0;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .25s}.admin-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3d66471a}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input{padding-right:2.75rem}.password-toggle-btn{color:var(--text);opacity:.6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:opacity .2s;display:flex;position:absolute;right:.75rem}.password-toggle-btn:hover{opacity:1;color:var(--accent)}.logo-wrapper-small{justify-content:center;margin-bottom:.5rem;display:flex}.dashboard-content{background:rgba(var(--accent-rgb), .03);border:1px dashed var(--border);text-align:left;border-radius:18px;margin-top:1.5rem;padding:1.5rem;font-size:.9rem}.subscriber-mock-list{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem}.subscriber-stat{justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;display:flex}.stat-label{color:var(--text)}.stat-value{color:var(--accent);font-weight:700}.admin-dashboard-layout{background:var(--bg);width:100%;min-height:100svh;color:var(--text);display:flex}.admin-sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;padding:2.5rem 1.5rem 2rem;display:flex}.admin-sidebar-header{font-family:var(--heading);color:var(--text-h);border-bottom:1px solid var(--border-light);align-items:center;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-item-btn{width:100%;color:var(--text);font-family:var(--sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.95rem;font-weight:500;transition:all .25s;display:flex}.sidebar-item-btn:hover{background:var(--border-light);color:var(--text-h)}.sidebar-item-btn.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-light);margin-top:auto;padding-top:1.5rem}.admin-main-panel{box-sizing:border-box;flex:1;padding:2.5rem 3.5rem;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.panel-title{color:var(--text-h);margin:0;font-size:2rem;font-weight:700}.summary-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:.25rem;padding:1.5rem 1.75rem;display:flex}.summary-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text);font-size:.85rem;font-weight:600}.summary-card-val{color:var(--text-h);font-size:2rem;font-weight:700;font-family:var(--heading)}.ledger-table-container{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:24px;margin-bottom:2rem;overflow-x:auto}.ledger-table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px;font-size:.9rem}.ledger-table th,.ledger-table td{border-bottom:1px solid var(--border-light);padding:1rem 1.5rem}.ledger-table th{background:rgba(var(--accent-rgb), .02);color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.ledger-table tr:last-child td{border-bottom:none}.ledger-table tr:hover td{background:rgba(var(--accent-rgb), .01)}.receipt-badge{border-radius:30px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.receipt-badge.has-file{background:var(--accent-bg);color:var(--accent)}.receipt-badge.no-file{color:var(--text);background:#f4f3ec}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1d1a1799;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) slide-up;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-title{color:var(--text-h);margin:0;font-size:1.35rem;font-weight:700}.modal-close-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--border-light);color:var(--text-h)}.modal-body{max-height:70svh;padding:2rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-light);background:rgba(var(--accent-rgb), .01);justify-content:flex-end;gap:.75rem;padding:1.25rem 2rem;display:flex}.camera-upload-box{border:2px dashed var(--border);text-align:center;cursor:pointer;background:rgba(var(--accent-rgb), .01);border-radius:20px;padding:3rem 2rem;transition:all .3s;position:relative}.camera-upload-box:hover{border-color:var(--accent);background:var(--accent-bg)}.camera-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.scanner-visual-box{background:#1e1d1b;border-radius:16px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.scanner-receipt-preview{opacity:.6;object-fit:contain;max-height:100%}.scanner-laser-bar{z-index:5;background:#5e9c6c;width:100%;height:4px;animation:2s ease-in-out infinite laser-scan;position:absolute;left:0;box-shadow:0 0 12px #5e9c6c,0 0 20px #5e9c6c}@keyframes laser-scan{0%{top:0%}50%{top:100%}to{top:0%}}.scanner-loading-text{color:#fff;z-index:10;text-shadow:0 2px 4px #000c;font-weight:600;font-family:var(--sans);align-items:center;gap:.5rem;display:flex}.scanner-results-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.category-badge-select{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.cat-chip{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:30px;padding:.3rem .9rem;font-size:.8rem;transition:all .2s}.cat-chip:hover{border-color:var(--accent)}.cat-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=900px){.admin-dashboard-layout{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:1.5rem}.admin-sidebar-header{margin-bottom:1rem;padding-bottom:1rem}.sidebar-menu{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.sidebar-item-btn{white-space:nowrap;padding:.6rem .9rem}.admin-main-panel{padding:1.5rem}.summary-cards-grid{grid-template-columns:1fr;gap:1rem}}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:30px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.status-pending{color:#b25e00;background:#fef6e0}.status-badge.status-approved{color:#0288d1;background:#e1f5fe}.status-badge.status-paid{background:var(--accent-bg);color:var(--accent)}.expense-mobile-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:none}.expense-mobile-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.expense-card-row{justify-content:space-between;align-items:center;display:flex}.expense-card-label{text-transform:uppercase;color:var(--text);letter-spacing:.05em;font-size:.75rem;font-weight:600}.expense-card-val{color:var(--text-h);font-size:.9rem}.expense-card-val.amount{color:var(--accent);font-size:1.15rem;font-weight:700}.expense-card-divider{background:var(--border-light);width:100%;height:1px}.panel-header-buttons{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=768px){.ledger-table-container{display:none}.expense-mobile-list{display:flex}.panel-header{flex-direction:column;align-items:flex-start;gap:1rem}.panel-header-buttons{width:100%}.panel-header-buttons button{flex:1;justify-content:center;padding:.6rem .9rem;font-size:.85rem}}#root.full-width-layout{max-width:100%!important}