:root{--primary:#059669;--primary-hover:#047857;--secondary:#64748b;--accent:#10b981;--success:#059669;--danger:#ef4444;--background:#fff;--surface:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#f3f4f6;--sales-bg:#ecfdf5;--sales-text:#059669;--expense-bg:#fef2f2;--expense-text:#dc2626;--profit-bg:#eff6ff;--profit-text:#2563eb;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}body.dark-mode{--primary:#10b981;--secondary:#334155;--accent:#f59e0b;--background:#0f172a;--surface:#1e293b;--border:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--sales-bg:#064e3b;--expense-bg:#450a0a;--profit-bg:#1e3a5f;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{overflow-x:hidden}body{background-color:var(--background);color:var(--text-main);word-wrap:break-word;overflow-wrap:break-word;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}input,select,textarea{color:var(--text-main);background:var(--surface);font-family:inherit}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.025em;box-shadow:var(--shadow-sm);white-space:nowrap;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:active{background-color:var(--primary-hover);transform:scale(.98)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-success{background-color:var(--success);color:#fff}.btn-danger{background-color:var(--danger);color:#fff}.btn-accent{background-color:var(--accent);color:#fff}.btn-large{width:100%;padding:1rem 1.5rem;font-size:1rem}.container{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--border);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005}.card-sales{background:var(--sales-bg);border-color:#0000}.card-expenses{background:var(--expense-bg);border-color:#0000}.card-profit{background:var(--profit-bg);border-color:#0000}.app-container{flex-direction:column;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.nav-mobile{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#fffffff2;border:1px solid #fff9;border-radius:20px;justify-content:space-around;align-items:center;width:calc(100vw - 24px);padding:8px 4px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;overflow:hidden;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}body.dark-mode .nav-mobile{background:#1e293bf7;border-color:#33415599}.nav-item{color:var(--text-muted);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;max-width:72px;padding:6px 8px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-item.active{color:var(--primary);background:#0596691a;font-weight:700}.nav-item:active{transform:scale(.93)}.main-content{padding:var(--space-md);max-width:100vw;padding-bottom:100px;overflow-x:hidden}@media (width>=768px){.main-content{padding-left:260px;padding-bottom:var(--space-md);padding-top:var(--space-md)}.nav-mobile{width:240px;padding:var(--space-xl) var(--space-md);justify-content:flex-start;align-items:stretch;gap:var(--space-xs);background:var(--surface);-webkit-backdrop-filter:none;border-right:1px solid var(--border);border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;inset:114px auto 0 0;overflow:hidden auto;box-shadow:2px 0 12px #0000000a}body:not(.dark-mode) .nav-mobile{background:#f8fdfb}.nav-item{gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);flex-direction:row;flex:none;width:100%;max-width:100%;font-size:.875rem;transition:all .15s}.nav-item:hover:not(.active){color:var(--primary);background:#0596690f}.nav-item.active{color:var(--primary);background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);box-shadow:0 2px 8px #0596691f}}.badge{text-transform:uppercase;white-space:nowrap;border-radius:9999px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-danger{color:#991b1b;background:#fee2e2}.product-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}@media (width>=640px){.product-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.pos-container{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=1024px){.pos-container{grid-template-columns:1fr 380px;height:calc(100vh - 160px)}}.product-card{border:1px solid var(--border);flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.settings-layout{gap:var(--space-md);flex-direction:column;display:flex}.settings-nav{gap:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;padding-bottom:4px;display:flex;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}@media (width>=768px){.settings-layout{gap:var(--space-xl);grid-template-columns:220px 1fr;align-items:start;display:grid}.settings-nav{flex-direction:column;overflow-x:visible}.settings-nav-btn{padding:12px 16px;font-size:.9rem}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.receipt-print,.sku-label-print{display:none}@media print{html,body{margin:0;padding:0}body *{visibility:hidden!important}.no-print{display:none!important}.receipt-print{visibility:visible!important;color:#000!important;background:#fff!important;width:80mm!important;min-height:auto!important;max-height:none!important;padding:4mm!important;font-family:Courier New,monospace!important;font-size:11px!important;line-height:1.4!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.receipt-print *{visibility:visible!important;color:#000!important;background:0 0!important}@page{size:80mm auto;margin:0}.sku-label-print{visibility:visible!important;color:#000!important;box-sizing:border-box!important;background:#fff!important;border:.5pt solid #ccc!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:2mm!important;width:50mm!important;height:25mm!important;padding:2mm!important;font-family:Arial,sans-serif!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.sku-label-print *{visibility:visible!important;color:#000!important;background:0 0!important}}@media print and (width<=80mm){@page{size:80mm auto;margin:0}}.print-only{display:none}.overflow-x-hidden{overflow-x:hidden}