:root{color:#1d2430;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef0f4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}html{background:#eef0f4;width:100%;min-height:100%;margin:0;padding:0}body{background:#eef0f4;width:100%;min-width:320px;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh}::selection{background:#d9ad2b40}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d5d8de;border-radius:10px}button{-webkit-tap-highlight-color:transparent}input,select,textarea{outline:none}@supports (padding:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}.auth-page{background:radial-gradient(circle at 15% 15%,#d9ad2b24,#0000 30%),radial-gradient(circle at 85% 85%,#d9ad2b1a,#0000 32%),linear-gradient(145deg,#f7f8fa 0%,#eef0f3 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;animation:.45s ease-out both authPageIn;display:flex;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.auth-page:before{background:#d9ad2b1a;width:230px;height:230px;top:-100px;right:-80px}.auth-page:after{background:#1f25300b;width:190px;height:190px;bottom:-90px;left:-70px}@keyframes authPageIn{0%{opacity:0}to{opacity:1}}.auth-card{z-index:1;-webkit-backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:28px;width:min(100%,390px);padding:30px 25px 24px;animation:.55s cubic-bezier(.2,.8,.2,1) both authCardIn;position:relative;box-shadow:0 24px 60px #19202d1a,0 4px 15px #19202d0a}@keyframes authCardIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{color:#fff;letter-spacing:-1px;background:linear-gradient(145deg,#dfb63f,#b88b13);border-radius:19px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:21px;font-weight:900;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 10px 24px #b88b133d,inset 0 1px #ffffff47}.auth-logo:hover{transform:translateY(-3px)rotate(-3deg);box-shadow:0 15px 30px #b88b1347}.auth-heading{text-align:center;margin-bottom:25px}.auth-heading h1{color:#20252d;letter-spacing:-.7px;margin:0;font-size:25px;font-weight:850}.auth-heading p{color:#8a919b;max-width:290px;margin:7px auto 0;font-size:11px;line-height:1.55}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field>span{color:#626974;letter-spacing:.15px;font-size:10px;font-weight:800}.auth-input{color:#a0a6ae;background:#fafbfce0;border:1px solid #e1e4e9;border-radius:14px;align-items:center;gap:10px;min-height:49px;padding:0 13px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:flex}.auth-input:focus-within{background:#fff;border-color:#d5ad32;transform:translateY(-1px);box-shadow:0 0 0 3px #d9ad2b1a,0 7px 18px #19202d0b}.auth-input input{color:#303640;background:0 0;border:0;outline:0;flex:1;min-width:0;height:47px;padding:0;font-family:inherit;font-size:12px}.auth-input input::placeholder{color:#b2b7bf}.auth-input svg{flex:none;transition:color .2s,transform .2s}.auth-input:focus-within>svg{color:#b58a18;transform:scale(1.05)}.password-toggle{color:#9299a3;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s,transform .15s;display:flex}.password-toggle:hover{color:#9b7200;background:#fff7df}.password-toggle:active{transform:scale(.9)}.forgot-button{color:#a17a13;cursor:pointer;background:0 0;border:0;align-self:flex-end;margin-top:-4px;padding:3px 0;font-family:inherit;font-size:9px;font-weight:750;transition:color .15s}.forgot-button:hover{color:#795b08}.auth-message{color:#8c6b12;background:#fffaf0;border:1px solid #ece1b9;border-radius:11px;padding:10px 12px;font-size:9px;line-height:1.5;animation:.22s ease-out both authMessageIn}@keyframes authMessageIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-submit{color:#fff;letter-spacing:.1px;cursor:pointer;background:linear-gradient(145deg,#ddb43a,#bc8e16);border:0;border-radius:14px;min-height:50px;margin-top:3px;font-family:inherit;font-size:12px;font-weight:850;transition:transform .16s,box-shadow .2s,filter .2s;position:relative;overflow:hidden;box-shadow:0 9px 20px #bc8e1633}.auth-submit:after{content:"";pointer-events:none;background:#fff3;width:50%;height:100%;transition:left .45s;position:absolute;top:0;left:-85%;transform:skew(-20deg)}.auth-submit:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 13px 27px #bc8e1642}.auth-submit:hover:after{left:130%}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{cursor:wait;opacity:.65;transform:none}.auth-switch{color:#969ca5;justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:9px;display:flex}.auth-switch button{color:#9b7200;cursor:pointer;background:0 0;border:0;padding:2px;font-family:inherit;font-size:9px;font-weight:850;transition:color .15s,transform .15s}.auth-switch button:hover{color:#765805;transform:translateY(-1px)}.auth-card:has(.auth-field input[autocomplete=name]){animation:.35s ease-out both authRegisterIn}@keyframes authRegisterIn{0%{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-page{padding:18px 12px}.auth-card{border-radius:24px;padding:26px 18px 21px}.auth-logo{width:58px;height:58px;margin-bottom:16px}.auth-heading h1{font-size:23px}}@media (prefers-reduced-motion:reduce){.auth-page,.auth-card,.auth-message{animation:none!important}.auth-logo,.auth-input,.auth-submit,.auth-switch button{transition:none!important}}:root{--primary:#d9ad2b;--primary-dark:#b89018;--primary-soft:#fff8df;--bg:#f5f6f8;--surface:#fff;--surface-soft:#f8f9fb;--text:#1d2430;--text-soft:#707784;--border:#e7e9ee;--green:#16845b;--green-soft:#e9f8f1;--red:#d94b4b;--red-soft:#fff0f0;--orange:#d9851f;--orange-soft:#fff5e8;--shadow:0 4px 18px #19202d12}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:var(--text);background:#eef0f4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:#eef0f4;width:100%;min-height:100vh}.app-container{background:var(--bg);width:100%;max-width:520px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 35px #00000014}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:70px;padding:0 18px;display:flex;position:sticky;top:0}.header-title{flex:1;align-items:center;gap:11px;margin-left:12px;display:flex}.header-logo{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex}.header-title h1{color:var(--text);margin:0;font-size:16px;font-weight:750;line-height:20px}.header-title p{color:var(--text-soft);margin:2px 0 0;font-size:11px}.icon-button{width:40px;height:40px;color:var(--text);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex}.icon-button:hover{background:var(--surface-soft)}.icon-button:active{transform:scale(.94)}.app-content{padding:22px 18px 105px}.welcome-section{margin-bottom:20px}.welcome-small{color:var(--text-soft);margin:0 0 5px;font-size:13px}.welcome-section h2{letter-spacing:-.4px;margin:0;font-size:24px;font-weight:800;line-height:30px}.welcome-description{color:var(--text-soft);margin:5px 0 0;font-size:13px}.summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);min-height:150px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;padding:17px;display:flex}.summary-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:17px;display:flex}.summary-card p{color:var(--text-soft);margin:0 0 5px;font-size:12px}.summary-card strong{font-size:17px;font-weight:800;line-height:22px;display:block}.summary-card span{color:var(--text-soft);margin-top:auto;font-size:11px}.result-card{color:#fff;background:linear-gradient(135deg,#e0b52d,#c79b1e);border-radius:20px;justify-content:space-between;align-items:center;margin-top:12px;padding:20px;display:flex;box-shadow:0 8px 20px #c79b1e40}.result-card p{opacity:.9;margin:0 0 5px;font-size:13px}.result-card h3{margin:0;font-size:27px;font-weight:850;line-height:34px}.result-card span{opacity:.85;margin-top:4px;font-size:11px;display:block}.result-icon{background:#ffffff2e;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.section-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-heading h2{margin:0;font-size:16px;font-weight:800;line-height:21px}.section-heading p{color:var(--text-soft);margin:3px 0 0;font-size:11px}.text-button{color:var(--primary-dark);background:0 0;border:none;padding:6px 0;font-size:12px;font-weight:700}.quick-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-button{border:1px solid var(--border);background:var(--surface);text-align:left;min-height:120px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:flex-start;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.quick-button:active{transform:scale(.97)}.quick-button>span{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.sales-button>span{background:var(--green-soft);color:var(--green)}.expense-button>span{background:var(--orange-soft);color:var(--orange)}.quick-button strong{font-size:14px;font-weight:800}.quick-button small{color:var(--text-soft);margin-top:3px;font-size:11px}.stock-item{background:var(--surface);border:1px solid var(--border);border-radius:15px;align-items:center;min-height:68px;padding:11px 12px;display:flex;box-shadow:0 2px 8px #19202d0a}.stock-item-icon{background:var(--surface-soft);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:11px;font-size:20px;display:flex}.stock-info{flex-direction:column;flex:1;display:flex}.stock-info strong{font-size:13px;font-weight:750}.stock-info span{color:var(--text-soft);margin-top:3px;font-size:11px}.stock-warning{background:var(--orange-soft);color:var(--orange)}.stock-danger{background:var(--red-soft);color:var(--red)}.transaction-list{background:var(--surface);border:1px solid var(--border);border-radius:17px;flex-direction:column;display:flex;overflow:hidden}.transaction-item{border-bottom:1px solid var(--border);align-items:center;min-height:72px;padding:12px;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin-right:11px;font-size:20px;font-weight:700;display:flex}.income-icon{background:var(--green-soft);color:var(--green)}.expense-icon{background:var(--red-soft);color:var(--red)}.transaction-info{flex-direction:column;flex:1;display:flex}.transaction-info strong{font-size:12px;font-weight:750}.transaction-info span{color:var(--text-soft);margin-top:3px;font-size:10px}.transaction-income,.transaction-expense{white-space:nowrap;font-size:11px}.bottom-navigation{width:100%;max-width:520px;height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:100;background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#9298a3;background:0 0;border:none;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:color .2s,background .2s;display:flex}.nav-item span{font-size:9px;font-weight:650}@media (width<=380px){.app-content{padding-left:14px;padding-right:14px}.summary-card{padding:14px}.summary-card strong{font-size:15px}.quick-button{padding:13px}.result-card h3{font-size:24px}.stock-warning,.stock-danger{display:none}}@media (width>=521px){.app-shell{padding:20px 0}.app-container{border-radius:24px;min-height:calc(100vh - 40px);overflow:hidden}.app-header{position:sticky}.bottom-navigation{border:1px solid var(--border);border-radius:20px;width:min(500px,100% - 30px);bottom:20px;box-shadow:0 8px 30px #1419231f}}.auth-loading{color:#707784;background:#f5f6f8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.auth-loading-logo{color:#fff;background:#d9ad2b;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;font-weight:850;display:flex}.auth-loading p{margin:0;font-size:13px}.sub-page{background:var(--bg);min-height:100vh}.sub-page-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:40;align-items:center;gap:12px;height:70px;padding:0 18px;display:flex;position:sticky;top:0}.sub-page-header h1{color:var(--text);margin:0;font-size:18px;font-weight:800}.sub-page-header p{color:var(--text-soft);margin:2px 0 0;font-size:11px}.sub-page-content{padding:18px 18px 35px}.page-hero-card{color:#fff;background:linear-gradient(135deg,#e0b52d,#c79b1e);border-radius:19px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 8px 20px #c79b1e38}.page-hero-icon{background:#ffffff2e;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.page-hero-card span{opacity:.86;font-size:11px;display:block}.page-hero-card strong{margin-top:4px;font-size:23px;display:block}.form-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin-top:16px;padding:18px}.form-section-title{margin-bottom:20px}.form-section-title h2{margin:0;font-size:17px;font-weight:800}.form-section-title p{color:var(--text-soft);margin-top:3px;font-size:11px}.mobile-form-field{margin-top:16px;display:block}.mobile-form-field>span{color:#3c4350;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.mobile-form-field input{width:100%;min-height:50px;color:var(--text);background:#fbfcfd;border:1px solid #dfe2e8;border-radius:14px;outline:none;padding:0 13px;font-size:14px}.mobile-form-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d9ad2b21}.qty-control{background:#fbfcfd;border:1px solid #dfe2e8;border-radius:14px;grid-template-columns:50px 1fr 50px;min-height:50px;display:grid;overflow:hidden}.qty-control button{color:var(--primary-dark);background:0 0;border:none;font-size:22px;font-weight:700}.qty-control strong{border-left:1px solid #e9ebef;border-right:1px solid #e9ebef;justify-content:center;align-items:center;font-size:15px;display:flex}.currency-input{background:#fbfcfd;border:1px solid #dfe2e8;border-radius:14px;align-items:center;min-height:50px;display:flex;overflow:hidden}.currency-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #d9ad2b21}.currency-input>span{color:var(--text-soft);padding-left:13px;font-size:14px;font-weight:700}.currency-input input{box-shadow:none;background:0 0;border:none;min-height:48px}.payment-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.payment-button{color:#737b88;background:#fff;border:1px solid #dfe2e8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;display:flex}.payment-button span{font-size:10px;font-weight:700}.payment-button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.sale-total-box{background:#f8f9fb;border-radius:15px;justify-content:space-between;align-items:center;margin-top:18px;padding:15px;display:flex}.sale-total-box span{color:var(--text-soft);font-size:12px}.sale-total-box strong{color:var(--text);font-size:20px}.form-message{background:var(--primary-soft);color:#8d6d10;border-radius:12px;margin-top:14px;padding:11px 12px;font-size:12px;line-height:1.4}.primary-action-button{background:var(--primary);color:#fff;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:16px;font-size:14px;font-weight:800;display:flex;box-shadow:0 6px 15px #d9ad2b38}.primary-action-button:disabled{opacity:.65;cursor:not-allowed}.sales-count{background:var(--primary-soft);color:var(--primary-dark);border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800}.empty-state{border:1px dashed var(--border);background:var(--surface-soft);min-height:120px;color:var(--text-soft);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 14px;font-size:12px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expense-hero-card{background:linear-gradient(135deg,#dcae2a,#c39218)}.mobile-form-field select{width:100%;min-height:50px;color:var(--text);background:#fbfcfd;border:1px solid #dfe2e8;border-radius:14px;outline:none;padding:0 13px;font-size:14px}.mobile-form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d9ad2b21}.supplier-input{color:#858b95;background:#fbfcfd;border:1px solid #dfe2e8;border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:0 13px;display:flex}.supplier-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #d9ad2b21}.supplier-input input{width:100%;min-height:48px;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.supplier-input input::placeholder{color:#a0a6b0}.expense-history-icon{background:var(--orange-soft);color:var(--orange)}.expense-history-total{color:var(--red)}.stock-hero-card{background:linear-gradient(135deg,#d6aa28,#bd9217)}.stock-page-list{margin-top:24px}.stock-page-list-items{flex-direction:column;gap:10px;display:flex}.stock-page-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:14px;box-shadow:0 3px 10px #19202d0d}.stock-page-main{align-items:center;display:flex}.stock-page-icon{background:var(--primary-soft);width:43px;height:43px;color:var(--primary-dark);border-radius:12px;justify-content:center;align-items:center;margin-right:11px;display:flex}.stock-page-info{flex-direction:column;flex:1;display:flex}.stock-page-info strong{font-size:13px;font-weight:800}.stock-page-info span{color:var(--text-soft);margin-top:3px;font-size:10px}.stock-page-info b{margin-top:4px;font-size:13px}.stock-status{border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800}.stock-status.safe{background:var(--green-soft);color:var(--green)}.stock-status.warning{background:var(--orange-soft);color:var(--orange)}.stock-status.danger{background:var(--red-soft);color:var(--red)}.stock-page-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.stock-page-actions button{border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:11px;font-weight:750;display:flex}.stock-minus-button{background:var(--red-soft);color:var(--red);border:1px solid #f0d2d2}.stock-plus-button{background:var(--green-soft);color:var(--green);border:1px solid #cfe8dc}.stock-form-actions{grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:17px;display:grid}.stock-form-actions .primary-action-button{margin-top:0}.secondary-action-button{border:1px solid var(--border);min-height:52px;color:var(--text-soft);background:#fff;border-radius:15px;font-size:13px;font-weight:750}.stock-action-summary{background:var(--surface-soft);border-radius:13px;flex-direction:column;padding:13px;display:flex}.stock-action-summary strong{font-size:14px}.stock-action-summary span{color:var(--text-soft);margin-top:4px;font-size:11px}.empty-state small{color:var(--text-soft);text-align:center;max-width:240px;font-size:10px}.dashboard-loading-card,.dashboard-error-card{background:var(--surface);border:1px solid var(--border);min-height:130px;box-shadow:var(--shadow);text-align:center;color:var(--text-soft);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.dashboard-error-card strong{color:var(--text);font-size:14px}.dashboard-error-card span{max-width:280px;line-height:1.4}.dashboard-error-card button{background:var(--primary);color:#fff;border:none;border-radius:10px;margin-top:5px;padding:8px 14px;font-size:11px;font-weight:750}.spin-icon{animation:.8s linear infinite spin}.report-period-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.report-period-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-dark);border-radius:12px;justify-content:center;align-items:center;display:flex}.report-period-card span{color:var(--text-soft);font-size:10px;display:block}.report-period-card strong{margin-top:3px;font-size:15px;display:block}.report-period-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.report-period-tab{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text-soft);border-radius:12px;font-size:11px;font-weight:750}.report-period-tab.active{background:var(--primary-soft);color:var(--primary-dark);border-color:var(--primary)}.report-summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.report-summary-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:17px;padding:15px}.report-summary-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.report-summary-card.income .report-summary-icon{background:var(--green-soft);color:var(--green)}.report-summary-card.expense .report-summary-icon{background:var(--orange-soft);color:var(--orange)}.report-summary-card>span{color:var(--text-soft);margin-top:12px;font-size:11px;display:block}.report-summary-card strong{margin-top:4px;font-size:17px;display:block}.report-summary-card small{color:var(--text-soft);margin-top:4px;font-size:9px;display:block}.report-result-card{color:#fff;background:linear-gradient(135deg,#e0b52d,#c79b1e);border-radius:19px;align-items:center;gap:13px;margin-top:12px;padding:18px;display:flex;box-shadow:0 8px 20px #c79b1e38}.report-result-icon{background:#ffffff2e;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.report-result-card span{opacity:.85;font-size:11px;display:block}.report-result-card strong{margin-top:3px;font-size:24px;display:block}.report-result-card small{opacity:.85;margin-top:3px;font-size:9px;display:block}.report-stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;margin-top:12px;padding:15px 17px;display:flex}.report-stat-card span{color:var(--text-soft);flex:1;font-size:11px}.report-stat-card strong{font-size:20px}.report-stat-card small{color:var(--text-soft);font-size:9px}.report-list-section{margin-top:24px}.report-list{flex-direction:column;gap:8px;display:flex}.report-list-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;min-height:66px;padding:11px 12px;display:flex}.report-list-main{flex-direction:column;flex:1;min-width:0;display:flex}.report-list-main strong{font-size:12px}.report-list-main span{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.report-income,.report-expense{white-space:nowrap;font-size:11px}.report-income{color:var(--green)}.report-expense{color:var(--red)}.install-banner{z-index:500;border:1px solid var(--border);-webkit-backdrop-filter:blur(15px);background:#fffffff7;border-radius:17px;align-items:center;gap:11px;width:min(490px,100% - 24px);padding:12px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #19202d29}.install-banner-icon{background:var(--primary-soft);border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.install-banner-content{flex-direction:column;flex:1;min-width:0;display:flex}.install-banner-content strong{color:var(--text);font-size:12px;font-weight:850}.install-banner-content span{color:var(--text-soft);margin-top:2px;font-size:9px;line-height:1.35}.install-banner-content button{background:var(--primary);color:#fff;border:none;border-radius:10px;align-self:flex-start;min-height:34px;margin-top:7px;padding:0 12px;font-size:10px;font-weight:800}.install-banner-close{width:30px;height:30px;color:var(--text-soft);background:0 0;border:none;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;display:flex}.install-banner-close:active{background:var(--surface-soft)}@media (width<=380px){.install-banner{width:calc(100% - 16px);padding:10px;top:9px}.install-banner-content button{margin-top:6px}}.menu-overlay{-webkit-backdrop-filter:blur(2px);z-index:600!important;background:#0f12186b!important;position:fixed!important;inset:0!important}.side-menu{z-index:700!important;box-sizing:border-box!important;background:#fff!important;border-right:1px solid #e6e8ec!important;flex-direction:column!important;width:min(310px,84vw)!important;height:100vh!important;padding:18px 14px!important;animation:.22s ease-out sideMenuIn!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;box-shadow:10px 0 35px #1419232e!important}@keyframes sideMenuIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.side-menu-header{border-bottom:1px solid #eceef1!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:58px!important;padding-bottom:14px!important;display:flex!important}.side-menu-brand{align-items:center!important;gap:10px!important;display:flex!important}.side-menu-brand .header-logo{flex-shrink:0!important}.side-menu-brand>div{flex-direction:column!important;display:flex!important}.side-menu-brand strong{color:#16191f!important;margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;display:block!important}.side-menu-brand span{color:#7f8793!important;margin-top:3px!important;font-size:10px!important;line-height:1.2!important;display:block!important}.side-menu-list{flex-direction:column!important;gap:6px!important;width:100%!important;margin-top:18px!important;display:flex!important}.side-menu-item{appearance:none!important;box-sizing:border-box!important;color:#555d69!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:13px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;margin:0!important;padding:0 13px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;display:flex!important}.side-menu-item svg{flex-shrink:0!important}.side-menu-item:hover,.side-menu-item:active{color:#a77b00!important;background:#fff7dc!important}.side-menu-divider{border-top:1px solid #eceef1!important;width:100%!important;margin-top:auto!important;margin-bottom:12px!important}.side-menu-logout{appearance:none!important;box-sizing:border-box!important;color:#d94747!important;text-align:left!important;cursor:pointer!important;background:#fff0f0!important;border:0!important;border-radius:13px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;margin:0!important;padding:0 13px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;display:flex!important}.side-menu-logout:hover,.side-menu-logout:active{background:#ffe2e2!important}.side-menu .icon-button{color:#66707d!important;background:0 0!important;border:0!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important}.side-menu .icon-button:hover{background:#f3f4f6!important}.welcome-section{padding:4px 2px 10px}.welcome-small{color:var(--text-soft);font-size:11px;font-weight:650}.welcome-section h2{letter-spacing:-.4px;margin:4px 0 3px;font-size:22px;font-weight:850}.welcome-description{color:var(--text-soft);font-size:11px}.summary-card{border-radius:18px;min-height:118px;padding:15px;position:relative;overflow:hidden}.summary-card .summary-icon{border-radius:12px;width:38px;height:38px}.summary-card p{margin-top:13px;font-size:10px;font-weight:650}.summary-card strong{margin-top:4px;font-size:18px;line-height:1.15;display:block}.summary-card>span{opacity:.72;margin-top:6px;font-size:9px;display:block}.home-stock-summary{background:var(--surface);border:1px solid var(--border);border-radius:18px;margin-top:12px;padding:15px;box-shadow:0 4px 14px #19202d0d}.home-stock-summary-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-stock-summary-header>div{flex-direction:column;display:flex}.home-stock-summary-header span{color:var(--text-soft);font-size:10px}.home-stock-summary-header strong{margin-top:3px;font-size:13px}.home-stock-summary-header button{background:var(--primary-soft);color:var(--primary-dark);border:0;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800}.home-stock-summary-body{border-top:1px solid var(--border);align-items:center;gap:11px;margin-top:13px;padding-top:13px;display:flex}.home-stock-mini-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-dark);border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;display:flex}.home-stock-summary-body strong{font-size:12px;display:block}.home-stock-summary-body span{color:var(--text-soft);margin-top:3px;font-size:9px;display:block}.section-block{margin-top:20px}.section-heading h2{margin:0;font-size:15px;font-weight:850}.section-heading p{color:var(--text-soft);margin-top:3px;font-size:10px}.quick-button{text-align:left;border-radius:17px;min-height:104px;padding:14px;box-shadow:0 4px 12px #19202d0d}.quick-button>span{border-radius:11px;width:36px;height:36px}.quick-button strong{margin-top:10px;font-size:12px;display:block}.quick-button small{margin-top:3px;font-size:9px;display:block}.stock-list{flex-direction:column;gap:7px;display:flex}.stock-item{border-radius:14px;min-height:58px;padding:10px 11px}.stock-item-icon{border-radius:10px;width:36px;height:36px}.stock-info strong{font-size:11px}.stock-info span{margin-top:2px;font-size:9px}.stock-warning,.stock-danger{border-radius:8px;padding:5px 7px;font-size:8px;font-weight:800}.transactions-section{padding-bottom:12px}.transaction-list{flex-direction:column;gap:7px;display:flex}.transaction-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-height:62px;padding:10px 11px}.transaction-icon{border-radius:10px;flex:0 0 35px;width:35px;height:35px}.transaction-info strong{font-size:11px}.transaction-info span{margin-top:2px;font-size:9px}.transaction-income,.transaction-expense{font-size:10px}@media (width<=480px){.app-content{padding:14px 14px 100px}.summary-card{min-height:112px}.summary-card strong{font-size:16px}.home-stock-summary{padding:14px}.quick-button{min-height:100px}}.sales-page-header{-webkit-backdrop-filter:blur(12px);background:#fffffff5}.sales-header-text{flex:1}.sales-header-text h1{margin:0;font-size:17px;font-weight:850}.sales-header-text p{color:var(--text-soft);margin:2px 0 0;font-size:10px}.sales-hero-card{color:#fff;background:linear-gradient(135deg,#e3b631,#c99b1d);border-radius:19px;padding:17px;box-shadow:0 10px 24px #c3961830}.sales-hero-top{align-items:center;gap:12px;display:flex}.sales-hero-icon{background:#ffffff2e;border-radius:13px;flex:0 0 43px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.sales-hero-top span{opacity:.84;font-size:10px;display:block}.sales-hero-top strong{margin-top:4px;font-size:24px;line-height:1;display:block}.sales-hero-bottom{opacity:.8;border-top:1px solid #ffffff38;justify-content:space-between;margin-top:15px;padding-top:11px;font-size:9px;display:flex}.sales-form-card{background:#fff;border:1px solid #e8eaee;border-radius:19px;margin-top:14px;padding:17px;box-shadow:0 5px 18px #19202d0d}.sales-form-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.sales-form-header h2{margin:0;font-size:15px;font-weight:850}.sales-form-header p{color:var(--text-soft);margin:3px 0 0;font-size:9px}.sales-field{margin-top:14px;display:block}.sales-field>span{color:#545c68;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.sales-field input{box-sizing:border-box;width:100%;min-height:48px;color:var(--text);background:#fbfcfd;border:1px solid #e0e3e8;border-radius:13px;outline:none;padding:0 12px;font-size:13px}.sales-field input:focus{border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b1f}.sales-two-column{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.sales-qty-control{background:#fbfcfd;border:1px solid #e0e3e8;border-radius:13px;grid-template-columns:42px 1fr 42px;min-height:48px;display:grid;overflow:hidden}.sales-qty-control button{color:#9a7410;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.sales-qty-control strong{border-left:1px solid #eceef1;border-right:1px solid #eceef1;justify-content:center;align-items:center;font-size:13px;display:flex}.sales-price-input{background:#fbfcfd;border:1px solid #e0e3e8;border-radius:13px;align-items:center;min-height:48px;display:flex;overflow:hidden}.sales-price-input:focus-within{border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b1f}.sales-price-input>span{color:#8c939d;padding-left:12px;font-size:12px;font-weight:800}.sales-price-input input{box-shadow:none;background:0 0;border:0;min-height:46px}.sales-payment-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.sales-payment{color:#7b838f;background:#fff;border:1px solid #e0e3e8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:57px;display:flex}.sales-payment span{font-size:9px;font-weight:750}.sales-total-card{background:#f7f8fa;border-radius:14px;justify-content:space-between;align-items:center;margin-top:15px;padding:14px;display:flex}.sales-total-card div{flex-direction:column;display:flex}.sales-total-card span{color:var(--text-soft);font-size:10px}.sales-total-card small{color:#9aa1aa;margin-top:3px;font-size:9px}.sales-total-card strong{font-size:19px}.sales-message{color:#977314;background:#fff8dd;border-radius:11px;margin-top:12px;padding:10px 11px;font-size:10px;line-height:1.4}.sales-save-button{color:#fff;background:linear-gradient(135deg,#d9ad2b,#c39416);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:12px;font-size:12px;font-weight:800;display:flex;box-shadow:0 7px 16px #c99b1d2e}.sales-history-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sales-history-header h2{margin:0;font-size:15px;font-weight:850}.sales-history-header p{color:var(--text-soft);margin:3px 0 0;font-size:9px}.sales-history-count{color:#a77b00;background:#fff7dc;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:850;display:flex}.sales-history-list{flex-direction:column;gap:7px;margin-top:10px;display:flex}.sales-history-card{background:#fff;border:1px solid #e8eaee;border-radius:14px;align-items:center;gap:10px;min-height:65px;padding:10px 11px;display:flex}.sales-history-icon{color:#a77b00;background:#fff7dc;border-radius:11px;flex:0 0 37px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.sales-history-main{flex-direction:column;flex:1;min-width:0;display:flex}.sales-history-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sales-history-amount{white-space:nowrap;color:#1f7a52;font-size:11px}.sales-empty-state{min-height:125px;color:var(--text-soft);text-align:center;background:#fff;border:1px dashed #dfe2e7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:16px;font-size:10px;display:flex}.sales-empty-state strong{color:var(--text);font-size:12px}.sales-empty-icon{color:#a77b00;background:#fff7dc;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}@media (width<=420px){.sales-two-column{grid-template-columns:1fr}.sales-hero-top strong{font-size:22px}}.expense-page{background:#f7f8fa}.expense-page-header{-webkit-backdrop-filter:blur(12px);background:#fffffff5}.expense-header-text{flex:1}.expense-header-text h1{margin:0;font-size:17px;font-weight:850}.expense-header-text p{color:var(--text-soft);margin:2px 0 0;font-size:10px}.expense-page-content{padding:16px 14px 100px}.expense-hero-card{color:#fff;background:linear-gradient(135deg,#e3b631,#c99b1d);border-radius:19px;padding:17px;box-shadow:0 10px 24px #c3961830}.expense-hero-top{align-items:center;gap:12px;display:flex}.expense-hero-icon{background:#ffffff2e;border-radius:13px;flex:0 0 43px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.expense-hero-top span{opacity:.84;font-size:10px;display:block}.expense-hero-top strong{margin-top:4px;font-size:24px;line-height:1;display:block}.expense-hero-bottom{opacity:.8;border-top:1px solid #ffffff38;justify-content:space-between;margin-top:15px;padding-top:11px;font-size:9px;display:flex}.expense-form-card{background:#fff;border:1px solid #e8eaee;border-radius:19px;margin-top:14px;padding:17px;box-shadow:0 5px 18px #19202d0d}.expense-form-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.expense-form-header h2{margin:0;font-size:15px;font-weight:850}.expense-form-header p{color:var(--text-soft);margin:3px 0 0;font-size:9px}.expense-form-badge{color:#a77b00;background:#fff7dc;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:800}.expense-field{margin-top:14px;display:block}.expense-field>span{color:#545c68;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.expense-field input,.expense-field select{box-sizing:border-box;width:100%;min-height:48px;color:var(--text);background:#fbfcfd;border:1px solid #e0e3e8;border-radius:13px;outline:none;padding:0 12px;font-size:13px}.expense-field input:focus,.expense-field select:focus{border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b1f}.expense-two-column{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.expense-qty-control{background:#fbfcfd;border:1px solid #e0e3e8;border-radius:13px;grid-template-columns:42px 1fr 42px;min-height:48px;display:grid;overflow:hidden}.expense-qty-control button{color:#9a7410;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.expense-qty-control strong{border-left:1px solid #eceef1;border-right:1px solid #eceef1;justify-content:center;align-items:center;font-size:13px;display:flex}.expense-price-input{background:#fbfcfd;border:1px solid #e0e3e8;border-radius:13px;align-items:center;min-height:48px;display:flex;overflow:hidden}.expense-price-input:focus-within{border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b1f}.expense-price-input>span{color:#8c939d;padding-left:12px;font-size:12px;font-weight:800}.expense-price-input input{box-shadow:none;background:0 0;border:0;min-height:46px}.expense-payment-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.expense-payment{color:#7b838f;background:#fff;border:1px solid #e0e3e8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:57px;display:flex}.expense-payment span{font-size:9px;font-weight:750}.expense-payment.active{color:#a77b00;background:#fff9e9;border-color:#d5ad32;box-shadow:0 0 0 2px #d9ad2b14}.expense-supplier-input{color:#8c939d;background:#fbfcfd;border:1px solid #e0e3e8;border-radius:13px;align-items:center;gap:9px;min-height:48px;padding:0 12px;display:flex}.expense-supplier-input:focus-within{border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b1f}.expense-supplier-input input{background:0 0;border:0;outline:0;flex:1;min-height:46px}.expense-total-card{background:#f7f8fa;border-radius:14px;justify-content:space-between;align-items:center;margin-top:15px;padding:14px;display:flex}.expense-total-card div{flex-direction:column;display:flex}.expense-total-card span{color:var(--text-soft);font-size:10px}.expense-total-card small{color:#9aa1aa;margin-top:3px;font-size:9px}.expense-total-card strong{font-size:19px}.expense-message{color:#977314;background:#fff8dd;border-radius:11px;margin-top:12px;padding:10px 11px;font-size:10px}.expense-save-button{color:#fff;background:linear-gradient(135deg,#d9ad2b,#c39416);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:12px;font-size:12px;font-weight:800;display:flex;box-shadow:0 7px 16px #c99b1d2e}.expense-save-button:disabled{opacity:.62}.expense-history-section{margin-top:22px}.expense-history-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.expense-history-header h2{margin:0;font-size:15px;font-weight:850}.expense-history-header p{color:var(--text-soft);margin:3px 0 0;font-size:9px}.expense-history-count{color:#d94747;background:#fff0f0;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:850;display:flex}.expense-history-list{flex-direction:column;gap:7px;margin-top:10px;display:flex}.expense-history-card{background:#fff;border:1px solid #e8eaee;border-radius:14px;align-items:center;gap:10px;min-height:65px;padding:10px 11px;display:flex}.expense-history-icon{color:#d94747;background:#fff0f0;border-radius:11px;flex:0 0 37px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.expense-history-main{flex-direction:column;flex:1;min-width:0;display:flex}.expense-history-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.expense-history-main span{color:#69717c;margin-top:3px;font-size:9px}.expense-history-main small{color:#9aa1aa;margin-top:3px;font-size:8px;line-height:1.35}.expense-history-amount{white-space:nowrap;color:#d94747;font-size:11px}.expense-empty-state{min-height:125px;color:var(--text-soft);text-align:center;background:#fff;border:1px dashed #dfe2e7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:16px;font-size:10px;display:flex}.expense-empty-state strong{color:var(--text);font-size:12px}.expense-empty-icon{color:#d94747;background:#fff0f0;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}@media (width<=420px){.expense-two-column{grid-template-columns:1fr}.expense-hero-top strong{font-size:22px}}.expense-v2-page{background:#f7f8fa;min-height:100%}.expense-v2-header{background:#fff;border-bottom:1px solid #e9ebef;align-items:center;gap:10px;min-height:62px;padding:0 14px;display:flex}.expense-v2-icon-button{color:#4e5662;background:#f4f5f7;border:0;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.expense-v2-header-text{flex:1;min-width:0}.expense-v2-header-text h1{color:#20242b;margin:0;font-size:17px;font-weight:850}.expense-v2-header-text p{color:#9299a3;margin:2px 0 0;font-size:10px}.expense-v2-content{padding:14px 14px 105px}.expense-v2-hero{color:#fff;background:linear-gradient(135deg,#e2b432,#c79a1d);border-radius:20px;padding:17px;box-shadow:0 10px 24px #c396182b}.expense-v2-hero-main{align-items:center;gap:12px;display:flex}.expense-v2-hero-icon{background:#ffffff2e;border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.expense-v2-hero-main span{opacity:.84;font-size:10px;display:block}.expense-v2-hero-main strong{margin-top:4px;font-size:24px;line-height:1;display:block}.expense-v2-hero-meta{opacity:.82;border-top:1px solid #ffffff38;justify-content:space-between;margin-top:15px;padding-top:11px;font-size:9px;display:flex}.expense-v2-form{background:#fff;border:1px solid #e8eaee;border-radius:20px;margin-top:14px;padding:17px;box-shadow:0 5px 18px #19202d0d}.expense-v2-form-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px;display:flex}.expense-v2-form-head h2{color:#20242b;margin:0;font-size:15px;font-weight:850}.expense-v2-form-head p{color:#969da6;margin:3px 0 0;font-size:9px}.expense-v2-form-head>span{color:#a77b00;background:#fff7dc;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:800}.expense-v2-field{margin-top:14px;display:block}.expense-v2-field>span{color:#565e69;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.expense-v2-field input,.expense-v2-field select{box-sizing:border-box;color:#343942;background:#fbfcfd;border:1px solid #dfe2e7;border-radius:13px;outline:none;width:100%;min-height:48px;padding:0 12px;font-family:inherit;font-size:13px}.expense-v2-field input:focus,.expense-v2-field select:focus{border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b1c}.expense-v2-grid{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.expense-v2-qty{background:#fbfcfd;border:1px solid #dfe2e7;border-radius:13px;grid-template-columns:42px 1fr 42px;min-height:48px;display:grid;overflow:hidden}.expense-v2-qty button{color:#a17806;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.expense-v2-qty strong{border-left:1px solid #eceef1;border-right:1px solid #eceef1;justify-content:center;align-items:center;font-size:13px;display:flex}.expense-v2-price{background:#fbfcfd;border:1px solid #dfe2e7;border-radius:13px;align-items:center;min-height:48px;display:flex;overflow:hidden}.expense-v2-price>span{color:#8c939d;padding-left:12px;font-size:12px;font-weight:800}.expense-v2-price input{flex:1;box-shadow:none!important;background:0 0!important;border:0!important}.expense-v2-payment{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.expense-v2-payment button{color:#7b838e;background:#fff;border:1px solid #dfe2e7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:57px;display:flex}.expense-v2-payment span{font-size:9px;font-weight:750}.expense-v2-payment button.active{color:#a77b00;background:#fff9e9;border-color:#d5ad32;box-shadow:0 0 0 2px #d9ad2b14}.expense-v2-supplier{color:#8b929c;background:#fbfcfd;border:1px solid #dfe2e7;border-radius:13px;align-items:center;gap:9px;min-height:48px;padding:0 12px;display:flex}.expense-v2-supplier input{flex:1;min-height:46px;padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.expense-v2-total{background:#f7f8fa;border-radius:14px;justify-content:space-between;align-items:center;margin-top:15px;padding:14px;display:flex}.expense-v2-total div{flex-direction:column;display:flex}.expense-v2-total span{color:#8e959f;font-size:10px}.expense-v2-total small{color:#a0a6ae;margin-top:3px;font-size:9px}.expense-v2-total strong{color:#242830;font-size:19px}.expense-v2-message{color:#977314;background:#fff8dd;border-radius:11px;margin-top:12px;padding:10px 11px;font-size:10px}.expense-v2-save{color:#fff;background:linear-gradient(135deg,#d9ad2b,#c39416);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:12px;font-size:12px;font-weight:800;display:flex;box-shadow:0 7px 16px #c99b1d2e}.expense-v2-save:disabled{opacity:.62}.expense-v2-history{margin-top:22px}.expense-v2-history-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.expense-v2-history-head h2{margin:0;font-size:15px;font-weight:850}.expense-v2-history-head p{color:#949ba4;margin:3px 0 0;font-size:9px}.expense-v2-history-head>span{color:#d94747;background:#fff0f0;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:850;display:flex}.expense-v2-list{flex-direction:column;gap:7px;margin-top:10px;display:flex}.expense-v2-item{background:#fff;border:1px solid #e8eaee;border-radius:15px;align-items:center;gap:10px;min-height:70px;padding:11px;display:flex}.expense-v2-item-icon{color:#d94747;background:#fff0f0;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.expense-v2-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.expense-v2-item-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.expense-v2-date{color:#7d8590;margin-top:3px;font-size:9px;font-weight:700}.expense-v2-item-info small{color:#a0a6ae;margin-top:3px;font-size:8px;line-height:1.35}.expense-v2-amount{color:#d94747;white-space:nowrap;flex-shrink:0;font-size:11px}.expense-v2-empty{text-align:center;color:#8d949e;background:#fff;border:1px dashed #dfe2e7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:125px;margin-top:10px;padding:16px;font-size:10px;display:flex}.expense-v2-empty>div{color:#d94747;background:#fff0f0;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.expense-v2-empty strong{color:#282c33;font-size:12px}@media (width<=420px){.expense-v2-grid{grid-template-columns:1fr}.expense-v2-hero-main strong{font-size:22px}}.sales-hero-summary{border-top:1px solid #ffffff38;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding-top:12px;display:grid}.sales-hero-summary>div{flex-direction:column;display:flex}.sales-hero-summary span{opacity:.78;font-size:9px}.sales-hero-summary strong{margin-top:3px;font-size:15px}@media (width<=420px){.sales-hero-summary strong{font-size:14px}}.sales-filter-card{background:#fff;border:1px solid #e8eaee;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:13px;display:flex}.sales-filter-title{flex:1;align-items:center;gap:9px;min-width:150px;display:flex}.sales-filter-icon{color:#a77b00;background:#fff7dc;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sales-filter-title>div:last-child{flex-direction:column;display:flex}.sales-filter-title strong{font-size:10px}.sales-filter-title span{color:#969da6;margin-top:2px;font-size:8px}.sales-filter-select,.sales-date-input{color:#4f5661;background:#fbfcfd;border:1px solid #dfe2e7;border-radius:10px;outline:none;min-height:40px;padding:0 10px;font-family:inherit;font-size:10px}.sales-filter-select:focus,.sales-date-input:focus{border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b1c}.sales-date-input{min-width:140px}@media (width<=420px){.sales-filter-card{align-items:stretch}.sales-filter-title{width:100%;min-width:100%}.sales-filter-select,.sales-date-input{flex:1;width:100%}}.sales-page{background:#f6f7f9}.sales-page-content{padding:12px 14px 100px}.sales-page-header{border-bottom:1px solid #eceef2;min-height:58px;padding:8px 14px}.sales-header-text h1{letter-spacing:-.3px;font-size:18px}.sales-header-text p{font-size:10px}.sales-hero-card{background:linear-gradient(145deg,#d9aa2e 0%,#b98712 100%);border-radius:22px;padding:18px;position:relative;overflow:hidden;box-shadow:0 12px 28px #b185122e}.sales-hero-card:after{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;width:130px;height:130px;position:absolute;top:-58px;right:-48px}.sales-hero-top{z-index:1;position:relative}.sales-hero-icon{background:#ffffff2b;border:1px solid #ffffff24;border-radius:14px;width:42px;height:42px}.sales-hero-top span{letter-spacing:.2px;font-size:10px;font-weight:600}.sales-hero-top strong{letter-spacing:-.6px;margin-top:5px;font-size:25px}.sales-hero-summary{z-index:1;gap:18px;margin-top:17px;padding-top:13px;position:relative}.sales-hero-summary>div{padding-left:1px}.sales-hero-summary span{font-size:9px}.sales-hero-summary strong{font-size:15px;font-weight:800}.sales-filter-card{background:#fff;border:1px solid #e9ebef;border-radius:17px;gap:9px;margin-top:10px;padding:11px;box-shadow:0 4px 15px #181f2a09}.sales-filter-title{min-width:0}.sales-filter-icon{color:#a77b00;background:#fff7df;border-radius:11px;width:36px;height:36px}.sales-filter-title strong{font-size:11px;font-weight:800}.sales-filter-title span{font-size:9px}.sales-filter-select,.sales-date-input{background:#fafbfc;border-color:#e1e4e9;border-radius:11px;min-height:42px;font-size:11px}.sales-form-card{border:1px solid #e8eaee;border-radius:20px;margin-top:10px;padding:17px;box-shadow:0 5px 20px #19202d0b}.sales-form-header{margin-bottom:17px}.sales-form-header h2{letter-spacing:-.2px;font-size:15px;font-weight:850}.sales-form-header p{margin-top:3px;font-size:9px}.sales-form-badge{color:#9b7200;background:#fff7df;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:800}.sales-field{gap:6px}.sales-field>span{color:#656c76;font-size:9px;font-weight:750}.sales-field input{background:#fbfcfd;border:1px solid #e1e4e9;border-radius:12px;min-height:44px;padding:0 12px;font-size:12px}.sales-field input:focus{background:#fff;border-color:#d5ad32}.sales-qty-control{background:#fbfcfd;border:1px solid #e1e4e9;border-radius:12px;min-height:44px}.sales-qty-control button{border-radius:10px;width:42px;min-height:42px;font-size:18px}.sales-qty-control strong{min-width:35px;font-size:13px}.sales-price-input{background:#fbfcfd;border-color:#e1e4e9;border-radius:12px;min-height:44px}.sales-price-input>span{font-size:11px;font-weight:750}.sales-price-input input{min-height:42px;font-size:12px}.sales-payment-grid{gap:8px}.sales-payment{background:#fafbfc;border:1px solid #e3e5e9;border-radius:13px;min-height:48px;font-size:10px;font-weight:700;transition:all .18s}.sales-payment.active{color:#916b00;background:#fff8e4;border-color:#d6ad32;box-shadow:inset 0 0 0 1px #d6ad321f}.sales-total-card{background:#f8f9fb;border:1px solid #eceef1;border-radius:14px;margin-top:14px;padding:13px 14px}.sales-total-card span{font-size:9px;font-weight:750}.sales-total-card small{font-size:8px}.sales-total-card strong{color:#252a32;font-size:17px}.sales-save-button{letter-spacing:.1px;border-radius:14px;min-height:48px;margin-top:12px;font-size:11px;font-weight:800;box-shadow:0 7px 17px #be911829}.sales-save-button:disabled{opacity:.65}.sales-history-section{margin-top:18px}.sales-history-header{margin-bottom:9px}.sales-history-header h2{font-size:14px;font-weight:850}.sales-history-header p{margin-top:2px;font-size:9px}.sales-history-count{color:#987000;background:#fff7df;border-radius:9px;min-width:28px;height:28px;padding:0 8px;font-size:10px;font-weight:850}.sales-history-list{gap:7px}.sales-history-card{background:#fff;border:1px solid #e9ebef;border-radius:15px;padding:11px;box-shadow:0 3px 12px #19202d06}.sales-history-icon{color:#8a6b1d;background:#f8f8fa;border-radius:10px;width:35px;height:35px}.sales-history-main{min-width:0}.sales-history-main strong{font-size:11px;font-weight:800}.sales-history-main span{color:#8d949e;margin-top:2px;font-size:8px}.sales-history-main small{color:#737a84;margin-top:4px;font-size:8px}.sales-history-amount{white-space:nowrap;font-size:11px}.sales-empty-state{background:#fff;border:1px solid #e9ebef;border-radius:16px;padding:30px 15px}.sales-empty-state strong{font-size:11px}.sales-empty-state span{font-size:9px}.sales-range-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:7px;width:100%;display:grid}.sales-range-field{flex-direction:column;gap:4px;min-width:0;display:flex}.sales-range-field span{color:#747b84;font-size:8px;font-weight:750}.sales-range-arrow{color:#a4a9b0;padding-bottom:13px;font-size:12px;font-weight:700}@media (width<=420px){.sales-page-content{padding-left:12px;padding-right:12px}.sales-hero-card{padding:16px}.sales-hero-top strong{font-size:23px}.sales-form-card{padding:15px}.sales-range-inputs{grid-template-columns:1fr;gap:7px}.sales-range-arrow{display:none}}.sales-page{animation:.35s ease-out both salesPageIn}@keyframes salesPageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sales-page-header{box-shadow:0 1px #1419230a}.sales-hero-card{isolation:isolate;transition:transform .22s,box-shadow .22s;animation:.45s cubic-bezier(.2,.8,.2,1) both salesCardIn}.sales-hero-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #b1851238}.sales-hero-card:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-100px;right:-75px}.sales-hero-icon{transition:transform .25s,background .25s}.sales-hero-card:hover .sales-hero-icon{background:#ffffff3b;transform:rotate(-5deg)scale(1.04)}.sales-hero-summary>div{transition:transform .2s}.sales-hero-summary>div:hover{transform:translateY(-2px)}.sales-form-card,.sales-filter-card,.sales-history-card{transition:transform .2s,box-shadow .2s,border-color .2s}.sales-form-card:hover{box-shadow:0 9px 26px #19202d12}.sales-filter-card{animation:.5s ease-out 40ms both salesCardIn}.sales-filter-icon{transition:transform .2s,box-shadow .2s}.sales-filter-card:hover .sales-filter-icon{transform:scale(1.05);box-shadow:0 5px 12px #a77b001f}.sales-filter-select,.sales-date-input{transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}.sales-filter-select:hover,.sales-date-input:hover{background:#fff;border-color:#d7b34a}.sales-range-inputs{animation:.22s ease-out both rangeIn}@keyframes rangeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sales-range-field{transition:transform .18s}.sales-range-field:focus-within{transform:translateY(-1px)}.sales-range-arrow{transition:transform .2s}.sales-range-inputs:hover .sales-range-arrow{transform:translate(2px)}.sales-form-card{animation:.5s ease-out 80ms both salesCardIn}@keyframes salesCardIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.sales-field input,.sales-price-input,.sales-qty-control{transition:border-color .18s,box-shadow .18s,transform .18s}.sales-field input:focus,.sales-price-input:focus-within,.sales-qty-control:focus-within{transform:translateY(-1px);box-shadow:0 0 0 3px #d9ad2b1a,0 5px 14px #1e232d09}.sales-qty-control button{transition:transform .12s,background .15s}.sales-qty-control button:hover{background:#fff7df}.sales-qty-control button:active{transform:scale(.88)}.sales-payment{transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.sales-payment:hover{border-color:#d9b34a;transform:translateY(-2px)}.sales-payment:active{transform:scale(.97)}.sales-payment.active{animation:.2s ease-out both paymentPop}@keyframes paymentPop{0%{transform:scale(.97)}to{transform:scale(1)}}.sales-total-card{position:relative;overflow:hidden}.sales-total-card:after{content:"";pointer-events:none;background:#d9ad2b12;border-radius:50%;width:90px;height:90px;position:absolute;top:-45px;right:-40px}.sales-save-button{transition:transform .16s,box-shadow .18s,filter .18s;position:relative;overflow:hidden}.sales-save-button:after{content:"";pointer-events:none;background:#ffffff2e;width:55%;height:100%;transition:left .45s;position:absolute;top:0;left:-90%;transform:skew(-20deg)}.sales-save-button:hover{filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 10px 22px #be911838}.sales-save-button:hover:after{left:130%}.sales-save-button:active{transform:translateY(0)scale(.98)}.sales-history-section{animation:.5s ease-out .14s both salesCardIn}.sales-history-card{animation:.3s ease-out both historyItemIn}.sales-history-card:hover{border-color:#e1c66d;transform:translateY(-2px);box-shadow:0 8px 20px #19202d0f}.sales-history-icon{transition:transform .2s,background .2s}.sales-history-card:hover .sales-history-icon{background:#fff8e4;transform:scale(1.06)}.sales-empty-state{animation:.35s ease-out both salesCardIn}@keyframes historyItemIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (hover:none){.sales-hero-card:hover,.sales-form-card:hover,.sales-history-card:hover{transform:none}.sales-payment:active{transform:scale(.97)}.sales-save-button:active{transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.sales-page,.sales-hero-card,.sales-filter-card,.sales-form-card,.sales-history-section,.sales-history-card,.sales-range-inputs,.sales-empty-state{transition:none!important;animation:none!important}}@media (width<=600px){.app-shell{background:radial-gradient(circle at 100% 0,#8b5cf61f,#0000 28%),radial-gradient(circle at 0 35%,#3b82f614,#0000 25%),#f5f7fb}.app-container{background:linear-gradient(#f8f9fd 0%,#f3f5fa 100%)}.app-header{background:#fffffff0;border-bottom:1px solid #e2e8f0cc;height:68px;padding:0 15px;box-shadow:0 3px 14px #1e293b0a}.header-logo{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 45%,#ec4899 100%);border-radius:13px;width:39px;height:39px;box-shadow:0 7px 18px #7c3aed3d}.header-title h1{color:#172033;font-size:15px;font-weight:800}.header-title p{color:#8a94a6}.icon-button{color:#4b5563;background:#fff;border-color:#e6eaf0;box-shadow:0 3px 10px #0f172a0d}.icon-button:active{transform:scale(.94)}.app-content{padding:18px 14px 105px}.welcome-section{margin-bottom:18px}.welcome-small{font-weight:750;color:#8b5cf6!important}.welcome-section h2{color:#172033;letter-spacing:-.6px;font-size:23px;font-weight:850}.welcome-description{color:#8a94a6}.summary-grid{gap:11px}.summary-card{color:#fff;border:0;border-radius:20px;min-height:137px;padding:15px;box-shadow:0 10px 24px #1e293b1a}.summary-card.income{background:linear-gradient(145deg,#16a979 0%,#22c55e 100%)}.summary-card.expense{background:linear-gradient(145deg,#f97363 0%,#ef4444 100%)}.summary-card .summary-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff!important;background:#fff3!important}.summary-card p{font-weight:700;color:#ffffffd1!important}.summary-card strong{color:#fff;font-size:18px;font-weight:850}.summary-card>span{color:#ffffffc7}.summary-card:after{background:#ffffff1f;width:105px;height:105px;bottom:-48px;right:-38px}.home-stock-summary{background:linear-gradient(135deg,#fff7df 0%,#ffedd5 100%);border:0;border-radius:20px;margin-top:12px;padding:16px;box-shadow:0 8px 20px #f59e0b14}.home-stock-summary-header span{color:#a16207;font-weight:650}.home-stock-summary-header strong{color:#713f12;font-size:14px}.home-stock-summary-header button{color:#fff;background:#f59e0b;box-shadow:0 5px 12px #f59e0b33}.home-stock-summary-body{border-top-color:#b4781421}.home-stock-mini-icon{color:#f59e0b;background:#fff;box-shadow:0 4px 12px #b478141a}.home-stock-summary-body strong{color:#713f12}.home-stock-summary-body span{color:#a16207}.section-block{margin-top:23px}.section-heading h2{color:#172033;font-size:16px;font-weight:850}.section-heading p{color:#8a94a6}.text-button{color:#7c3aed;font-weight:750}.quick-actions{gap:11px}.quick-button{color:#fff;border:0;border-radius:20px;min-height:116px;padding:15px;box-shadow:0 10px 22px #1e293b1a}.quick-button.sales-button{background:linear-gradient(145deg,#6366f1 0%,#8b5cf6 100%)}.quick-button.expense-button{background:linear-gradient(145deg,#ec4899 0%,#f43f5e 100%)}.quick-button>span{color:#fff!important;background:#fff3!important}.quick-button strong{color:#fff;font-size:13px}.quick-button small{color:#ffffffc7}.stock-list{gap:8px}.stock-item{box-shadow:0 5px 15px #1e293b0e;background:#fff!important;border:0!important;border-radius:16px!important}.stock-item-icon{color:#f59e0b!important;background:#fff4d6!important}.stock-warning{color:#b45309!important;background:#fff3cd!important}.stock-danger{color:#dc2626!important;background:#ffe4e6!important}.transaction-list{background:0 0;gap:8px}.transaction-item{box-shadow:0 5px 15px #1e293b0e;background:#fff!important;border:0!important;border-radius:16px!important}.income-icon{color:#16a34a!important;background:#dcfce7!important}.expense-icon{color:#ef4444!important;background:#ffe4e6!important}.transaction-income{color:#16a34a!important}.transaction-expense{color:#ef4444!important}.empty-state{color:#8a94a6;background:#fff;border:1px dashed #d9deea;border-radius:18px}.bottom-navigation{-webkit-backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ffffffd9;border-radius:22px;width:calc(100% - 20px);max-width:500px;height:72px;padding:7px 6px;bottom:8px;box-shadow:0 12px 35px #0f172a26}.nav-item{color:#9aa3b2;border-radius:16px;transition:transform .18s,background .18s,color .18s}.nav-item.active{color:#7c3aed;background:linear-gradient(135deg,#ede9fe 0%,#fae8ff 100%)}.nav-item.active svg{stroke-width:2.5px}.nav-item span{font-size:9px;font-weight:750}.nav-item:active{transform:scale(.92)}.install-banner{box-shadow:0 12px 28px #7c3aed38;color:#fff!important;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#ec4899 100%)!important;border:0!important;border-radius:20px!important}.install-banner-content strong,.install-banner-content span{color:#fff!important}.install-banner-content button{color:#7c3aed!important;background:#fff!important}.install-banner-close{color:#ffffffd9!important}.dashboard-loading-card{box-shadow:0 8px 20px #1e293b0f;background:#fff!important;border:0!important;border-radius:20px!important}.dashboard-loading-card svg{color:#8b5cf6}.dashboard-error-card{color:#9f1239!important;background:#fff1f2!important;border:0!important;border-radius:20px!important}@media (width<=380px){.app-content{padding-left:12px;padding-right:12px}.summary-grid{gap:9px}.summary-card{border-radius:18px;min-height:130px;padding:14px}.summary-card strong{font-size:16px}.quick-actions{gap:9px}.quick-button{min-height:108px;padding:13px}.bottom-navigation{width:calc(100% - 14px);bottom:6px}}}:root{--dm-cream:#fffaf3;--dm-white:#fff;--dm-red:#c83b32;--dm-red-dark:#a92d27;--dm-gold:#d8a84e;--dm-text:#292522;--dm-muted:#8b8178;--dm-border:#eee5dc;--dm-soft-red:#fff0ed;--dm-soft-gold:#fff7df;--dm-shadow:0 10px 30px #4a2f1e14}body{color:var(--dm-text);background:var(--dm-cream)!important}.app-container{background:0 0!important}.app-header{border-bottom:1px solid var(--dm-border)!important;background:#fffaf3f5!important;box-shadow:0 4px 20px #4a2f1e0a!important}.header-logo{box-shadow:0 8px 18px #c83b3238;background:linear-gradient(135deg, var(--dm-red), var(--dm-red-dark))!important;color:#fff!important;border-radius:14px!important;font-weight:800!important}.header-title{color:var(--dm-text)!important;font-weight:800!important}.welcome-section{position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#c83b32 0%,#b52f29 58%,#8f2622 100%)!important;border-radius:26px!important;padding:24px!important;box-shadow:0 16px 35px #c83b3233!important}.welcome-section:after{content:"??";opacity:.16;font-size:82px;position:absolute;bottom:-12px;right:20px;transform:rotate(-12deg)}.welcome-small,.welcome-description{color:#ffffffd1!important}.summary-card{background:var(--dm-white)!important;border:1px solid var(--dm-border)!important;box-shadow:var(--dm-shadow)!important;border-radius:22px!important;padding:18px!important}.summary-icon{border-radius:14px!important}.quick-button{transition:transform .18s,box-shadow .18s;border:1px solid var(--dm-border)!important;background:var(--dm-white)!important;box-shadow:var(--dm-shadow)!important;border-radius:20px!important}.quick-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4a2f1e1f!important}.quick-button span{border-radius:14px!important}.sales-button span{background:var(--dm-soft-red)!important;color:var(--dm-red)!important}.expense-button span{background:var(--dm-soft-gold)!important;color:#a87917!important}.home-stock-summary,.stock-item{background:var(--dm-white)!important;border:1px solid var(--dm-border)!important;box-shadow:var(--dm-shadow)!important;border-radius:20px!important}.home-stock-mini-icon,.stock-item-icon{background:var(--dm-soft-gold)!important;color:#a87917!important;border-radius:14px!important}.stock-warning{color:#b47713!important}.stock-danger{color:var(--dm-red)!important}.transaction-item{background:var(--dm-white)!important;border:1px solid var(--dm-border)!important;border-radius:18px!important;margin-bottom:10px!important;box-shadow:0 6px 20px #4a2f1e0d!important}.transaction-income{color:#2f8a57!important}.transaction-expense{color:var(--dm-red)!important}.section-heading h2,.section-heading h3{color:var(--dm-text)!important;font-weight:800!important}.text-button{color:var(--dm-red)!important;font-weight:700!important}.bottom-navigation{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--dm-border)!important;background:#fffffff7!important;box-shadow:0 -8px 28px #4a2f1e14!important}.nav-item{color:#9a9087!important;border-radius:16px!important}.primary-action-button,.sales-save-button,.expense-save-button{background:linear-gradient(135deg, var(--dm-red), var(--dm-red-dark))!important;color:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 10px 22px #c83b3233!important}.side-menu{background:var(--dm-white)!important}.side-menu-brand{color:var(--dm-red)!important}.side-menu-item{border-radius:14px!important}.side-menu-item:hover{background:var(--dm-soft-red)!important;color:var(--dm-red)!important}.install-banner{background:var(--dm-white)!important;border:1px solid var(--dm-border)!important;border-radius:20px!important;box-shadow:0 16px 40px #4a2f1e24!important}.install-banner-icon{background:var(--dm-soft-red)!important;color:var(--dm-red)!important;border-radius:14px!important}@media (width<=640px){.app-content{padding-left:14px!important;padding-right:14px!important}.welcome-section{margin-top:4px;border-radius:24px!important}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.summary-card{border-radius:20px!important;padding:16px!important}.quick-button{min-height:104px!important}.bottom-navigation{padding-bottom:max(8px, env(safe-area-inset-bottom))!important}}:root{--dm-red:#d23830;--dm-red-dark:#a92520;--dm-red-soft:#fff0ee;--dm-gold:#dcae48;--dm-gold-dark:#b98418;--dm-gold-soft:#fff7df;--dm-cream:#fffaf4;--dm-white:#fff;--dm-ink:#211d1a;--dm-muted:#8e847c;--dm-line:#eee4da}body{background:var(--dm-cream)!important}.app-shell{background:radial-gradient(circle at 8% 12%,#d8a84e17,#0000 24%),radial-gradient(circle at 92% 42%,#d238300f,#0000 26%),linear-gradient(#fffaf4 0%,#fffdf9 55%,#fff8f0 100%)!important}.app-header{-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#fffaf4f0!important;border-bottom:1px solid #dcccbe8c!important;box-shadow:0 5px 22px #4b2b1b0a!important}.header-logo{position:relative;background:linear-gradient(145deg,#e3483e,#bd2d27)!important;border-radius:15px!important;width:44px!important;min-width:44px!important;height:44px!important;font-size:13px!important;font-weight:900!important;box-shadow:0 9px 18px #d238303d,inset 0 1px #ffffff38!important}.header-logo:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 3px 9px #4a2b1b1f}.welcome-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#d94138 0%,#c5302b 52%,#a92520 100%)!important;border-radius:28px!important;padding:26px!important;box-shadow:0 18px 38px #ba2b2333,inset 0 1px #ffffff1f!important}.welcome-section:before{content:"";border:1px solid #ffffff1f;border-radius:50%;width:190px;height:190px;position:absolute;top:-88px;right:-72px;box-shadow:0 0 0 28px #ffffff09,0 0 0 56px #ffffff06}.welcome-section:after{content:"";background:#ffffff21;border-radius:50% 50% 45% 45%;width:58px;height:42px;position:absolute;bottom:16px;right:24px;transform:rotate(-12deg)}.welcome-section h2{z-index:2;position:relative;letter-spacing:-.7px!important;font-size:clamp(25px,6vw,32px)!important;line-height:1.05!important}.welcome-description{z-index:2;position:relative;max-width:82%!important;font-size:12px!important}.summary-grid{gap:14px!important}.summary-card{min-height:166px;position:relative;overflow:hidden;border:1px solid var(--dm-line)!important;background:#fffffff5!important;border-radius:24px!important;box-shadow:0 14px 34px #4a2b1b17!important}.summary-card:after{content:"";background:#d2383009;border-radius:50%;width:88px;height:88px;position:absolute;bottom:-38px;right:-35px}.summary-card.expense:after{background:#dcae480f}.summary-card.income{border-top:3px solid var(--dm-red)!important}.summary-card.expense{border-top:3px solid var(--dm-gold)!important}.summary-icon{box-shadow:0 5px 12px #4a2b1b0f;border-radius:15px!important;width:44px!important;height:44px!important}.summary-card.income .summary-icon{background:var(--dm-red-soft)!important;color:var(--dm-red)!important}.summary-card.expense .summary-icon{background:var(--dm-gold-soft)!important;color:var(--dm-gold-dark)!important}.home-stock-summary{border:1px solid var(--dm-line)!important;background:#fffffff5!important;border-radius:24px!important;box-shadow:0 10px 28px #4a2b1b12!important}.home-stock-mini-icon{width:45px!important;height:45px!important;color:var(--dm-gold-dark)!important;background:linear-gradient(145deg,#fff6d9,#ffefbf)!important;border-radius:15px!important}.quick-actions{gap:13px!important}.quick-button{position:relative;overflow:hidden;border:1px solid var(--dm-line)!important;background:linear-gradient(145deg,#fff,#fffaf6)!important;border-radius:24px!important;min-height:126px!important;padding:16px!important;box-shadow:0 10px 25px #4a2b1b12!important}.quick-button:after{content:"";background:#d238300b;border-radius:50%;width:92px;height:92px;position:absolute;bottom:-38px;right:-32px}.quick-button span{border-radius:16px!important;justify-content:center!important;align-items:center!important;width:46px!important;height:46px!important;margin-bottom:12px!important;display:flex!important}.sales-button span{color:var(--dm-red)!important;background:linear-gradient(145deg,#fff0ed,#ffe3df)!important}.transaction-item{border:1px solid var(--dm-line)!important;background:#fffffff5!important;border-radius:19px!important;box-shadow:0 6px 18px #4a2b1b0e!important}.transaction-icon{border-radius:14px!important;width:42px!important;height:42px!important}.bottom-navigation{-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#fffffff7!important;border:1px solid #e2d3c7d9!important;border-radius:24px!important;width:calc(100% - 28px)!important;max-width:560px!important;padding:8px!important;bottom:12px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 18px 42px #4a2b1b24!important}.nav-item{color:#9b9189!important;border-radius:18px!important;min-height:58px!important}.nav-item.active{color:var(--dm-red)!important;background:linear-gradient(145deg,#fff0ed,#ffe8e4)!important}.nav-item.active svg{stroke-width:2.5px!important}@media (width<=640px){.app-content{padding-bottom:120px!important;padding-left:14px!important;padding-right:14px!important}.welcome-section{border-radius:26px!important;margin-top:8px!important}.quick-button{min-height:124px!important}.bottom-navigation{width:calc(100% - 24px)!important;bottom:10px!important}}.welcome-section h2,.welcome-section h1,.welcome-section p,.welcome-section span,.welcome-section strong{color:#fff!important}.welcome-section h2{font-weight:850!important}.welcome-description{color:#ffffffe6!important}.header-logo:after{display:none!important}.summary-card{color:#211d1a!important}.summary-card p{color:#756b63!important}.summary-card strong{color:#211d1a!important;font-size:21px!important;font-weight:850!important;line-height:1.2!important;display:block!important}.summary-card>span,.summary-card span{color:#9a9088!important}.summary-card.income .summary-icon{color:#d23830!important;background:#fff0ed!important}.summary-card.expense .summary-icon{color:#b98418!important;background:#fff6dc!important}.summary-card{min-height:145px!important;padding:17px!important}.summary-card .summary-icon{margin-bottom:12px!important}.summary-card p{margin-bottom:5px!important;font-size:12px!important;font-weight:600!important}.quick-button strong{color:#211d1a!important}.quick-button small{color:#8e847c!important}.home-stock-summary,.home-stock-summary strong,.home-stock-summary span,.section-heading h2{color:#211d1a!important}.section-heading p{color:#8e847c!important}@media (width<=640px){.summary-card{min-height:145px!important}.summary-card strong{font-size:20px!important}.welcome-section h2{font-size:26px!important}}.app-shell{isolation:isolate;position:relative}.app-shell:before{content:"";pointer-events:none;z-index:-1;opacity:.055;background-image:url(/images/dimsum-hero.svg);background-position:110% 88%;background-repeat:no-repeat;background-size:250px;position:fixed;inset:0}.welcome-section{background:linear-gradient(120deg,#dc4037 0%,#c9322d 55%,#a92520 100%)!important;min-height:158px!important;padding:25px 26px!important}.welcome-section:after{content:"";opacity:.98;z-index:1;background:url(/images/dimsum-hero.svg) 50%/contain no-repeat;width:220px;height:145px;position:absolute;bottom:-3px;right:-8px;transform:none}.welcome-section h2,.welcome-section p,.welcome-section .welcome-small{z-index:3;position:relative}.welcome-description{max-width:58%!important}.summary-card.income{background:linear-gradient(145deg,#fff 0%,#fff9f7 100%)!important}.summary-card.income:before{content:"";background:radial-gradient(circle,#d238301a 0 22%,#0000 23%),linear-gradient(145deg,#0000,#d238300a);border-radius:50%;width:72px;height:72px;position:absolute;top:14px;right:14px}.summary-card.income:after{content:"Rp";color:#d238300b;font-size:52px;font-weight:900;position:absolute;bottom:5px;right:12px;transform:rotate(-12deg)}.summary-card.expense{background:linear-gradient(145deg,#fff 0%,#fffdf7 100%)!important}.summary-card.expense:after{content:"RM";color:#b984180e;font-size:45px;font-weight:900;position:absolute;bottom:5px;right:8px;transform:rotate(-12deg)}.home-stock-summary{position:relative;overflow:hidden}.home-stock-summary:after{content:"";opacity:.72;pointer-events:none;background:url(/images/dimsum-ingredients.svg) 50%/contain no-repeat;width:155px;height:95px;position:absolute;bottom:-8px;right:80px}.home-stock-summary-header,.home-stock-summary-body{z-index:2;position:relative}.quick-button{min-height:132px!important}.sales-button{color:#fff!important;background:linear-gradient(135deg,#df4138 0%,#bf2d28 100%)!important;border-color:#0000!important;box-shadow:0 14px 28px #d2383033!important}.sales-button strong,.sales-button small{color:#fff!important}.sales-button:after{content:"";opacity:.16;background:url(/images/dimsum-hero.svg) 50%/contain no-repeat;width:135px;height:135px;position:absolute;bottom:-25px;right:-20px}.expense-button:after{content:"";opacity:.18;background:url(/images/dimsum-ingredients.svg) 50%/contain no-repeat;width:110px;height:110px;position:absolute;bottom:-20px;right:-18px}.quick-button span{border-radius:17px!important;width:48px!important;height:48px!important}.sales-button span{color:#d23830!important;background:#fff!important;box-shadow:0 7px 16px #461e1429!important}.expense-button span{color:#b98418!important;background:linear-gradient(145deg,#fff8df,#ffeab5)!important}.section-heading{position:relative}.section-heading:before{content:"";vertical-align:-3px;background:linear-gradient(#d23830,#e2b34e);border-radius:8px;width:6px;height:20px;margin-right:9px;display:inline-block}.home-stock-summary-header button{z-index:5;position:relative;color:#fff!important;background:linear-gradient(135deg,#e7b63e,#cf971d)!important;box-shadow:0 7px 15px #c9911d33!important}.bottom-navigation{border-radius:27px!important;padding:7px!important;box-shadow:0 20px 45px #4a2b1b29,0 3px 10px #4a2b1b0f!important}.nav-item.active{background:linear-gradient(145deg,#fff0ed,#ffe1dc)!important}.nav-item.active:before{background:linear-gradient(90deg,#d23830,#e2b34e)!important;width:25px!important;height:3px!important}@media (width<=640px){.welcome-section{min-height:145px!important;padding:23px 22px!important}.welcome-section:after{opacity:.9;width:165px;height:112px;bottom:-3px;right:-18px}.welcome-section h2{max-width:72%!important;font-size:25px!important}.welcome-description{max-width:67%!important;font-size:11px!important}.home-stock-summary:after{width:120px;height:75px;right:72px}.quick-button{min-height:130px!important}}.section-heading{text-align:left!important;width:100%!important;display:block!important}.section-heading:before{float:left;margin-top:1px}.section-heading h2,.section-heading p{text-align:left!important}.welcome-section:after{opacity:.82!important;width:185px!important;height:125px!important;bottom:-1px!important;right:-2px!important}.welcome-section h2{max-width:67%!important}.home-stock-summary:after{opacity:.78!important;width:145px!important;height:90px!important;bottom:-4px!important;right:62px!important}.quick-button{justify-content:flex-start!important}.quick-button strong{font-size:16px!important;line-height:1.2!important}.quick-button small{font-size:11px!important;line-height:1.3!important}.sales-button{min-height:138px!important}.sales-button span{width:50px!important;height:50px!important}.quick-button:before{content:"";border:1px solid #d2383014;border-radius:50%;width:105px;height:105px;position:absolute;top:-30px;right:-30px}.expense-button:before{border-color:#dcae481f}.summary-card.income:before{content:"";background:#d238301a;border-radius:50%;width:12px;height:12px;position:absolute;top:18px;right:16px;box-shadow:20px 16px #d238300b,-14px 28px #d2383009}.app-shell:after{content:"";pointer-events:none;opacity:.025;z-index:-1;background:url(/images/dimsum-hero.svg) 50%/contain no-repeat;width:145px;height:145px;position:fixed;bottom:120px;left:-55px;transform:rotate(-12deg)}@media (width<=640px){.welcome-section:after{opacity:.76!important;width:165px!important;height:112px!important;right:-8px!important}.welcome-section h2{max-width:68%!important;font-size:25px!important}.welcome-description{max-width:64%!important}.home-stock-summary:after{width:125px!important;height:78px!important;right:62px!important}.quick-button{min-height:132px!important}.sales-button{min-height:138px!important}}.header-logo{background:#d23830!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;overflow:hidden!important}.header-logo img{object-fit:cover!important;object-position:center!important;border-radius:inherit!important;width:100%!important;height:100%!important;display:block!important}.side-menu-brand .header-logo{border-radius:18px!important;width:58px!important;min-width:58px!important;height:58px!important;box-shadow:0 9px 22px #d2383038!important}.app-header .header-logo{border-radius:15px!important;width:46px!important;min-width:46px!important;height:46px!important}@media (width<=640px){.app-header .header-logo{width:46px!important;min-width:46px!important;height:46px!important}}@media (width<=768px){.app-shell,.app-main,.sub-page,.expense-v2-page{background:#f5f7fb!important}button{-webkit-tap-highlight-color:transparent}.sales-page{background:#f3f8f6!important}.sales-page-header{background:#fff!important;border-bottom:1px solid #e5eee9!important}.sales-hero-card{color:#fff!important;background:radial-gradient(circle at 100% 0,#ffffff29,#0000 35%),linear-gradient(135deg,#08a873 0%,#087f5b 100%)!important;border:none!important;box-shadow:0 12px 28px #087f5b33!important}.sales-hero-card *,.sales-hero-card strong,.sales-hero-card span,.sales-hero-card p{color:#fff!important}.sales-hero-icon{color:#fff!important;background:#ffffff2e!important}.sales-filter-card,.sales-form-card,.sales-history-card{background:#fff!important;border:1px solid #e5eee9!important;box-shadow:0 8px 24px #1432280f!important}.sales-filter-icon{color:#08a873!important;background:#e5f8f0!important}.sales-form-badge{color:#07865f!important;background:#e7f8f1!important}.sales-payment-grid button,.sales-payment-grid>button{background:#f8fafc!important;border:1px solid #dfe5eb!important}.sales-payment-grid button.active,.sales-payment-grid button.selected,.sales-payment-grid>button.active,.sales-payment-grid>button.selected{color:#087f5b!important;background:#e6f8f0!important;border-color:#08a873!important}.sales-total-card{background:linear-gradient(135deg,#eefaf5,#fff)!important;border:1px solid #d9eee5!important}.sales-save-button{color:#fff!important;background:linear-gradient(135deg,#08b27c,#07865f)!important;box-shadow:0 10px 22px #08865f38!important}.sales-history-count{color:#07865f!important;background:#e7f8f1!important}.sales-history-icon{color:#08a873!important;background:#e7f8f1!important}.sales-history-amount,.transaction-income{color:#079267!important}.expense-v2-page{background:#fff8f1!important}.expense-v2-header{background:#fff!important;border-bottom:1px solid #f5e4d2!important}.expense-v2-hero{color:#fff!important;background:radial-gradient(circle at 100% 0,#ffffff29,#0000 35%),linear-gradient(135deg,#ff9800 0%,#f05a0a 100%)!important;border:none!important;box-shadow:0 12px 28px #f05a0a33!important}.expense-v2-hero *,.expense-v2-hero strong,.expense-v2-hero span,.expense-v2-hero p{color:#fff!important}.expense-v2-hero-icon{color:#fff!important;background:#ffffff2e!important}.expense-v2-form,.expense-v2-history,.expense-v2-item{background:#fff!important;border:1px solid #f3e4d6!important;box-shadow:0 8px 24px #643c140f!important}.expense-v2-form-head{border-bottom-color:#f2e3d5!important}.expense-v2-payment button,.expense-v2-payment>button{background:#fafafa!important;border:1px solid #e4e7eb!important}.expense-v2-payment button.active,.expense-v2-payment button.selected,.expense-v2-payment>button.active,.expense-v2-payment>button.selected{color:#e87500!important;background:#fff1df!important;border-color:#ff9800!important}.expense-v2-total{background:linear-gradient(135deg,#fff3e3,#fff)!important;border:1px solid #f6dfc4!important}.expense-v2-save{color:#fff!important;background:linear-gradient(135deg,#ff9f19,#f05a0a)!important;box-shadow:0 10px 22px #f05a0a33!important}.expense-v2-item-icon{color:#ed7200!important;background:#fff0df!important}.expense-v2-amount,.report-expense{color:#ef6500!important}.stock-hero-card{color:#fff!important;background:radial-gradient(circle at 100% 0,#fff3,#0000 35%),linear-gradient(135deg,#f5b700 0%,#d99100 100%)!important;border:none!important;box-shadow:0 12px 28px #d9910033!important}.stock-hero-card *,.stock-hero-card strong,.stock-hero-card span{color:#fff!important}.page-hero-icon{color:#fff!important;background:#ffffff2e!important}.stock-page-list,.form-card,.stock-page-card{background:#fff!important;border:1px solid #f0e5c8!important;box-shadow:0 8px 24px #5a46140f!important}.form-section-title{color:#9a6800!important}.mobile-form-field:focus-within{border-color:#e3a900!important}.primary-action-button,.stock-plus-button{color:#fff!important;background:linear-gradient(135deg,#f5b700,#d99100)!important;border-color:#0000!important;box-shadow:0 8px 18px #d991002e!important}.secondary-action-button,.stock-minus-button{color:#b77b00!important;background:#fff7df!important;border-color:#f0d58b!important}.stock-page-icon{color:#c58a00!important;background:#fff4d5!important}.stock-warning{color:#a86f00!important;background:#fff1c7!important}.stock-danger{color:#c63d2d!important;background:#ffe3df!important}.report-period-card{color:#fff!important;background:radial-gradient(circle at 100% 0,#ffffff29,#0000 35%),linear-gradient(135deg,#7357e8 0%,#4f46b8 100%)!important;border:none!important;box-shadow:0 12px 28px #4f46b833!important}.report-period-card *,.report-period-card strong,.report-period-card span{color:#fff!important}.report-period-icon{color:#fff!important;background:#ffffff2e!important}.report-period-tabs{background:#fff!important;border:1px solid #e6e1fa!important;border-radius:14px!important;padding:4px!important}.report-period-tabs button{color:#77728d!important;background:0 0!important}.report-period-tabs button.active{color:#5c4bc5!important;background:#eeeafd!important}.report-summary-card,.report-result-card,.report-stat-card,.report-list-section,.report-list-item{background:#fff!important;border:1px solid #e7e3f7!important;box-shadow:0 8px 24px #4132780f!important}.report-summary-card.income .report-summary-icon{color:#079267!important;background:#e5f8f0!important}.report-summary-card.expense .report-summary-icon{color:#ed7200!important;background:#fff0df!important}.report-result-icon{color:#604dcc!important;background:#eeeafd!important}.report-income{color:#079267!important}.report-expense{color:#ed6500!important}input,select,textarea{background:#fff!important}input:focus,select:focus,textarea:focus{outline:none!important;box-shadow:0 0 0 3px #7357e81a!important}.empty-state,.sales-empty-state,.expense-v2-empty{background:#fff!important;border:1px dashed #dfe4ec!important}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5!important;border:1px solid #e4e7ed!important;box-shadow:0 -8px 28px #141e321a!important}.bottom-nav-item.active{color:#c58a00!important;background:#fff4d5!important}.bottom-nav-item:nth-child(2).active{color:#079267!important;background:#e5f8f0!important}.bottom-nav-item:nth-child(3).active{color:#ed7200!important;background:#fff0df!important}.bottom-nav-item:nth-child(4).active{color:#b77b00!important;background:#fff4d5!important}.bottom-nav-item:nth-child(5).active{color:#604dcc!important;background:#eeeafd!important}}