:root{color:#17211b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;forced-color-adjust:none;background-color:#f5f7f6;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;forced-color-adjust:none}html{color:#17211b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;forced-color-adjust:none;background-color:#f5f7f6}body{color:#17211b;forced-color-adjust:none;background-color:#f5f7f6;min-width:320px;min-height:100vh;margin:0}#root{color:#17211b;forced-color-adjust:none;background-color:#f5f7f6;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}button,input{font:inherit}button{cursor:pointer;border:none}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#12372a;flex-direction:column;width:250px;min-height:100vh;padding:28px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-icon{color:#12372a;background:#f4a261;border-radius:10px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.brand h1{margin-bottom:3px;font-size:16px}.brand span{color:#a9bbb2;font-size:11px}.sidebar-nav{flex-direction:column;gap:7px;margin-top:28px;display:flex}.sidebar-nav button,.sidebar-bottom button{text-align:left;color:#c9d5cf;background:0 0;border-radius:9px;width:100%;padding:13px 14px;font-size:14px}.sidebar-nav button:hover,.sidebar-nav button.active,.sidebar-bottom button:hover{color:#fff;background:#1e4c3b}.sidebar-nav button.active{box-shadow:inset 3px 0 #f4a261}.sidebar-bottom{margin-top:auto}.main-content{background:#f5f7f6;width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:32px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.topbar h2{margin-bottom:6px;font-size:28px}.topbar p{color:#6d7973;font-size:14px}.profile-button,.add-product-button{color:#26332c;background:#fff;border:1px solid #e2e8e4;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:flex}.add-product-button{color:#fff;background:#12372a;padding:12px 18px}.avatar{color:#12372a;background:#e8f1ec;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.summary-card,.dashboard-card,.products-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;box-shadow:0 3px 12px #12372a0a}.summary-card{align-items:center;gap:15px;padding:20px;display:flex}.card-icon{border-radius:11px;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.sales-icon{background:#e7f5ec}.expense-icon{background:#fff0e9}.profit-icon{background:#e9f0ff}.stock-icon{background:#fff7df}.summary-card span{color:#77837d;margin-bottom:5px;font-size:12px;display:block}.summary-card h3{margin-bottom:5px;font-size:21px}.summary-card small{color:#27834d;font-size:11px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:22px;display:grid}.dashboard-card,.products-card{padding:22px}.section-heading,.products-toolbar{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.section-heading h3,.products-toolbar h3{margin-bottom:5px;font-size:17px}.section-heading p,.products-toolbar p{color:#7a857f;font-size:12px}.section-heading button{color:#236d4d;background:0 0;font-size:12px;font-weight:600}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#7b867f;border-bottom:1px solid #edf0ee;padding:11px 8px;font-size:11px}td{border-bottom:1px solid #f0f2f1;padding:15px 8px;font-size:13px}.status{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.status.paid{color:#217043;background:#e8f6ed}.status.pending{color:#a06a00;background:#fff3dd}.stock-item{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.stock-item strong{margin-bottom:5px;font-size:13px;display:block}.stock-item span{color:#808b85;font-size:11px}.stock-warning,.stock-danger{border-radius:20px;padding:5px 9px;font-weight:700}.stock-warning{background:#fff3dc;color:#9a6700!important}.stock-danger{background:#ffe8e5;color:#b5362c!important}.product-form{background:#fff;border:1px solid #e6ebe8;border-radius:14px;grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:15px;margin-bottom:22px;padding:22px;display:grid}.product-form label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.product-form input,.search-input{color:#17211b;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;width:100%;padding:11px 12px}.product-form input:focus,.search-input:focus{border-color:#287451}.save-product-button{color:#fff;white-space:nowrap;background:#12372a;border-radius:9px;padding:11px 16px}.search-input{max-width:260px}.product-list{flex-direction:column;display:flex}.product-row{border-bottom:1px solid #edf0ee;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:20px;padding:17px 0;display:grid}.product-row:last-child{border-bottom:none}.product-info{align-items:center;gap:12px;display:flex}.product-icon{background:#eef5f1;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.product-info strong{margin-bottom:4px;font-size:14px;display:block}.product-info span{color:#7a857f;font-size:11px}.product-price{font-weight:600}.product-stock{color:#277047;font-size:12px;font-weight:600}.product-stock.low{color:#a06a00}.product-stock.critical{color:#b5362c}.delete-button{color:#b5362c;background:#fff0ee;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:600}.empty-state{text-align:center;color:#7a857f;padding:40px 10px}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.product-form{grid-template-columns:repeat(2,1fr)}}@media (width<=750px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px;padding:22px}.product-row{grid-template-columns:1fr 1fr}}@media (width<=580px){.sidebar{width:72px;padding:20px 10px}.brand{justify-content:center}.brand>div:last-child{display:none}.sidebar-nav button,.sidebar-bottom button{text-align:center;font-size:0}.sidebar-nav button:first-letter,.sidebar-bottom button:first-letter{font-size:18px}.main-content{width:calc(100% - 72px);margin-left:72px;padding:18px}.topbar{gap:15px}.topbar h2{font-size:23px}.profile-button span:last-child{display:none}.summary-grid,.product-form{grid-template-columns:1fr}.products-toolbar{flex-direction:column;gap:15px}.search-input{max-width:none}.product-row{grid-template-columns:1fr;gap:10px}}.sale-form{background:#fff;border:1px solid #e6ebe8;border-radius:14px;grid-template-columns:1.5fr 2fr 1fr 1fr auto;align-items:end;gap:15px;margin-bottom:22px;padding:22px;display:grid}.sale-form label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.sale-form input,.sale-form select{color:#17211b;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;width:100%;padding:11px 12px}.sale-form input:focus,.sale-form select:focus{border-color:#287451}.sales-history{flex-direction:column;display:flex}.sale-row{border-bottom:1px solid #edf0ee;grid-template-columns:2fr 1fr auto;align-items:center;gap:20px;padding:17px 0;display:grid}.sale-row:last-child{border-bottom:none}.sale-row div{flex-direction:column;gap:5px;display:flex}.sale-row strong{font-size:14px}.sale-row span:not(.status){color:#7a857f;font-size:11px}@media (width<=1100px){.sale-form{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.sale-form{grid-template-columns:1fr}.sale-row{grid-template-columns:1fr;gap:8px}}.customer-list{flex-direction:column;display:flex}.customer-row{border-bottom:1px solid #edf0ee;grid-template-columns:46px 1.5fr 1fr;align-items:center;gap:16px;padding:16px 0;display:grid}.customer-row:last-child{border-bottom:none}.customer-avatar{color:#124936;background:#e7f3ed;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.customer-info{flex-direction:column;gap:5px;display:flex}.customer-info strong{font-size:14px}.customer-info span,.customer-address{color:#7a857f;font-size:12px}@media (width<=650px){.customer-row{grid-template-columns:42px 1fr}.customer-address{grid-column:2}}.customer-form{background:#fff;border:1px solid #e6ebe8;border-radius:14px;grid-template-columns:1.3fr 1.2fr 1.5fr auto;align-items:end;gap:15px;margin-bottom:22px;padding:22px;display:grid}.customer-form label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.customer-form input{color:#17211b;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;width:100%;padding:11px 12px}.customer-form input:focus{border-color:#287451}@media (width<=900px){.customer-form{grid-template-columns:1fr 1fr}}@media (width<=580px){.customer-form{grid-template-columns:1fr}}.dashboard-page{flex-direction:column;gap:24px;display:flex}.dashboard-page .topbar{margin-bottom:0}.dashboard-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-metric-card,.dashboard-panel{background:#fff;border:1px solid #e1e9e4;border-radius:16px;box-shadow:0 8px 24px #12372a0b}.dashboard-metric-card{align-items:flex-start;gap:15px;min-height:132px;padding:20px;display:flex}.dashboard-metric-icon{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.dashboard-metric-icon.sales{color:#1c7046;background:#e5f4eb}.dashboard-metric-icon.expenses{color:#b55d27;background:#fff0e8}.dashboard-metric-icon.profit{color:#355e9d;background:#e9f0ff}.dashboard-metric-icon.debt{color:#9a6900;background:#fff2d9}.dashboard-metric-icon.customers{color:#6650a7;background:#f0eaff}.dashboard-metric-icon.inventory{color:#28736e;background:#e8f3f1}.dashboard-metric-card>div:last-child{min-width:0}.dashboard-metric-label{color:#6f7d75;margin-bottom:7px;font-size:12px;display:block}.dashboard-metric-value{color:#173b2d;margin-bottom:8px;font-size:22px;line-height:1.1;display:block}.dashboard-metric-value.negative{color:#b5362c}.dashboard-metric-card small{color:#87938c;font-size:11px}.dashboard-content-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:20px;display:grid}.dashboard-panel{min-width:0;padding:22px}.dashboard-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.dashboard-eyebrow{color:#2b8054;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.dashboard-panel-header h3{color:#173b2d;margin-bottom:5px;font-size:18px}.dashboard-panel-header p{color:#7a857f;font-size:12px}.dashboard-panel-count{color:#2b694b;white-space:nowrap;background:#eef5f1;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:700}.dashboard-panel-count.warning{color:#9a6700;background:#fff3dc}.dashboard-table-wrapper{overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:560px}.dashboard-table th{color:#87938c;letter-spacing:.04em;text-align:left;text-transform:uppercase;border-bottom:1px solid #e9efeb;padding:10px 8px;font-size:10px;font-weight:700}.dashboard-table td{color:#53635a;border-bottom:1px solid #eef2ef;padding:15px 8px;font-size:12px}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table td strong{color:#243c30;font-size:13px}.dashboard-table-amount{white-space:nowrap;font-weight:700;color:#173b2d!important}.dashboard-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px 20px;display:flex}.dashboard-empty-state.compact{min-height:220px}.dashboard-empty-mark{color:#2b8054;background:#edf5f0;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:14px;font-size:13px;font-weight:800;display:grid}.dashboard-empty-mark.healthy{color:#1c7046;background:#e5f4eb;font-size:20px}.dashboard-empty-state strong{color:#274536;margin-bottom:6px;font-size:14px}.dashboard-empty-state p{color:#89948e;max-width:250px;font-size:12px;line-height:1.5}.dashboard-stock-list{flex-direction:column;display:flex}.dashboard-stock-item{border-bottom:1px solid #edf1ee;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 0;display:grid}.dashboard-stock-item:last-child{border-bottom:none}.dashboard-stock-item strong{color:#274536;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.dashboard-stock-item span{color:#87938c;margin-top:5px;font-size:11px;display:block}.dashboard-stock-quantity{text-align:right}.dashboard-stock-quantity strong{color:#9a6700;font-size:16px}.dashboard-stock-quantity span{white-space:nowrap}.dashboard-stock-badge{background:#fff3dc;border-radius:999px;padding:6px 8px;font-weight:800;color:#9a6700!important;margin-top:0!important;font-size:10px!important}.dashboard-stock-badge.critical{background:#ffe8e5;color:#b5362c!important}.dashboard-business-summary{padding-bottom:18px}.dashboard-summary-list{border-top:1px solid #edf1ee;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-summary-item{border-right:1px solid #edf1ee;min-height:108px;padding:18px 20px 10px 0}.dashboard-summary-item:not(:first-child){padding-left:20px}.dashboard-summary-item:last-child{border-right:none}.dashboard-summary-item span{color:#7b8880;margin-bottom:9px;font-size:12px;display:block}.dashboard-summary-item strong{color:#173b2d;margin-bottom:7px;font-size:21px;display:block}.dashboard-summary-item small{color:#9aa49e;font-size:11px}@media (width<=1180px){.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content-grid{grid-template-columns:1fr}}@media (width<=680px){.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-panel{padding:18px}.dashboard-panel-header{align-items:flex-start}.dashboard-summary-list{grid-template-columns:1fr 1fr}.dashboard-summary-item{border-bottom:1px solid #edf1ee;border-right:none;padding:16px 12px 12px 0}.dashboard-summary-item:not(:first-child){padding-left:12px}.dashboard-summary-item:nth-child(odd){border-right:1px solid #edf1ee}.dashboard-summary-item:nth-last-child(-n+2){border-bottom:none}}@media (width<=460px){.dashboard-panel-header{flex-direction:column;gap:10px}.dashboard-stock-item{grid-template-columns:minmax(0,1fr) auto}.dashboard-stock-badge{grid-area:1/2}.dashboard-stock-quantity{text-align:left;grid-area:2/1}}.sales-page{flex-direction:column;gap:22px;display:flex}.sales-page .topbar{margin-bottom:0}.sales-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.sales-summary-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 5px 15px #1b3f2d09}.sales-summary-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.sales-icon-green{color:#216f4d;background:#e4f3eb}.sales-icon-orange{color:#bf681d;background:#fff0df}.sales-icon-teal{color:#18726d;background:#e0f4f1}.sales-icon-amber{color:#a66b10;background:#fff3d6}.sales-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.sales-summary-card span{color:#758179;font-size:11px;font-weight:600}.sales-summary-card strong{color:#203229;font-size:19px;line-height:1.2}.sales-summary-card small{color:#8a958e;font-size:11px}.sales-record-form{margin-bottom:0}.sales-history-card{min-width:0}.sales-toolbar{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.sales-toolbar h3{margin:0 0 5px}.sales-toolbar p{color:#7a857f;margin:0;font-size:12px}.sales-filter-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.sales-filter-controls label{flex-direction:column;gap:6px;display:flex}.sales-filter-controls label>span{color:#67746c;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.sales-search input,.sales-filter select,.sales-filter input{color:#17211b;min-height:38px;font:inherit;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;padding:9px 11px;font-size:12px}.sales-search input{width:190px}.sales-filter select{min-width:105px}.sales-filter input{width:142px}.sales-search input:focus,.sales-filter select:focus,.sales-filter input:focus{border-color:#287451}.sales-clear-button{color:#287451;cursor:pointer;min-height:38px;font:inherit;background:#f7faf8;border:1px solid #dce4df;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.sales-clear-button:hover{background:#edf6f0}.sales-empty-state{color:#7a857f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex}.sales-empty-state strong{color:#2a3a31;font-size:14px}.sales-empty-state span{max-width:360px;font-size:12px}.sales-loading-mark{color:#287451;letter-spacing:.12em;margin-bottom:2px;font-size:18px;font-weight:700}.sales-table-wrapper{width:100%;overflow-x:auto}.sales-table{border-collapse:collapse;width:100%;min-width:720px}.sales-table th{color:#7b877f;letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 12px;font-size:10px;font-weight:700}.sales-table td{color:#324239;vertical-align:middle;border-top:1px solid #edf0ee;padding:17px 12px;font-size:13px}.sales-table th:first-child,.sales-table td:first-child{padding-left:0}.sales-table th:last-child,.sales-table td:last-child{padding-right:0}.sales-table td strong{color:#26372d;font-size:13px}.sales-product-name,.sales-date{color:#718078;font-size:12px}.sales-status-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.sales-status-paid{color:#26714d;background:#e4f3eb}.sales-status-pending{color:#a86816;background:#fff1dc}.sales-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}@media (width<=1100px){.sales-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-toolbar{flex-direction:column;align-items:stretch}.sales-filter-controls{justify-content:flex-start}}@media (width<=680px){.sales-summary-grid{grid-template-columns:1fr}.sales-summary-card{padding:16px}.sales-filter-controls{flex-direction:column;align-items:stretch}.sales-filter-controls label,.sales-search input,.sales-filter select,.sales-filter input,.sales-clear-button{width:100%}.sales-table{min-width:0}.sales-table thead{display:none}.sales-table,.sales-table tbody,.sales-table tr,.sales-table td{width:100%;display:block}.sales-table tr{border-top:1px solid #edf0ee;padding:14px 0}.sales-table tr:first-child{border-top:none}.sales-table td,.sales-table th:first-child,.sales-table td:first-child,.sales-table th:last-child,.sales-table td:last-child{text-align:right;border:none;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;display:flex}.sales-table td:before{content:attr(data-label);color:#7b877f;letter-spacing:.04em;text-align:left;text-transform:uppercase;flex:none;font-size:10px;font-weight:700}.sales-table td>*{text-align:right}}.customers-page{flex-direction:column;gap:22px;display:flex}.customers-page .topbar{margin-bottom:0}.customers-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.customers-summary-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 5px 15px #1b3f2d09}.customers-summary-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.customers-icon-green{color:#216f4d;background:#e4f3eb}.customers-icon-orange{color:#bf681d;background:#fff0df}.customers-icon-teal{color:#18726d;background:#e0f4f1}.customers-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.customers-summary-card span{color:#758179;font-size:11px;font-weight:600}.customers-summary-card strong{color:#203229;font-size:19px;line-height:1.2}.customers-summary-card small{color:#8a958e;font-size:11px}.customers-record-form{margin-bottom:0}.customers-form-actions{align-items:center;gap:8px;display:flex}.customers-cancel-button{color:#287451;cursor:pointer;background:#f7faf8;border:1px solid #dce4df;border-radius:9px;min-height:40px;padding:0 13px;font-size:12px;font-weight:700}.customers-cancel-button:hover{background:#edf6f0}.customers-list-card{min-width:0}.customers-toolbar{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.customers-toolbar h3{margin:0 0 5px}.customers-toolbar p{color:#7a857f;margin:0;font-size:12px}.customers-search{flex-direction:column;gap:6px;display:flex}.customers-search span{color:#67746c;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.customers-search input{color:#17211b;width:230px;min-height:38px;font:inherit;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;padding:9px 11px;font-size:12px}.customers-search input:focus{border-color:#287451}.customers-empty-state{color:#7a857f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex}.customers-empty-state strong{color:#2a3a31;font-size:14px}.customers-empty-state span{max-width:380px;font-size:12px}.customers-loading-mark{color:#287451;letter-spacing:.12em;margin-bottom:2px;font-size:18px;font-weight:700}.customers-table-wrapper{width:100%;overflow-x:auto}.customers-table{border-collapse:collapse;width:100%;min-width:650px}.customers-table th{color:#7b877f;letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 12px;font-size:10px;font-weight:700}.customers-table td{color:#324239;vertical-align:middle;border-top:1px solid #edf0ee;padding:15px 12px;font-size:13px}.customers-table th:first-child,.customers-table td:first-child{padding-left:0}.customers-table th:last-child,.customers-table td:last-child{padding-right:0}.customers-identity{align-items:center;gap:11px;display:flex}.customers-identity strong{color:#26372d;font-size:13px}.customers-contact{color:#718078;font-size:12px}.customers-actions{align-items:center;gap:8px;display:flex}@media (width<=900px){.customers-summary-grid{grid-template-columns:1fr 1fr}.customers-summary-card:last-child{grid-column:1/-1}.customers-toolbar{flex-direction:column;align-items:stretch}.customers-search input{width:100%}}@media (width<=580px){.customers-summary-grid{grid-template-columns:1fr}.customers-summary-card:last-child{grid-column:auto}.customers-form-actions{flex-direction:column;align-items:stretch}.customers-form-actions button{width:100%}.customers-table{min-width:0}.customers-table thead{display:none}.customers-table,.customers-table tbody,.customers-table tr,.customers-table td{width:100%;display:block}.customers-table tr{border-top:1px solid #edf0ee;padding:14px 0}.customers-table tr:first-child{border-top:none}.customers-table td,.customers-table th:first-child,.customers-table td:first-child,.customers-table th:last-child,.customers-table td:last-child{text-align:right;border:none;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;display:flex}.customers-table td:before{content:attr(data-label);color:#7b877f;letter-spacing:.04em;text-align:left;text-transform:uppercase;flex:none;font-size:10px;font-weight:700}.customers-table td:first-child{align-items:center}.customers-table td>*,.customers-table td[data-label=Customer]>.customers-identity{text-align:right}}.debts-page{flex-direction:column;gap:22px;display:flex}.debts-page .topbar{margin-bottom:0}.debts-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.debts-summary-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 5px 15px #1b3f2d09}.debts-summary-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.debts-icon-green{color:#216f4d;background:#e4f3eb}.debts-icon-teal{color:#18726d;background:#e0f4f1}.debts-icon-orange{color:#bf681d;background:#fff0df}.debts-icon-purple{color:#6650a7;background:#f0eaff}.debts-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.debts-summary-card span{color:#758179;font-size:11px;font-weight:600}.debts-summary-card strong{color:#203229;font-size:19px;line-height:1.2}.debts-summary-card small{color:#8a958e;font-size:11px}.debts-record-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;margin-bottom:0}.debts-list-card{min-width:0}.debts-toolbar{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.debts-toolbar h3{margin:0 0 5px}.debts-toolbar p{color:#7a857f;margin:0;font-size:12px}.debts-filter-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.debts-filter-controls label{flex-direction:column;gap:6px;display:flex}.debts-filter-controls label>span{color:#67746c;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.debts-search input,.debts-filter select{color:#17211b;min-height:38px;font:inherit;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;padding:9px 11px;font-size:12px}.debts-search input{width:190px}.debts-filter select{min-width:105px}.debts-search input:focus,.debts-filter select:focus{border-color:#287451}.debts-clear-button{color:#287451;cursor:pointer;min-height:38px;font:inherit;background:#f7faf8;border:1px solid #dce4df;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.debts-clear-button:hover{background:#edf6f0}.debts-empty-state{color:#7a857f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex}.debts-empty-state strong{color:#2a3a31;font-size:14px}.debts-empty-state span{max-width:380px;font-size:12px}.debts-loading-mark{color:#287451;letter-spacing:.12em;margin-bottom:2px;font-size:18px;font-weight:700}.debts-table-wrapper{width:100%;overflow-x:auto}.debts-table{border-collapse:collapse;width:100%;min-width:900px}.debts-table th{color:#7b877f;letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 10px;font-size:10px;font-weight:700}.debts-table td{color:#324239;vertical-align:middle;border-top:1px solid #edf0ee;padding:15px 10px;font-size:13px}.debts-table th:first-child,.debts-table td:first-child{padding-left:0}.debts-table th:last-child,.debts-table td:last-child{padding-right:0}.debts-customer{align-items:center;gap:10px;display:flex}.debts-customer strong,.debts-table td>strong{color:#26372d;font-size:13px}.debts-item,.debts-paid{color:#718078;font-size:12px}.debts-remaining{color:#a86816!important}.debt-status{border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.debt-status-paid{color:#26714d;background:#e4f3eb}.debt-status-partial{color:#a86816;background:#fff1dc}.debt-status-unpaid{color:#b5362c;background:#fff0ee}.debt-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.debts-actions{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.debts-pay-button{padding:8px 13px}.debts-settled-label{color:#26714d;font-size:11px;font-weight:700}.debt-payment-form{background:#f8fcf9;border:1px solid #dce9e0;border-radius:10px;flex-direction:column;gap:7px;width:190px;padding:11px;display:flex}.debt-payment-form label{color:#67746c;font-size:10px;font-weight:700}.debt-payment-form input{color:#17211b;background:#fff;border:1px solid #dce4df;border-radius:8px;outline:none;width:100%;min-height:35px;padding:8px 9px;font-size:12px}.debt-payment-form input:focus{border-color:#287451}.debt-payment-actions{flex-wrap:wrap;gap:6px;display:flex}.debt-payment-actions .save-product-button,.debt-payment-actions .delete-button{padding:7px 8px;font-size:10px}@media (width<=1150px){.debts-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debts-toolbar{flex-direction:column;align-items:stretch}.debts-filter-controls{justify-content:flex-start}.debts-record-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.debts-summary-grid{grid-template-columns:1fr}.debts-filter-controls{flex-direction:column;align-items:stretch}.debts-filter-controls label,.debts-search input,.debts-filter select,.debts-clear-button{width:100%}.debts-record-form{grid-template-columns:1fr}.debts-table{min-width:0}.debts-table thead{display:none}.debts-table,.debts-table tbody,.debts-table tr,.debts-table td{width:100%;display:block}.debts-table tr{border-top:1px solid #edf0ee;padding:14px 0}.debts-table tr:first-child{border-top:none}.debts-table td,.debts-table th:first-child,.debts-table td:first-child,.debts-table th:last-child,.debts-table td:last-child{text-align:right;border:none;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;display:flex}.debts-table td:before{content:attr(data-label);color:#7b877f;letter-spacing:.04em;text-align:left;text-transform:uppercase;flex:none;font-size:10px;font-weight:700}.debts-table td>*{text-align:right}.debts-table td[data-label=Actions]{align-items:flex-start}.debts-table td[data-label=Actions]:before{margin-top:8px}.debts-actions{flex:1;align-items:flex-end}.debt-payment-form{width:100%;max-width:250px}}.expenses-page{flex-direction:column;gap:22px;display:flex}.expenses-page .topbar{margin-bottom:0}.expenses-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.expenses-summary-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 5px 15px #1b3f2d09}.expenses-summary-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.expenses-icon-green{color:#216f4d;background:#e4f3eb}.expenses-icon-orange{color:#bf681d;background:#fff0df}.expenses-icon-teal{color:#18726d;background:#e0f4f1}.expenses-icon-purple{color:#6650a7;background:#f0eaff}.expenses-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.expenses-summary-card span{color:#758179;font-size:11px;font-weight:600}.expenses-summary-card strong{color:#203229;font-size:19px;line-height:1.2}.expenses-summary-card small{color:#8a958e;font-size:11px}.expenses-record-form{grid-template-columns:1.3fr 1.2fr 1fr 1fr auto;margin-bottom:0}.expenses-history-card{min-width:0}.expenses-toolbar{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.expenses-toolbar h3{margin:0 0 5px}.expenses-toolbar p{color:#7a857f;margin:0;font-size:12px}.expenses-filter-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.expenses-filter-controls label{flex-direction:column;gap:6px;display:flex}.expenses-filter-controls label>span{color:#67746c;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.expenses-search input,.expenses-filter select,.expenses-filter input{color:#17211b;min-height:38px;font:inherit;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;padding:9px 11px;font-size:12px}.expenses-search input{width:190px}.expenses-filter select{min-width:125px}.expenses-filter input{width:142px}.expenses-search input:focus,.expenses-filter select:focus,.expenses-filter input:focus{border-color:#287451}.expenses-clear-button{color:#287451;cursor:pointer;min-height:38px;font:inherit;background:#f7faf8;border:1px solid #dce4df;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.expenses-clear-button:hover{background:#edf6f0}.expenses-empty-state{color:#7a857f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex}.expenses-empty-state strong{color:#2a3a31;font-size:14px}.expenses-empty-state span{max-width:390px;font-size:12px}.expenses-loading-mark{color:#287451;letter-spacing:.12em;margin-bottom:2px;font-size:18px;font-weight:700}.expenses-table-wrapper{width:100%;overflow-x:auto}.expenses-table{border-collapse:collapse;width:100%;min-width:620px}.expenses-table th{color:#7b877f;letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:16px 12px;font-size:10px;font-weight:700}.expenses-table td{color:#324239;vertical-align:middle;border-top:1px solid #edf0ee;padding:16px 12px;font-size:13px}.expenses-table th:first-child,.expenses-table td:first-child{padding-left:0}.expenses-table th:last-child,.expenses-table td:last-child{padding-right:0}.expenses-table td strong{color:#26372d;font-size:13px}.expenses-amount{white-space:nowrap}.expenses-date{color:#718078;font-size:12px}.expense-category{border-radius:999px;align-items:center;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.expense-category-rent{color:#8f5714;background:#fff0dc}.expense-category-transport{color:#26726d;background:#e0f4f1}.expense-category-utilities{color:#5d4a99;background:#eeeaff}.expense-category-supplies{color:#26714d;background:#e4f3eb}.expense-category-salary{color:#9f3f54;background:#fde9ee}.expense-category-other{color:#637069;background:#eef2ef}@media (width<=1150px){.expenses-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expenses-toolbar{flex-direction:column;align-items:stretch}.expenses-filter-controls{justify-content:flex-start}.expenses-record-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.expenses-summary-grid{grid-template-columns:1fr}.expenses-filter-controls{flex-direction:column;align-items:stretch}.expenses-filter-controls label,.expenses-search input,.expenses-filter select,.expenses-filter input,.expenses-clear-button{width:100%}.expenses-record-form{grid-template-columns:1fr}.expenses-table{min-width:0}.expenses-table thead{display:none}.expenses-table,.expenses-table tbody,.expenses-table tr,.expenses-table td{width:100%;display:block}.expenses-table tr{border-top:1px solid #edf0ee;padding:14px 0}.expenses-table tr:first-child{border-top:none}.expenses-table td,.expenses-table th:first-child,.expenses-table td:first-child,.expenses-table th:last-child,.expenses-table td:last-child{text-align:right;border:none;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;display:flex}.expenses-table td:before{content:attr(data-label);color:#7b877f;letter-spacing:.04em;text-align:left;text-transform:uppercase;flex:none;font-size:10px;font-weight:700}.expenses-table td>*{text-align:right}}.reports-page{flex-direction:column;gap:22px;display:flex}.reports-page .topbar{align-items:flex-end;margin-bottom:0}.reports-date-control{align-items:flex-end;gap:8px;display:flex}.reports-date-control label{flex-direction:column;gap:6px;display:flex}.reports-date-control label span{color:#67746c;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.reports-date-control input{color:#17211b;min-height:38px;font:inherit;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;padding:9px 11px;font-size:12px}.reports-date-control input:focus{border-color:#287451}.reports-clear-button{color:#287451;cursor:pointer;min-height:38px;font:inherit;background:#f7faf8;border:1px solid #dce4df;border-radius:9px;padding:0 11px;font-size:11px;font-weight:700}.reports-clear-button:hover{background:#edf6f0}.reports-loading-state,.reports-filter-note{color:#6d7b72;background:#f8fcf9;border:1px solid #dce9e0;border-radius:11px;align-items:center;gap:9px;padding:12px 14px;font-size:12px;display:flex}.reports-loading-state strong{color:#2a3a31}.reports-loading-mark{color:#287451;letter-spacing:.1em;font-weight:800}.reports-filter-note{color:#287451}.reports-section{flex-direction:column;gap:16px;display:flex}.reports-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.reports-eyebrow{color:#2b8054;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.reports-section-heading h3{color:#173b2d;margin-bottom:5px;font-size:18px}.reports-section-heading p{color:#7a857f;font-size:12px}.reports-financial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.reports-metric-card,.reports-overview-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 5px 15px #1b3f2d09}.reports-metric-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:grid}.reports-icon-green{color:#216f4d;background:#e4f3eb}.reports-icon-orange{color:#bf681d;background:#fff0df}.reports-icon-blue{color:#355e9d;background:#e9f0ff}.reports-icon-amber{color:#a66b10;background:#fff3d6}.reports-metric-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.reports-metric-card span,.reports-overview-card span{color:#758179;font-size:11px;font-weight:600}.reports-metric-card strong{color:#203229;font-size:19px;line-height:1.2}.reports-metric-card strong.reports-negative{color:#b5362c}.reports-metric-card small,.reports-overview-card small{color:#8a958e;font-size:11px}.reports-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.reports-overview-card{flex-direction:column;align-items:flex-start;gap:6px}.reports-overview-card strong{color:#203229;font-size:20px}.reports-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.reports-panel{background:#fff;border:1px solid #e6ebe8;border-radius:14px;min-width:0;padding:22px;box-shadow:0 3px 12px #12372a0a}.reports-panel>.reports-section-heading{margin-bottom:20px}.reports-panel-count{color:#2b694b;white-space:nowrap;background:#eef5f1;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:700}.reports-panel-count.warning{color:#9a6700;background:#fff3dc}.reports-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reports-detail-item{background:#fbfdfc;border:1px solid #edf1ee;border-radius:10px;min-width:0;padding:13px}.reports-detail-item span,.reports-expense-total span,.reports-inventory-summary span{color:#758179;letter-spacing:.03em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.reports-detail-item strong,.reports-expense-total strong,.reports-inventory-summary strong{color:#203229;font-size:16px;display:block}.reports-detail-item small{color:#8a958e;margin-top:5px;font-size:11px;display:block}.reports-warning-value{color:#a86816!important}.reports-small-empty{color:#7a857f;text-align:center;background:#f8faf9;border-radius:9px;margin-top:15px;padding:14px;font-size:12px}.reports-expense-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin-bottom:22px;display:grid}.reports-expense-total{background:#fbfdfc;border:1px solid #edf1ee;border-radius:10px;padding:14px}.reports-category-list{flex-direction:column;gap:16px;display:flex}.reports-category-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.reports-category-label strong{color:#304238;font-size:12px}.reports-category-label span{color:#53635a;font-size:12px;font-weight:700}.reports-progress-track{background:#edf2ef;border-radius:999px;height:8px;overflow:hidden}.reports-progress-fill{border-radius:inherit;background:#287451;min-width:8px;height:100%}.reports-category-rent{background:#d38b2f}.reports-category-transport{background:#2b8a84}.reports-category-utilities{background:#7964bd}.reports-category-supplies{background:#3c9565}.reports-category-salary{background:#bd5b73}.reports-category-other{background:#83928a}.reports-inventory-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.reports-inventory-summary>div{background:#fbfdfc;border:1px solid #edf1ee;border-radius:10px;padding:14px}.reports-inventory-list{flex-direction:column;display:flex}.reports-inventory-row{border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.reports-inventory-row:first-child{border-top:none}.reports-inventory-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.reports-inventory-row strong{color:#26372d;font-size:13px}.reports-inventory-row span:not(.reports-stock-badge){color:#7a857f;font-size:11px}.reports-stock-badge{color:#a86816;background:#fff1dc;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:700}.reports-stock-badge.critical{color:#b5362c;background:#fff0ee}.reports-healthy-state{color:#287451;background:#f2faf5}@media (width<=1100px){.reports-financial-grid,.reports-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-two-column{grid-template-columns:1fr}}@media (width<=650px){.reports-page .topbar{align-items:stretch}.reports-date-control{flex-direction:column;align-items:stretch}.reports-date-control label,.reports-date-control input,.reports-clear-button{width:100%}.reports-financial-grid,.reports-overview-grid,.reports-detail-grid,.reports-expense-summary,.reports-inventory-summary{grid-template-columns:1fr}.reports-section-heading{flex-direction:column;align-items:stretch;gap:12px}.reports-panel-count{align-self:flex-start}.reports-inventory-row{align-items:flex-start}}.settings-page{flex-direction:column;gap:22px;display:flex}.settings-page .topbar{margin-bottom:0}.settings-loading-state,.settings-feedback{border-radius:11px;align-items:center;gap:9px;padding:12px 14px;font-size:12px;display:flex}.settings-loading-state{color:#6d7b72;background:#f8fcf9;border:1px solid #dce9e0}.settings-loading-state strong{color:#2a3a31}.settings-loading-mark{color:#287451;letter-spacing:.1em;font-weight:800}.settings-feedback{border:1px solid #0000;font-weight:600}.settings-feedback-success{color:#26714d;background:#eef9f1;border-color:#bfe4cd}.settings-feedback-error{color:#ad3c32;background:#fff3f1;border-color:#f0c9c5}.settings-feedback-icon{color:#fff;background:currentColor;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.settings-content-grid{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);align-items:start;gap:20px;display:grid}.settings-form-card,.settings-summary-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;min-width:0;box-shadow:0 3px 12px #12372a0a}.settings-form-card{overflow:hidden}.settings-form-section{padding:24px}.settings-contact-section{border-top:1px solid #edf0ee}.settings-section-heading{margin-bottom:20px}.settings-eyebrow{color:#2b8054;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.settings-section-heading h3,.settings-save-section h3,.settings-summary-header h3{color:#173b2d;margin-bottom:5px;font-size:18px}.settings-section-heading p,.settings-save-section p,.settings-summary-header p{color:#7a857f;font-size:12px;line-height:1.5}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px;display:grid}.settings-field{min-width:0}.settings-field-wide{grid-column:1/-1}.settings-field label{color:#2d3d34;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.settings-field label span{color:#8a958e;font-size:10px;font-weight:600}.settings-field input{color:#17211b;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #dce4df;border-radius:9px;outline:none;padding:10px 12px;font-size:13px}.settings-field input::placeholder{color:#a1aaa5}.settings-field input:focus{border-color:#287451;box-shadow:0 0 0 3px #28745114}.settings-save-section{background:#fbfdfc;border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.settings-save-section h3{margin-bottom:4px;font-size:15px}.settings-save-section p{max-width:500px}.settings-save-button{flex:none;min-height:42px;padding:0 18px}.settings-save-button:disabled{cursor:not-allowed;opacity:.65}.settings-summary-card{padding:22px}.settings-summary-header{border-bottom:1px solid #edf0ee;align-items:flex-start;gap:13px;padding-bottom:20px;display:flex}.settings-summary-avatar{color:#216f4d;background:#e4f3eb;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:19px;font-weight:800;display:grid}.settings-summary-header h3{font-size:16px}.settings-summary-list{flex-direction:column;display:flex}.settings-summary-item{border-bottom:1px solid #edf0ee;flex-direction:column;gap:5px;padding:14px 0;display:flex}.settings-summary-item span{color:#7a857f;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.settings-summary-item strong{overflow-wrap:anywhere;color:#2d3d34;font-size:13px;line-height:1.4}.settings-summary-note{background:#f3faf5;border-radius:10px;flex-direction:column;gap:5px;margin-top:18px;padding:13px;display:flex}.settings-summary-note strong{color:#287451;font-size:12px}.settings-summary-note span{color:#6e7e73;font-size:11px;line-height:1.5}@media (width<=1000px){.settings-content-grid{grid-template-columns:1fr}.settings-summary-card{order:-1}}@media (width<=620px){.settings-form-grid{grid-template-columns:1fr}.settings-field-wide{grid-column:auto}.settings-form-section,.settings-summary-card{padding:18px}.settings-save-section{flex-direction:column;align-items:stretch;padding:18px}.settings-save-button{width:100%}}.app-error-banner{color:#ad3c32;background:#fff3f1;border:1px solid #f0c9c5;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:11px 13px;font-size:12px;line-height:1.45;display:flex}.app-error-banner button{color:#ad3c32;background:#fff;border:1px solid #e4aaa4;border-radius:7px;flex:none;padding:6px 9px;font-size:11px;font-weight:700}.app-error-banner button:hover{background:#fff8f7}@media (width<=580px){.topbar{flex-direction:column;align-items:stretch}.topbar>.add-product-button,.topbar>.profile-button{justify-content:center;width:100%}.app-error-banner{flex-direction:column;align-items:stretch}}.mobile-header,.mobile-drawer,.mobile-drawer-backdrop{display:none}@media (width<=767px){html,body,#root{overflow-x:hidden}.app{min-width:0;display:block}.sidebar{display:none}.main-content{width:100%;min-width:0;margin-left:0;padding:0 14px 28px;overflow:hidden}.mobile-header{z-index:5;background:#f5f7f6f5;border-bottom:1px solid #e3ebe6;align-items:center;gap:12px;min-height:62px;margin:0 -14px 20px;padding:10px 14px;display:flex;position:relative}.mobile-menu-button,.mobile-profile-button,.mobile-close-button{color:#12372a;background:#fff;border:1px solid #dfe8e2;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.mobile-menu-button{align-content:center;gap:4px;padding:10px}.mobile-menu-button span{background:#12372a;border-radius:3px;width:18px;height:2px;display:block}.mobile-header-brand{color:#173b2d;flex:1;align-items:center;gap:9px;min-width:0;display:flex}.mobile-header-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mobile-header-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-header-copy small{color:#718078;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-header-logo{color:#12372a;background:#f4a261;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.mobile-profile-button{color:#12372a;background:#e8f1ec;border-radius:50%;font-size:14px;font-weight:800}.mobile-drawer-backdrop{z-index:20;opacity:0;pointer-events:none;background:#0b201761;transition:opacity .18s;position:fixed;inset:0}.mobile-drawer-backdrop.is-open{opacity:1;pointer-events:auto;display:block}.mobile-drawer{z-index:21;overscroll-behavior:contain;background:#12372a;flex-direction:column;width:min(86vw,310px);min-width:270px;max-width:calc(100vw - 20px);padding:16px 14px 14px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:14px 0 35px #12372a2e}.mobile-drawer.is-open{display:flex;transform:translate(0)}.mobile-drawer-header,.mobile-drawer-brand{align-items:center;display:flex}.mobile-drawer-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:12px;padding:0 4px 14px}.mobile-drawer-brand{color:#fff;gap:10px;min-width:0}.mobile-drawer-brand .brand-icon{flex:0 0 38px;width:38px;height:38px;font-size:18px}.mobile-drawer-brand span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-drawer-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-drawer-brand small{color:#a9bbb2;font-size:11px}.mobile-close-button{color:#fff;background:#ffffff14;border-color:#ffffff24;flex-basis:36px;width:36px;height:36px;font-size:24px;font-weight:300;line-height:1}.mobile-drawer-nav{flex-direction:column;gap:4px;margin-top:14px;display:flex}.mobile-drawer-nav button,.mobile-logout-button{color:#c9d5cf;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.mobile-drawer-nav button.active,.mobile-drawer-nav button:hover,.mobile-logout-button:hover{color:#fff;background:#1e4c3b}.mobile-drawer-nav button.active{box-shadow:inset 3px 0 #f4a261}.mobile-drawer-nav button:focus-visible,.mobile-logout-button:focus-visible,.mobile-close-button:focus-visible{outline-offset:2px;outline:2px solid #f4a261}.mobile-nav-icon{color:#f4c18f;background:#ffffff1a;border-radius:7px;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.mobile-logout-button{margin-top:auto}.app-error-banner{margin-bottom:16px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:18px}.topbar>div:first-child{flex:170px;min-width:0}.topbar h2{font-size:22px}.topbar p{max-width:38ch;line-height:1.45}.topbar>.profile-button{display:none}.topbar>.add-product-button{flex:0 auto;width:auto;min-height:40px;padding:10px 13px;font-size:12px}.dashboard-page{gap:10px}.dashboard-page>.topbar{gap:8px}.dashboard-page .topbar p{line-height:1.35}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-metric-card{border-radius:13px;align-items:center;gap:9px;min-height:0;padding:13px 11px}.dashboard-metric-icon{border-radius:9px;flex-basis:32px;width:32px;height:32px;font-size:11px}.dashboard-metric-label{margin-bottom:4px;font-size:10px;line-height:1.25}.dashboard-metric-value{overflow-wrap:anywhere;margin-bottom:4px;font-size:17px;line-height:1.15}.dashboard-metric-card small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.25;display:block;overflow:hidden}.dashboard-content-grid{grid-template-columns:1fr;gap:14px}.dashboard-panel{border-radius:14px;padding:15px}.dashboard-panel-header{gap:10px;margin-bottom:13px}.dashboard-panel-header h3{font-size:16px}.dashboard-table{min-width:510px}.dashboard-empty-state{min-height:170px;padding:20px 12px}.dashboard-empty-state.compact{min-height:150px}.dashboard-stock-item{gap:9px;padding:12px 0}.dashboard-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-summary-item{min-height:90px;padding-top:13px}.dashboard-summary-item strong{font-size:18px}.products-card,.settings-form-card,.settings-summary-card,.reports-panel{border-radius:13px}.products-card{padding:15px}.products-toolbar,.sales-toolbar,.customers-toolbar,.debts-toolbar,.expenses-toolbar{gap:11px;margin-bottom:14px}.product-form,.sale-form,.customer-form,.debts-record-form,.expenses-record-form{grid-template-columns:1fr;gap:12px;padding:15px}.product-form input,.sale-form input,.sale-form select,.customer-form input,.debts-record-form input,.debts-record-form select,.expenses-record-form input,.expenses-record-form select,.search-input,.settings-field input,.reports-date-control input{width:100%;min-width:0;max-width:100%;min-height:42px}.save-product-button,.customers-form-actions,.settings-save-button{min-height:42px}.product-row{grid-template-columns:1fr;gap:10px;padding:14px 0}.product-row .delete-button{justify-self:start}.sales-summary-grid,.customers-summary-grid,.debts-summary-grid,.expenses-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-summary-card,.customers-summary-card,.debts-summary-card,.expenses-summary-card{min-width:0;padding:13px}.sales-table-wrapper,.customers-table-wrapper,.debts-table-wrapper,.expenses-table-wrapper,.table-wrapper,.dashboard-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.reports-page,.settings-page{gap:16px}.reports-panel,.settings-summary-card,.settings-form-section,.settings-save-section{padding:15px}.settings-summary-card{order:-1}}@media (width<=380px){.main-content{padding-left:10px;padding-right:10px}.mobile-header{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.dashboard-metric-card{gap:7px;padding:11px 9px}.dashboard-metric-icon{flex-basis:28px;width:28px;height:28px}.dashboard-metric-value{font-size:15px}.dashboard-metric-card small{font-size:9px}.sales-summary-grid,.customers-summary-grid,.debts-summary-grid,.expenses-summary-grid{gap:8px}}