: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;--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}body{background-color:var(--background);color:var(--text-main);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}.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);padding:.75rem 1.5rem;font-size:1rem;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-large{width:100%;padding:1.25rem 2rem;font-size:1.25rem}.btn-success{background-color:var(--success);color:#fff}.btn-danger{background-color:var(--danger);color:#fff}.btn-accent{background-color:var(--accent);color:#fff}.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}.nav-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;justify-content:space-around;padding:10px 8px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.nav-item{color:var(--text-muted);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:var(--primary);background:#0596691a;font-weight:700}.nav-item:active{transform:scale(.95)}.main-content{padding:var(--space-md);padding-bottom:110px}@media (width>=768px){.main-content{padding-left:260px;padding-bottom:var(--space-md)}.nav-mobile{width:240px;padding:var(--space-xl) var(--space-md);justify-content:flex-start;gap:var(--space-md);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-right:1px solid var(--border);border-radius:0;flex-direction:column;inset:0 auto 0 0}.nav-item{gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);flex-direction:row;width:100%;font-size:1rem}.nav-item.active{background:#ecfdf5}}.badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;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-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.pos-container{gap:var(--space-md);grid-template-columns:1fr;height:auto;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(-4px)}.receipt-print,.printable-area{display:none}@media print{body *{visibility:hidden}.no-print{display:none!important}.receipt-print,.receipt-print *{visibility:visible!important}.receipt-print{background:#fff;flex-direction:column;width:80mm;padding:5mm;font-family:monospace;position:absolute;top:0;left:0;display:flex!important}.printable-area,.printable-area *{visibility:visible!important}.printable-area{box-sizing:border-box;background:#fff;border:1px solid #ccc;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:50mm;height:25mm;padding:2mm;font-family:Arial,sans-serif;position:absolute;top:0;left:0;display:flex!important}@page{size:60mm 30mm;margin:2mm}}.print-only{display:none}