:root{color-scheme:light;--header: #748dae;--bg: #f4f6fb;--surface: #ffffff;--ink: #19212f;--muted: #6e7582;--line: #d6dbe6;--line-soft: rgba(214, 219, 230, .55);--accent: #ef6f51;--accent-soft: #ffe8e1;--font-sans: "Segoe UI", Tahoma, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at 10% 20%,#d9e4ff 0%,transparent 40%),radial-gradient(circle at 80% 10%,#ffe1d8 0%,transparent 35%),var(--bg)}.mobile-shell,.login-screen{max-width:430px;min-height:100dvh;margin:0 auto;padding:10px 10px 96px;position:relative}.mobile-header{height:52px;border-radius:12px;background:linear-gradient(125deg,#7f93b0 0%,var(--header) 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;box-shadow:0 6px 14px #28385424}.mobile-title{margin:0;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;opacity:.9}.mobile-header h1{margin:2px 0 0;font-size:.95rem;line-height:1.2}.mobile-user{max-width:146px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;font-weight:600;border-radius:999px;border:0;background:#0f172a1f;padding:5px 8px}.mobile-content,.store-switch-wrap{margin-top:10px;display:grid;gap:8px}.store-switch-btn{width:100%;border:0;border-radius:12px;background:#ffffffeb;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 3px 10px #0f172a0d}.store-switch-btn span{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.store-switch-btn strong{max-width:64%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;color:var(--ink)}.store-switch-panel{background:#ffffffed;border:0;border-radius:12px;padding:6px;box-shadow:0 4px 12px #0f172a0d;display:grid;gap:6px;max-height:220px;overflow:auto}.store-option{border:0;border-radius:8px;min-height:34px;padding:0 9px;text-align:left;font-size:.86rem;color:#334155;background:#f8fafc}.store-option.active{background:#e9f0fc;color:#2f4f86;font-weight:700}.panel-grid,.more-grid{display:grid;gap:8px}.compact-grid{grid-template-columns:1fr 1fr}.stat-card,.more-card{background:var(--surface);border:0;border-radius:12px;padding:10px;box-shadow:0 3px 10px #0f172a0d}.stat-card p,.more-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.35}.stat-card strong,.more-card strong{display:block;margin-top:7px;font-size:1.38rem;line-height:1.2;color:var(--ink)}.stat-card span{display:block;margin-top:6px;color:var(--muted);font-size:.78rem}.more-card h3{margin:0;font-size:1rem}.more-card p{margin-top:7px}.more-action-card{display:flex;flex-direction:column;align-items:flex-start}.more-action-btn{margin-top:8px;border:0;border-radius:8px;min-height:32px;padding:0 10px;font-size:.76rem;font-weight:700;color:#1f3f6f;background:#dbeafe}.more-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.more-menu-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:0;border-radius:14px;padding:20px 12px 16px;box-shadow:0 3px 10px #0f172a0f;cursor:pointer;text-align:center;min-height:100px;transition:background .15s}.more-menu-card:active{background:#f1f5fd}.more-menu-icon{width:36px;height:36px;color:var(--primary, #2f4f86)}.more-menu-icon svg{width:100%;height:100%}.more-menu-label{font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.3}.more-menu-badge{position:absolute;top:8px;right:10px;background:#e53;color:#fff;font-size:.7rem;font-style:normal;font-weight:700;border-radius:99px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center}.mobile-header-left{display:flex;align-items:center;gap:4px}.header-back-btn{background:none;border:none;font-size:1.8rem;color:#fff;cursor:pointer;padding:0 2px;line-height:1;opacity:.9}.supplier-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 2px;font-size:.85rem;color:var(--muted)}.supplier-chart-wrap{display:flex;justify-content:center;padding:4px 0}.toolbar-card{margin-top:8px;background:#ffffffed;border:0;border-radius:12px;padding:8px;box-shadow:0 3px 10px #0f172a0d}.toolbar-grid{margin-top:2px;display:grid;gap:8px}.toolbar-grid input{width:100%;border:1px solid var(--line-soft);border-radius:9px;min-height:36px;padding:0 9px;font-size:.88rem;color:var(--ink);background:#fbfcfe}.toolbar-search-wrap{width:100%;position:relative;display:block;color:#64748b}.toolbar-search-icon{position:absolute;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}.toolbar-search-input{padding-left:32px!important}.list-card{background:#ffffffed;border:0;border-radius:12px;padding:8px;box-shadow:0 3px 10px #0f172a0d}.list-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.list-card h3{margin:0;font-size:.95rem}.list-card header span{font-size:.74rem;color:var(--muted)}.list-card-actions{display:inline-flex;align-items:center;gap:6px}.list-card-actions .btn-primary{min-height:30px;padding:0 10px;font-size:.74rem}.list-card ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.list-card li{border:0;border-radius:9px;background:#fbfcfe;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:inset 0 0 0 1px #e2e8f073}.list-card li strong{display:block;font-size:.86rem}.list-card li p{margin:2px 0 0;font-size:.75rem;color:var(--muted)}.list-card li>span{flex-shrink:0;font-size:.76rem;color:#42526a;font-weight:700}.list-card li.product-row{min-height:auto;align-items:stretch;padding:10px}.product-row-main{min-width:0;display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;align-items:start}.product-thumb-wrap{width:70px;height:70px;border-radius:9px;overflow:hidden;background:#f1f5f9}.product-thumb{width:100%;height:100%;object-fit:cover;display:block}.product-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#334155}.product-inline-tags{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.product-chip{display:inline-flex;align-items:center;border-radius:999px;background:#eef2ff;color:#3b4a6b;font-size:.67rem;font-weight:600;padding:2px 7px}.product-row-actions,.customer-row-actions{flex-shrink:0;display:grid;gap:6px;justify-items:end}.view-btn{border:0;border-radius:8px;min-height:30px;min-width:54px;padding:0 9px;font-size:.78rem;font-weight:700;color:#1f3f6f;background:#dbeafe}.mobile-product-detail-panel,.mobile-customer-detail-panel{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;overflow:auto;border-radius:0;background:#fff;padding:10px;box-shadow:0 12px 24px #0f172a33}.mobile-customer-edit-panel{padding:8px}.mobile-customer-edit-panel .dialog-header{position:sticky;top:0;z-index:2;background:#fff;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.mobile-customer-edit-panel .dialog-header h2{font-size:.96rem}.mobile-customer-edit-panel .product-create-subtitle{margin-top:2px;font-size:.74rem}.mobile-customer-edit-panel .dialog-body{margin-top:6px}.mobile-customer-edit-panel .detail-card{padding:10px;border-radius:10px}.mobile-customer-edit-panel .mobile-detail-field{gap:3px;font-size:.75rem}.mobile-customer-edit-panel .mobile-detail-field input,.mobile-customer-edit-panel .mobile-detail-field select,.mobile-customer-edit-panel .mobile-detail-field textarea{min-height:32px;padding:6px 8px;font-size:.82rem}.mobile-customer-edit-panel .mobile-two-cols{gap:8px;grid-template-columns:1fr}.mobile-customer-edit-panel .dialog-footer{position:sticky;bottom:0;z-index:2;padding-top:8px;background:#fff;border-top:1px solid #e2e8f0}@media (max-width: 390px){.mobile-customer-edit-panel .mobile-two-cols{grid-template-columns:1fr}.mobile-customer-edit-panel .btn-primary,.mobile-customer-edit-panel .btn-cancel{min-height:32px;padding:0 10px;font-size:.8rem}}.mobile-date-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-date-range-grid label{display:grid;gap:4px;font-size:.76rem;color:#64748b}.mobile-date-range-grid input{border:1px solid var(--line-soft);border-radius:8px;min-height:34px;padding:0 8px;font-size:.82rem;background:#fbfcfe}.mobile-quick-range-row{display:flex;gap:6px;flex-wrap:wrap}.mobile-quick-range-row .btn-cancel{min-height:30px;padding:0 10px;font-size:.78rem}.detail-tab-bar{display:flex;gap:0;border-bottom:2px solid #e2e8f0}.detail-tab-btn{flex:1;padding:8px 0;font-size:.85rem;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:#64748b;transition:color .15s,border-color .15s}.detail-tab-btn.active{color:#ef6f51;border-bottom-color:#ef6f51;font-weight:600}.detail-tab-btn:hover:not(.active){color:#334155}.overview-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.overview-filter-grid label{display:grid;gap:4px;font-size:.76rem;color:#64748b}.overview-filter-grid input,.overview-filter-grid select{border:1px solid var(--line-soft);border-radius:8px;min-height:34px;padding:0 8px;font-size:.82rem;background:#fbfcfe;color:#0f172a}.mobile-trend-chart{width:100%;height:122px;display:block;border-radius:8px;background:#f8fafc}.mobile-trend-legend{display:flex;gap:12px;flex-wrap:wrap;color:#64748b;font-size:.75rem}.mobile-trend-legend span{display:inline-flex;align-items:center;gap:6px}.kpi-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpi-filter-grid label{display:grid;gap:4px;font-size:.76rem;color:#64748b}.kpi-filter-grid select{border:1px solid var(--line-soft);border-radius:8px;min-height:34px;padding:0 8px;font-size:.82rem;background:#fbfcfe;color:#0f172a}.legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.legend-dot--sell{background:#ef6f51}.legend-dot--cost{background:#64748b}.legend-dot--revenue{background:#16a34a}.legend-dot--debt{background:#0ea5e9}.legend-dot--profit{background:#7c3aed}.legend-dot--cashflow{background:#f59e0b}.mobile-detail-field{display:grid;gap:4px;font-size:.78rem;color:#64748b}.mobile-detail-field input,.mobile-detail-field select,.mobile-detail-field textarea{border:1px solid var(--line-soft);border-radius:8px;min-height:34px;padding:7px 8px;font-size:.84rem;color:#0f172a;background:#fff;font-family:inherit}.mobile-detail-actions{display:flex;justify-content:flex-end}.mobile-two-cols{display:grid;gap:8px;grid-template-columns:1fr 1fr}.mobile-mini-list{display:grid;gap:6px}.mobile-mini-row{display:grid;gap:2px;border-radius:8px;background:#f8fafc;padding:7px 8px}.mobile-mini-row strong{font-size:.82rem;color:#0f172a}.mobile-mini-row span{font-size:.74rem;color:#64748b}.mobile-mini-row em{font-style:normal;font-size:.78rem;font-weight:700;color:#1e293b}.form-success{color:#15803d}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;z-index:50;display:grid;place-items:stretch;padding:0}.dialog-panel{border:0}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dialog-header h2{margin:0;font-size:1rem}.product-create-subtitle{margin:4px 0 0;color:var(--muted);font-size:.78rem}.close-btn{border:0;width:28px;height:28px;border-radius:8px;background:#e2e8f0;color:#334155;font-weight:700}.dialog-body{margin-top:8px}.dialog-footer{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.btn-primary,.btn-cancel{border:0;border-radius:8px;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:700}.btn-primary{color:#fff;background:linear-gradient(120deg,#ef6f51,#d9583d)}.btn-cancel{color:#334155;background:#e2e8f0}.btn-secondary{border:0;border-radius:8px;min-height:30px;padding:0 10px;font-size:.74rem;font-weight:700;color:#334155;background:#e2e8f0}.filter-menu-wrap{position:relative}.filter-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:8;min-width:220px;padding:6px;display:grid;gap:4px;border-radius:10px;border:1px solid #dbe3ef;background:#fff;box-shadow:0 8px 24px #0f172a26}.filter-option{border:0;border-radius:8px;min-height:32px;padding:0 10px;text-align:left;font-size:.78rem;font-weight:600;color:#334155;background:#f8fafc}.filter-option.active{color:#1f3f6f;background:#dbeafe}.filter-option-reset{color:#b45309;background:#fff7ed}.detail-card{background:#f8fafc;border-radius:10px;padding:8px}.detail-card-grid{display:grid;gap:6px}.cinfo-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.cinfo-row span:first-child{color:#64748b;font-size:.77rem}.cinfo-row span:last-child{color:#0f172a;font-size:.83rem;font-weight:600;text-align:right}.list-card li.product-row>span{align-self:flex-start;margin-top:2px}.list-card li.kpi-row-item{align-items:flex-start}.list-card li.kpi-row-item .view-btn{margin-top:2px}.empty-row{justify-content:center!important;color:var(--muted);font-size:.78rem}.icon-wrap{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-bottom:8px;color:#2f4f86;background:#eaf1ff}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:8px;width:min(430px,calc(100% - 16px));background:#fff;border:0;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;gap:4px;z-index:20;box-shadow:0 10px 20px #0f172a24}.nav-item{border:none;background:transparent;border-radius:10px;min-height:58px;display:grid;justify-items:center;align-content:center;gap:4px;color:#475569;padding:3px}.nav-icon-wrap{position:relative;width:20px;height:20px;display:grid;place-items:center}.nav-badge{position:absolute;top:-8px;right:-14px;min-width:18px;height:18px;border-radius:999px;padding:0 4px;font-style:normal;font-size:.64rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid #fff}.nav-item svg,.icon-wrap svg{width:20px;height:20px}.nav-item span{white-space:pre-line;text-align:center;font-size:.63rem;line-height:1.15}.nav-item.active{background:#e9f0fc;color:#2f4f86;font-weight:700}.logout-btn-more{width:100%;border:0;border-radius:10px;min-height:44px;font-weight:700;font-size:.9rem;color:#fff;background:linear-gradient(120deg,#d43737,#b02222);margin-top:4px}.login-screen{display:grid;place-items:center;padding:12px}.login-card{width:100%;background:#fffe;border-radius:14px;border:0;padding:14px;box-shadow:0 12px 22px #0f172a14}.badge{display:inline-block;margin:0;padding:4px 9px;border-radius:99px;background:#eaf1ff;color:#2f4f86;font-size:.73rem;font-weight:700;letter-spacing:.03em}.login-card h1{margin:10px 0 7px;font-size:1.4rem}.login-sub{margin:0 0 12px;color:var(--muted);font-size:.9rem;line-height:1.38}.login-form{display:grid;gap:8px}.login-form label{font-size:.82rem;color:#45556d}.login-form input{border:1px solid var(--line-soft);border-radius:9px;min-height:40px;padding:0 10px;font-size:.95rem;color:var(--ink);background:#fbfcfe}.login-form input:focus{outline:2px solid #c8daf8;border-color:#95b0dc}.login-form button{margin-top:5px;border:0;border-radius:10px;min-height:44px;font-weight:700;font-size:.92rem;color:#fff;background:linear-gradient(120deg,#ef6f51,#d9583d)}.login-form button:disabled{opacity:.65}.form-error{margin:4px 0;color:#d43737;font-size:.82rem}.form-error.in-page{margin:10px 2px 0}@media (min-width: 431px){body{padding:10px 0}}