*{box-sizing:border-box}html{color:#243029;background:#f5f4ef;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}#root{min-height:100vh}.app-layout{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#1d352a;flex-direction:column;padding:28px 20px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-mark{color:#1d352a;background:#e3b96c;border-radius:12px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.brand h2{margin:0;font-size:18px}.brand p{color:#b8c8bf;margin:4px 0 0;font-size:12px}.navigation{flex-direction:column;gap:8px;display:flex}.nav-button{color:#dce6e0;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:13px 16px}.nav-button:hover{background:#29483a}.nav-button.active{color:#1d352a;background:#e3b96c;font-weight:700}.sidebar-footer{border-top:1px solid #355244;margin-top:auto;padding:18px 12px 0}.sidebar-footer p{color:#aebfb5;margin:0 0 5px;font-size:12px}.main-content{min-width:0;padding:32px}.topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.topbar h1{margin:4px 0 0;font-size:32px}.eyebrow{color:#718078;margin:0;font-size:14px}.profile{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.profile-avatar{color:#fff;background:#37664f;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.profile p{color:#77837d;margin:2px 0 0;font-size:12px}.section-heading,.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading{margin-bottom:20px}.section-heading h2,.panel-heading h2{margin:0;font-size:20px}.section-heading p,.panel-heading p{color:#748078;margin:5px 0 0;font-size:14px}.primary-button{color:#fff;background:#37664f;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.primary-button:hover{background:#294f3c}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.summary-card{background:#fff;border-top:4px solid #0000;border-radius:16px;padding:22px;box-shadow:0 8px 24px #26372e14}.summary-card.sales{border-color:#418b68}.summary-card.expenses{border-color:#dc785f}.summary-card.profit{border-color:#517db8}.summary-card.orders{border-color:#d4a343}.card-title{color:#6c7971;margin:0;font-size:14px}.summary-card h3{margin:12px 0 8px;font-size:28px}.card-detail{color:#89938d;margin:0;font-size:13px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:22px;margin-top:22px;display:grid}.panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #26372e14}.text-button{color:#37664f;background:0 0;border:0;padding:8px;font-weight:700}.table-container{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e7ebe8;padding:14px 10px}th{color:#6c7971;text-transform:uppercase;font-size:12px}td{font-size:14px}.status{border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.status.paid{color:#28704e;background:#e3f4eb}.status.pending{color:#8a6214;background:#fff2cf}.quick-actions{gap:12px;margin-top:20px;display:grid}.quick-actions button{color:#29483a;text-align:left;background:#f9faf9;border:1px solid #dce4df;border-radius:10px;padding:14px;font-weight:600}.quick-actions button:hover{background:#eef4f0;border-color:#37664f}@media (width<=1050px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=750px){.app-layout{grid-template-columns:1fr}.sidebar{padding:20px}.navigation{flex-direction:row;overflow-x:auto}.nav-button{white-space:nowrap;width:auto}.sidebar-footer{display:none}.main-content{padding:22px}}@media (width<=550px){.topbar,.section-heading{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:1fr}}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.summary-card.loss{border-color:#9b67b2}.nav-button:disabled,.nav-button:disabled:hover{cursor:not-allowed;opacity:.45;background:0 0}.records-panel{margin-top:24px}.empty-table-message{color:#7a867f;text-align:center;padding:30px}.page-description{color:#748078;margin:8px 0 0}.daily-entry-header{align-items:flex-end}.date-field{color:#56625b;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.date-field input,.number-input,.notes-input{color:#243029;background:#fff;border:1px solid #d8e0db;border-radius:9px;outline:none}.date-field input{padding:11px 13px}.daily-form-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.entry-sections{gap:20px;display:grid}.entry-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #26372e14}.entry-section-heading{margin-bottom:20px}.entry-section-heading h2{margin:0;font-size:19px}.entry-section-heading p{color:#748078;margin:6px 0 0;font-size:13px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field{color:#4e5a53;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.amount-input{background:#fff;border:1px solid #d8e0db;border-radius:9px;align-items:center;display:flex;overflow:hidden}.amount-input:focus-within,.date-field input:focus,.number-input:focus,.notes-input:focus{border-color:#37664f;box-shadow:0 0 0 3px #37664f1f}.amount-input>span{color:#718078;padding-left:13px}.amount-input input{color:#243029;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:12px}.number-input{width:100%;padding:12px}.notes-input{resize:vertical;width:100%;font:inherit;padding:13px}.calculation-card{color:#fff;background:#1d352a;border-radius:16px;padding:24px;position:sticky;top:24px;box-shadow:0 12px 30px #1d352a2e}.calculation-card h2{margin:0;font-size:20px}.calculation-card>p{color:#b8c8bf;margin:7px 0 0;font-size:13px}.calculation-list{margin-top:22px}.calculation-row{color:#dce6e0;border-bottom:1px solid #355244;justify-content:space-between;gap:15px;padding:13px 0;font-size:14px;display:flex}.calculation-row.net-profit{color:#f1ca81;border-bottom:0;margin-top:8px;padding:16px 0;font-size:16px}.calculation-row.net-profit.negative{color:#ff9e8b}.save-button{color:#1d352a;background:#e3b96c;width:100%;margin-top:18px}.save-button:hover{background:#f0c77d}.save-message{background:#2c5742;border-radius:8px;padding:11px;line-height:1.4;color:#dff5e8!important}.storage-note{text-align:center;line-height:1.5;color:#9eb2a6!important;font-size:11px!important}@media (width<=950px){.daily-form-layout{grid-template-columns:1fr}.calculation-card{position:static}}@media (width<=600px){.daily-entry-header{align-items:flex-start}.date-field,.date-field input{width:100%}.entry-grid{grid-template-columns:1fr}.entry-section{padding:19px}}.delivery-platforms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.delivery-platform-card{background:#fffdf9;border:1px solid #e6e1d9;border-radius:16px;padding:20px}.delivery-platform-card h3{color:#2d2926;margin:0 0 18px;font-size:18px}.delivery-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.error-message{color:#b42318;background:#fee4e2;border:1px solid #fda29b}.save-button:disabled{cursor:not-allowed;opacity:.65}@media (width<=1000px){.delivery-platforms-grid{grid-template-columns:1fr}}@media (width<=600px){.delivery-fields-grid{grid-template-columns:1fr}}.record-action-message{color:#067647;background:#ecfdf3;border:1px solid #75e0a7;border-radius:8px;margin:14px 0;padding:10px 14px}.record-action-message.delete-error{color:#b42318;background:#fef3f2;border-color:#fda29b}.table-action-buttons{align-items:center;gap:16px;display:flex}.table-edit-button,.table-delete-button{min-width:72px;font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:color .2s,background-color .2s}.table-edit-button{color:#1d4ed8;background:#eff6ff;border:1px solid #2563eb}.table-edit-button:hover{color:#fff;background:#2563eb}.table-delete-button{color:#b91c1c;background:#fef2f2;border:1px solid #dc2626}.table-delete-button:hover:not(:disabled){color:#fff;background:#dc2626}.table-delete-button:disabled{cursor:not-allowed;opacity:.55}.brand-logo-mark{background:#fff;padding:0;overflow:hidden}.brand-logo-mark img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=600px){html,body,#root{min-height:100%}body{background:#f7f3eb;min-width:0}.app-layout{min-height:100dvh;display:block}.sidebar{width:100%;height:auto;min-height:0;padding:max(14px, env(safe-area-inset-top)) 16px 14px;position:static}.brand{margin:0}.brand-mark{flex:0 0 48px;width:48px;height:48px}.brand h2{font-size:19px}.brand p{font-size:12px}.navigation{z-index:100;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#193a2e;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #193a2e2e}.nav-button{text-align:center;border-radius:10px;width:100%;min-height:46px;padding:11px 12px;font-size:15px}.nav-button:disabled,.sidebar-footer{display:none}.main-content{width:100%;min-width:0;padding:18px 14px calc(92px + env(safe-area-inset-bottom));margin-left:0}.daily-entry-header,.section-heading{align-items:stretch;gap:14px}.entry-section,.delivery-platform-card,.panel,.calculation-card{border-radius:14px;padding:16px}.daily-form-layout,.entry-grid,.delivery-platforms-grid,.delivery-fields-grid,.summary-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px}.primary-button{width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-container table{min-width:760px}.table-action-buttons{gap:8px}.calculation-card{position:static}.navigation{box-shadow:none;background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding:0;display:grid;position:static}.main-content{padding:18px 14px calc(28px + env(safe-area-inset-bottom))}}.backup-area{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.backup-actions{align-items:center;gap:10px;display:flex}.backup-button{min-height:40px;font:inherit;cursor:pointer;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700}.export-backup-button{color:#fff;background:#193a2e;border:1px solid #193a2e}.restore-backup-button{color:#193a2e;background:#e8bd70;border:1px solid #d4a853}.backup-button:disabled{cursor:not-allowed;opacity:.6}.backup-message{color:#067647;text-align:right;max-width:340px;margin:0;font-size:13px}.backup-message.backup-error{color:#b42318}@media (width<=600px){.panel-heading{align-items:stretch;gap:14px}.backup-area{align-items:stretch}.backup-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.backup-button{width:100%}.backup-message{text-align:left;max-width:none}}