@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Arial,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}:root{color:#29251d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--gold:#d99a16;--gold-light:#fff1c9;--dark:#29251d;--muted:#8b877e;--border:#eeeae1;background:#f8f7f3;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#fff;flex-direction:column;flex-shrink:0;width:255px;min-height:100vh;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;padding:5px 8px 38px;display:flex}.brand-icon{background:var(--gold);border-radius:14px;place-items:center;width:46px;height:46px;font-size:25px;display:grid}.brand h2{margin:0;font-size:17px;font-weight:700}.brand span{color:#efbd4f;letter-spacing:4px;font-size:11px;font-weight:700}.menu-label{color:#a9a397;letter-spacing:1.5px;padding:0 12px 14px;font-size:10px}.sidebar-menu{flex-direction:column;gap:7px;display:flex}.menu-item{color:#c7c2b7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:13px 14px;font-size:13px;transition:all .2s;display:flex}.menu-item:hover,.menu-item.active{background:var(--gold);color:#29251d;font-weight:700}.menu-icon{text-align:center;width:20px;font-size:17px}.sidebar-bottom{border-top:1px solid #494438;align-items:center;gap:10px;margin-top:auto;padding:20px 5px 0;display:flex}.profile-avatar,.top-avatar{color:#29251d;background:#f3c65d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.profile-info{flex-direction:column;flex:1;gap:4px;display:flex}.profile-info strong{font-size:12px}.profile-info span{color:#aaa397;font-size:10px}.profile-dots{color:#aaa397}.main-content{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:30px 36px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.breadcrumb{color:var(--muted);margin-bottom:8px;font-size:12px}.topbar h1{margin:0;font-size:26px;font-weight:750}.topbar-right{align-items:center;gap:16px;display:flex}.today-label{color:#756f63;font-size:12px}.welcome-banner{background:linear-gradient(110deg,#f2bd42,#ffdf91);border-radius:16px;justify-content:space-between;align-items:center;min-height:165px;margin-bottom:24px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.welcome-tag{letter-spacing:2px;color:#73500c;font-size:10px;font-weight:800}.welcome-banner h2{color:#382a10;margin:12px 0 7px;font-size:23px}.welcome-banner p{color:#735a28;margin:0;font-size:13px}.banner-decoration{opacity:.85;padding-right:30px;font-size:100px;transform:rotate(-15deg)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:13px;min-width:0;padding:19px}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{background:var(--gold-light);border-radius:11px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.stat-menu{color:#aaa397}.stat-card p{color:#777166;margin:17px 0 8px;font-size:12px}.stat-card h3{color:var(--dark);margin:0 0 7px;font-size:25px}.stat-note{color:#aaa397;font-size:10px}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:20px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:13px;min-width:0;padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h3{margin:0;font-size:15px}.panel-heading p{color:var(--muted);margin:7px 0 0;font-size:11px}.period-label{color:#8a6418;background:var(--gold-light);white-space:nowrap;border-radius:7px;padding:8px 11px;font-size:10px}.chart-placeholder{gap:15px;height:205px;margin-top:28px;display:flex}.chart-y-labels{color:#aaa397;flex-direction:column;justify-content:space-between;padding-bottom:22px;font-size:10px;display:flex}.chart-bars{border-bottom:1px solid var(--border);background:repeating-linear-gradient(#0000 0 48px,#f1eee7 49px,#0000 50px);flex:1;justify-content:space-around;align-items:stretch;gap:12px;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.bar-track{align-items:flex-end;width:min(27px,75%);height:165px;display:flex}.bar-fill{background:linear-gradient(#f5cb61,#d99a16);border-radius:6px 6px 0 0;width:100%}.chart-column span{color:#888174;padding-bottom:7px;font-size:10px}.chart-footnote{color:#aaa397;margin-top:14px;font-size:10px}.quick-menu{flex-direction:column;gap:10px;margin-top:22px;display:flex}.quick-item{border:1px solid var(--border);text-align:left;background:#fffefa;border-radius:9px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.quick-item:hover{border-color:var(--gold);background:#fff9e9}.quick-icon{background:var(--gold-light);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.quick-item strong{flex:1;font-size:11px}.quick-arrow{color:var(--gold);font-size:18px}.activity-panel{margin-bottom:25px}.text-button{color:#b27b0e;background:0 0;border:0;font-size:11px;font-weight:700}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;display:flex}.empty-state>span{font-size:30px}.empty-state strong{font-size:12px}.empty-state p{color:var(--muted);margin:0;font-size:10px}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.coming-icon{font-size:45px}.coming-soon h2{margin-bottom:5px}.coming-soon p{color:var(--muted);font-size:13px}.coming-soon button{background:var(--gold);color:#29251d;border:0;border-radius:8px;margin-top:15px;padding:11px 18px;font-weight:700}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{width:70px;padding:20px 9px}.brand{justify-content:center;padding:5px 0 30px}.brand>div:last-child,.menu-label,.menu-item>span:last-child,.profile-info,.profile-dots{display:none}.menu-item{justify-content:center;padding:13px 5px}.menu-icon{font-size:19px}.sidebar-bottom{justify-content:center}.main-content{padding:20px 14px}.topbar h1{font-size:21px}.today-label{display:none}.welcome-banner{padding:23px 20px}.welcome-banner h2{font-size:18px}.banner-decoration{padding:0;font-size:60px}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-card h3{font-size:21px}.panel{padding:16px}}.login-screen{background:#fffaf0;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-decoration{color:#fff;background:linear-gradient(145deg,#29251d,#51401f);flex-direction:column;justify-content:center;padding:12%;display:flex}.login-decoration>span{font-size:90px}.login-decoration p{color:#f5c542;letter-spacing:4px;font-size:12px;font-weight:800}.login-decoration h1{font-size:clamp(30px,4vw,48px);line-height:1.2}.login-decoration small{color:#d9cba8}.login-box{width:min(420px,85%);margin:auto;padding:30px 0}.login-logo{background:#f5c542;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:28px;font-size:30px;display:grid}.login-eyebrow{color:#b27b0e;letter-spacing:2px;font-size:11px;font-weight:800}.login-box h2{margin:10px 0;font-size:29px}.login-box>p{color:#888174;margin-bottom:30px;font-size:13px}.login-box form{flex-direction:column;gap:12px;display:flex}.login-box label{margin-top:8px;font-size:12px;font-weight:700}.login-box input{width:100%;font:inherit;background:#fff;border:1px solid #e8e0d0;border-radius:9px;outline:none;padding:14px}.login-box input:focus{border-color:#d99a16}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:85px}.password-field button{color:#a87917;background:0 0;border:0;font-size:11px;position:absolute;right:10px}.login-submit{color:#29251d;background:#d99a16;border:0;border-radius:9px;margin-top:15px;padding:15px;font-weight:800}.login-submit:disabled{opacity:.6;cursor:wait}.login-error{color:#c0392b;background:#fff0ed;border-radius:7px;padding:10px;font-size:12px}.login-footer{text-align:center;color:#aaa397;margin-top:35px;font-size:11px;display:block}@media (width<=700px){.login-screen{grid-template-columns:1fr}.login-decoration{min-height:250px;padding:35px}.login-decoration>span{font-size:50px}.login-decoration h1{font-size:26px}.login-box{padding:45px 0}}.session-loading{color:#a87917;background:#fffaf0;place-items:center;min-height:100vh;font-weight:700;display:grid}.logout-button{color:#f5c542;white-space:nowrap;background:0 0;border:1px solid #8d7850;border-radius:7px;padding:7px 10px;font-size:11px;transition:all .2s}.logout-button:hover:not(:disabled){color:#29251d;background:#d99a16}.logout-button:disabled{opacity:.6;cursor:wait}@media (width<=700px){.logout-button{padding:8px;font-size:0}.logout-button:after{content:"↪";font-size:15px}}.stock-page{flex-direction:column;gap:20px;display:flex}.stock-intro{background:linear-gradient(110deg,#f2bd42,#ffdf91);border-radius:15px;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.stock-eyebrow{color:#73500c;letter-spacing:2px;font-size:10px;font-weight:800}.stock-intro h2{color:#382a10;margin:9px 0 6px;font-size:23px}.stock-intro p{color:#735a28;margin:0;font-size:12px}.stock-intro-icon{padding:0 15px;font-size:55px}.stock-panel-title{margin-bottom:20px}.stock-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stock-field{flex-direction:column;gap:7px;display:flex}.stock-field label,.stock-date-filter label{color:#514a3e;font-size:11px;font-weight:700}.stock-field input,.stock-field select,.stock-date-filter input{color:#29251d;width:100%;min-height:42px;font:inherit;background:#fffefa;border:1px solid #e8e0d0;border-radius:8px;outline:none;padding:10px 12px;font-size:12px}.stock-field input:focus,.stock-field select:focus,.stock-date-filter input:focus{border-color:#d99a16}.stock-field input[readonly]{color:#817969;background:#f8f6f0}.stock-submit-wrap{align-items:flex-end;display:flex}.stock-submit{color:#29251d;background:#d99a16;border:0;border-radius:8px;width:100%;min-height:42px;padding:10px 18px;font-size:12px;font-weight:800}.stock-submit:hover:not(:disabled){background:#efb52e}.stock-submit:disabled{opacity:.6;cursor:wait}.stock-muted{color:#8b877e;margin:14px 0 0;font-size:11px}.stock-message{border-radius:8px;margin-top:14px;padding:11px 13px;font-size:12px}.stock-message-error{color:#9c352c;background:#fff0ed;border:1px solid #f2d0ca}.stock-message-success{color:#236b43;background:#eef9f1;border:1px solid #ccebd5}.stock-date-filter{align-items:center;gap:10px;display:flex}.stock-date-filter input{width:auto}.stock-table-wrap{width:100%;overflow-x:auto}.stock-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.stock-table th{text-align:left;color:#796f5e;background:#fff9e9;padding:13px 12px;font-weight:700}.stock-table td{color:#514a3e;border-bottom:1px solid #f0ede6;padding:14px 12px}.stock-table tbody tr:hover{background:#fffdf7}.stock-empty{text-align:center!important;color:#999184!important;padding:35px 12px!important}@media (width<=700px){.stock-form{grid-template-columns:1fr}.stock-panel-title{flex-direction:column;align-items:flex-start}.stock-date-filter{justify-content:space-between;width:100%}.stock-date-filter input{flex:1;min-width:0}.stock-intro{padding:20px}.stock-intro h2{font-size:19px}}.packaging-page{flex-direction:column;gap:22px;display:flex}.packaging-intro{background:linear-gradient(110deg,#f2bd42,#ffdf91);border-radius:15px;justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.packaging-eyebrow,.packaging-section-heading>div>span{color:#805b12;letter-spacing:2px;font-size:10px;font-weight:800}.packaging-intro h2{color:#382a10;margin:9px 0 6px;font-size:24px}.packaging-intro p{color:#735a28;margin:0;font-size:12px}.packaging-hero-icon{padding:0 15px;font-size:55px}.packaging-section-heading{justify-content:space-between;align-items:center;display:flex}.packaging-section-heading h2{color:#302b22;margin:5px 0;font-size:20px}.packaging-section-heading p{color:#999184;margin:0;font-size:11px}.packaging-refresh{color:#8b6418;background:#fff8e8;border:1px solid #ead9ae;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700}.packaging-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.packaging-card{padding:21px}.packaging-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.packaging-card-header h3{color:#302b22;margin:0 0 5px;font-size:15px}.packaging-card-header>div>span{color:#999184;font-size:11px}.packaging-status{letter-spacing:.5px;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:800}.packaging-status.aman{color:#34734b;background:#eaf6ed}.packaging-status.restock{color:#9a6a0d;background:#fff3d8}.packaging-status.habis{color:#b33e35;background:#ffeded}.packaging-stock-number{color:#302b22;margin:22px 0 4px;font-size:34px;font-weight:800}.packaging-stock-number span{color:#8d8578;margin-left:7px;font-size:12px;font-weight:500}.packaging-minimum{color:#958c7e;font-size:10px}.packaging-minimum strong{color:#675d4d}.packaging-meta{border-top:1px solid #f0ede6;border-bottom:1px solid #f0ede6;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px;padding:13px 0;display:grid}.packaging-meta div{flex-direction:column;gap:5px;display:flex}.packaging-meta span{color:#999184;font-size:10px}.packaging-meta strong{color:#514a3e;font-size:13px}.packaging-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.packaging-actions button,.packaging-modal-actions button{border-radius:8px;min-height:39px;padding:9px 12px;font-size:11px;font-weight:800}.packaging-add,.packaging-confirm{color:#29251d;background:#d99a16;border:0}.packaging-use{color:#8b6418;background:#fff9eb;border:1px solid #ead9ae}.packaging-empty{text-align:center;color:#8f877a;padding:40px 20px;font-size:12px}.packaging-empty>span{margin-bottom:10px;font-size:32px;display:block}.packaging-empty strong{color:#514a3e}.packaging-empty p{margin-bottom:0}.packaging-alert{border-radius:8px;padding:11px 13px;font-size:12px}.packaging-alert-error{color:#9c352c;background:#fff0ed;border:1px solid #f2d0ca}.packaging-alert-success{color:#236b43;background:#eef9f1;border:1px solid #ccebd5}.packaging-modal-backdrop{z-index:1000;background:#231d138c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.packaging-modal{background:#fffdf8;border-radius:16px;width:min(440px,100%);padding:28px;position:relative;box-shadow:0 20px 70px #0003}.packaging-modal-close{color:#817969;background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:15px}.packaging-modal h2{color:#302b22;margin:9px 0 6px;font-size:23px}.packaging-modal>p{color:#898173;margin:0 0 22px;font-size:12px}.packaging-modal form{flex-direction:column;gap:10px;display:flex}.packaging-modal label{color:#514a3e;font-size:11px;font-weight:700}.packaging-modal input{width:100%;min-height:43px;font:inherit;border:1px solid #e8e0d0;border-radius:8px;outline:none;padding:11px}.packaging-modal input:focus{border-color:#d99a16}.packaging-modal-actions{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.packaging-cancel{color:#6c6457;background:#fff;border:1px solid #e8e0d0}.packaging-confirm:disabled,.packaging-cancel:disabled,.packaging-modal-close:disabled,.packaging-refresh:disabled{opacity:.6;cursor:wait}@media (width<=760px){.packaging-grid{grid-template-columns:1fr}.packaging-intro{padding:21px}.packaging-intro h2{font-size:20px}.packaging-hero-icon{padding:0;font-size:40px}}.sales-page{flex-direction:column;gap:20px;display:flex}.sales-intro{background:linear-gradient(110deg,#f2bd42,#ffdf91);border-radius:15px;justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.sales-eyebrow{color:#805b12;letter-spacing:2px;font-size:10px;font-weight:800}.sales-intro h2{color:#382a10;margin:9px 0 6px;font-size:24px}.sales-intro p{color:#735a28;margin:0;font-size:12px}.sales-hero-icon{padding:0 15px;font-size:52px}.sales-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.sales-summary-card{flex-direction:column;gap:10px;padding:19px 21px;display:flex}.sales-summary-card span{color:#8b8377;font-size:11px}.sales-summary-card strong{color:#302b22;font-size:21px}.sales-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.sales-field{flex-direction:column;gap:7px;display:flex}.sales-field label,.sales-date-filter label{color:#514a3e;font-size:11px;font-weight:700}.sales-field input,.sales-field select,.sales-date-filter input{color:#29251d;width:100%;min-height:42px;font:inherit;background:#fffefa;border:1px solid #e8e0d0;border-radius:8px;outline:none;padding:10px 12px;font-size:12px}.sales-field input:focus,.sales-field select:focus,.sales-date-filter input:focus{border-color:#d99a16}.sales-field input[readonly]{color:#817969;background:#f8f6f0}.sales-submit-wrap{align-items:flex-end;display:flex}.sales-submit{color:#29251d;background:#d99a16;border:0;border-radius:8px;width:100%;min-height:42px;padding:10px 18px;font-size:12px;font-weight:800}.sales-submit:hover:not(:disabled){background:#efb52e}.sales-submit:disabled{opacity:.6;cursor:wait}.sales-alert{border-radius:8px;margin-top:14px;padding:11px 13px;font-size:12px}.sales-alert-error{color:#9c352c;background:#fff0ed;border:1px solid #f2d0ca}.sales-alert-success{color:#236b43;background:#eef9f1;border:1px solid #ccebd5}.sales-history-heading{align-items:center}.sales-date-filter{align-items:center;gap:9px;display:flex}.sales-date-filter input{width:auto}.sales-date-filter button{color:#8b6418;background:#fff8e8;border:1px solid #ead9ae;border-radius:8px;min-height:38px;padding:8px 12px;font-size:11px;font-weight:700}.sales-table-wrap{width:100%;overflow-x:auto}.sales-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.sales-table th{text-align:left;color:#796f5e;background:#fff9e9;padding:13px 12px;font-weight:700}.sales-table td{color:#514a3e;border-bottom:1px solid #f0ede6;padding:14px 12px}.sales-empty{text-align:center!important;color:#999184!important;padding:35px 12px!important}@media (width<=760px){.sales-summary,.sales-form{grid-template-columns:1fr}.sales-history-heading{flex-direction:column;align-items:flex-start}.sales-date-filter{flex-wrap:wrap;width:100%}.sales-date-filter input{flex:1;min-width:0}.sales-intro{padding:21px}.sales-intro h2{font-size:20px}}.expense-page{flex-direction:column;gap:20px;display:flex}.expense-intro{background:linear-gradient(110deg,#f2bd42,#ffdf91);border-radius:15px;justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.expense-eyebrow{color:#805b12;letter-spacing:2px;font-size:10px;font-weight:800}.expense-intro h2{color:#382a10;margin:9px 0 6px;font-size:24px}.expense-intro p{color:#735a28;margin:0;font-size:12px}.expense-hero-icon{padding:0 15px;font-size:52px}.expense-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.expense-summary-card{flex-direction:column;gap:10px;padding:19px 21px;display:flex}.expense-summary-card span{color:#8b8377;font-size:11px}.expense-summary-card strong{color:#302b22;font-size:21px}.expense-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.expense-field{flex-direction:column;gap:7px;display:flex}.expense-field-wide{grid-column:1/-1}.expense-field label,.expense-filter label{color:#514a3e;font-size:11px;font-weight:700}.expense-field input,.expense-field select,.expense-filter input{color:#29251d;width:100%;min-height:42px;font:inherit;background:#fffefa;border:1px solid #e8e0d0;border-radius:8px;outline:none;padding:10px 12px;font-size:12px}.expense-field input:focus,.expense-field select:focus,.expense-filter input:focus{border-color:#d99a16}.expense-submit-wrap{align-items:flex-end;display:flex}.expense-submit{color:#29251d;background:#d99a16;border:0;border-radius:8px;width:100%;min-height:42px;padding:10px 18px;font-size:12px;font-weight:800}.expense-submit:hover:not(:disabled){background:#efb52e}.expense-submit:disabled{opacity:.6;cursor:wait}.expense-cancel-edit{color:#8b6418;background:#fff8e8;border:1px solid #ead9ae;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.expense-alert{border-radius:8px;margin-top:14px;padding:11px 13px;font-size:12px}.expense-alert-error{color:#9c352c;background:#fff0ed;border:1px solid #f2d0ca}.expense-alert-success{color:#236b43;background:#eef9f1;border:1px solid #ccebd5}.expense-list-heading{align-items:center}.expense-filter{align-items:center;gap:9px;display:flex}.expense-filter input{width:auto}.expense-filter button{color:#8b6418;background:#fff8e8;border:1px solid #ead9ae;border-radius:8px;min-height:38px;padding:8px 12px;font-size:11px;font-weight:700}.expense-table-wrap{width:100%;overflow-x:auto}.expense-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.expense-table th{text-align:left;color:#796f5e;background:#fff9e9;padding:13px 12px;font-weight:700}.expense-table td{color:#514a3e;border-bottom:1px solid #f0ede6;padding:14px 12px}.expense-empty{text-align:center!important;color:#999184!important;padding:35px 12px!important}.expense-row-actions{gap:7px;display:flex}.expense-row-actions button{background:#fffdf8;border:1px solid #eee5d4;border-radius:7px;width:31px;height:31px}@media (width<=760px){.expense-summary,.expense-form{grid-template-columns:1fr}.expense-field-wide{grid-column:auto}.expense-list-heading{flex-direction:column;align-items:flex-start}.expense-filter{flex-wrap:wrap;width:100%}.expense-filter input{flex:1;min-width:0}.expense-intro{padding:21px}.expense-intro h2{font-size:20px}}.report-page{flex-direction:column;gap:20px;display:flex}.report-intro{background:linear-gradient(110deg,#f2bd42,#ffdf91);border-radius:15px;justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.report-eyebrow{color:#805b12;letter-spacing:2px;font-size:10px;font-weight:800}.report-intro h2{color:#382a10;margin:9px 0 6px;font-size:24px}.report-intro p{color:#735a28;margin:0;font-size:12px}.report-hero-icon{padding:0 15px;font-size:52px}.report-filter-form{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:15px;display:grid}.report-field{flex-direction:column;gap:7px;display:flex}.report-field label{color:#514a3e;font-size:11px;font-weight:700}.report-field input{color:#29251d;width:100%;min-height:42px;font:inherit;background:#fffefa;border:1px solid #e8e0d0;border-radius:8px;padding:10px 12px;font-size:12px}.report-field input:focus{border-color:#d99a16;outline:none}.report-actions{gap:8px;display:flex}.report-show-button,.report-print-button{white-space:nowrap;border:0;border-radius:8px;min-height:42px;padding:10px 15px;font-size:11px;font-weight:800}.report-show-button{color:#29251d;background:#d99a16}.report-print-button{color:#805b12;background:#fff8e8;border:1px solid #ead9ae}.report-show-button:disabled,.report-print-button:disabled{opacity:.55;cursor:not-allowed}.report-alert{color:#9c352c;background:#fff0ed;border:1px solid #f2d0ca;border-radius:8px;margin-top:13px;padding:11px 13px;font-size:12px}.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.report-summary-card{flex-direction:column;gap:9px;padding:20px;display:flex}.report-summary-card span{color:#8b8377;font-size:11px}.report-summary-card strong{color:#302b22;font-size:22px}.report-summary-card small{color:#aaa194;font-size:10px}.report-summary-card .report-negative{color:#bd4b3e}.report-table-wrap{width:100%;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:11px}.report-table th{text-align:left;color:#796f5e;white-space:nowrap;background:#fff9e9;padding:13px 12px;font-weight:700}.report-table td{color:#514a3e;border-bottom:1px solid #f0ede6;padding:13px 12px}.report-empty{text-align:center;color:#999184!important;padding:35px 12px!important}.report-type{white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.report-type.income{color:#347548;background:#edf8ef}.report-type.expense{color:#a66a22;background:#fff2e7}.report-table tfoot td{background:#fffaf0;font-weight:800}.report-print-heading{display:none}@media (width<=900px){.report-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.report-actions{grid-column:1/-1}}@media (width<=760px){.report-summary-grid,.report-filter-form{grid-template-columns:1fr}.report-actions{grid-column:auto}.report-intro{padding:21px}.report-intro h2{font-size:20px}}@media print{body{background:#fff!important}.sidebar,.topbar,.report-intro,.report-filter-panel{display:none!important}.app-shell,.main-content{background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}.report-page{gap:12px!important}.report-print-heading{text-align:center;margin:0 0 12px;display:block!important}.report-print-heading h2{margin:0 0 5px;font-size:18px}.report-print-heading p{margin:0;font-size:11px}.report-summary-grid{grid-template-columns:repeat(3,1fr)!important}.report-summary-card,.report-table-panel{break-inside:avoid;box-shadow:none!important}.report-table-wrap{overflow:visible!important}.report-table{font-size:9px!important}.report-table th,.report-table td{border:1px solid #ddd!important;padding:7px!important}.report-type{color:#222!important;background:0 0!important;padding:0!important}}.brand-logo{object-fit:contain;border-radius:12px;flex:0 0 58px;width:58px;height:58px;display:block}.brand{align-items:center;gap:11px}.banner-decoration-logo{object-fit:contain;flex:none;width:112px;height:112px;display:block}.login-header-art{object-fit:contain;width:min(100%,680px);height:auto;max-height:230px;margin:0 0 28px;display:block}.login-logo{background:0 0;border-radius:0;justify-content:center;align-items:center;width:92px;height:92px;margin-bottom:24px;display:flex;overflow:hidden}.login-logo img{object-fit:contain;width:100%;height:100%}@media (width<=760px){.brand-logo{flex-basis:46px;width:46px;height:46px}.banner-decoration-logo{width:76px;height:76px}.login-header-art{max-height:150px;margin-bottom:18px}.login-logo{width:76px;height:76px}}.login-logo.login-logo-centered{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 28px;padding:0;display:flex}.login-logo.login-logo-centered img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=700px){.login-logo.login-logo-centered{width:135px;height:135px;margin-bottom:24px}}.best-seller-list{flex-direction:column;gap:10px;margin-top:22px;display:flex}.best-seller-item{border:1px solid var(--border);background:#fffefa;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:11px 10px;display:flex}.best-seller-rank{background:var(--gold-light);color:#9b6b0d;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.best-seller-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.best-seller-info strong{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.best-seller-info span{color:var(--muted);font-size:10px}.best-seller-revenue{color:#9b6b0d;text-align:right;white-space:nowrap;font-size:10px;font-weight:800}.best-seller-empty{min-height:150px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.best-seller-empty span{font-size:28px}.best-seller-empty strong{color:var(--dark)}.best-seller-empty p{margin:0;font-size:10px}.activity-list{flex-direction:column;margin-top:18px;display:flex}.activity-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:13px 2px;display:flex}.activity-item:last-child{border-bottom:0}.activity-type-icon{background:var(--gold-light);border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.activity-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.activity-info strong{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.activity-info span,.activity-info small{color:var(--muted);font-size:10px}.activity-amount{color:#398253;text-align:right;white-space:nowrap;font-size:11px;font-weight:800}.activity-amount.expense{color:#b94a3c}.activity-empty{min-height:145px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.activity-empty span{font-size:28px}.activity-empty strong{color:var(--dark)}.activity-empty p{margin:0;font-size:10px}@media (width<=700px){.activity-item{gap:9px}.activity-amount{font-size:10px}}