@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500&display=swap";:root{--bg-main:#f4f7f6;--bg-card:#ffffffd9;--bg-sidebar:#fffffff2;--text-main:#1e293b;--text-muted:#64748b;--primary:#4f46e5;--primary-hover:#4338ca;--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--primary-gradient-hover:linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--border:#e2e8f0cc;--danger:#ef4444;--success:#10b981;--radius:16px;--radius-sm:8px;--shadow-sm:0 4px 6px -1px #00000008, 0 2px 4px -2px #00000008;--shadow-md:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000003;--shadow-lg:0 25px 50px -12px #00000026;--shadow-glow:0 0 20px #4f46e54d;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--glass-blur:blur(12px)}[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293bb3;--bg-sidebar:#0f172ae6;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#6366f1;--primary-hover:#818cf8;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--border:#33415599;--shadow-md:0 10px 25px -5px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#4f46e50d 0,#0000 50%),radial-gradient(at 100% 100%,#7c3aed0d 0,#0000 50%);background-attachment:fixed;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff80;outline:none;padding:.65rem 1rem;font-size:.95rem;transition:all .2s}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:#0f172a80}input:focus,textarea:focus,select:focus{border-color:var(--primary);background-color:var(--bg-card);transform:translateY(-1px);box-shadow:0 0 0 3px #4f46e526}.btn{border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm);border:none}.btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1px solid var(--border);color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff80}.btn-outline:hover{background-color:var(--bg-main);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-outline:active{transform:translateY(0)}.card{background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-blur);padding:2rem;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.table-wrapper{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:1rem 1.25rem;transition:background-color .2s}th{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background-color:#f8fafc80;font-size:.8rem;font-weight:600}[data-theme=dark] th{background-color:#0f172a4d}tbody tr:hover td{background-color:#f1f5f966}[data-theme=dark] tbody tr:hover td{background-color:#1e293b66}tbody tr:last-child td{border-bottom:none}.badge{letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:600;font-family:var(--font-sans);border-radius:9999px;padding:.35rem .75rem}.badge-success{color:#059669;background:#10b9811a;border:1px solid #10b98133}.badge-danger{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.badge-warning{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}[data-theme=dark] .badge-success{color:#34d399;background:#10b98126}[data-theme=dark] .badge-danger{color:#f87171;background:#ef444426}[data-theme=dark] .badge-warning{color:#fbbf24;background:#f59e0b26}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:10;flex-direction:column;display:flex;box-shadow:2px 0 10px #00000005}.main-content{flex:1;padding:2.5rem;overflow-y:auto}.nav-item{color:var(--text-muted);font-weight:500;font-family:var(--font-display);border-radius:var(--radius-sm);align-items:center;gap:.85rem;margin:.35rem 1rem;padding:.85rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--primary);background-color:#4f46e514;transform:translate(4px)}.nav-item.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.nav-item.active:hover{transform:none}.grid{display:grid}.flex{display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b80}@media (width<=1024px){.pos-layout{flex-direction:column!important;height:auto!important;overflow:visible!important}.pos-cart{flex:none!important;width:100%!important;max-width:100%!important}.main-content{padding:1.5rem}}.mobile-topbar,.sidebar-close,.sidebar-backdrop,.pos-cart-jump{display:none}@media (width<=768px){.app-container{height:auto;min-height:100vh;display:block;overflow:visible}.main-content{background:var(--bg-main);max-width:100vw;min-height:calc(100vh - 56px);padding:1rem;overflow:visible}.main-content>[style*="padding: 0px 2rem"],.main-content>[style*="padding: 0 2rem"]{padding:0!important}.mobile-topbar{z-index:50;background:var(--bg-sidebar);border-bottom:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.mobile-topbar button{color:var(--text-main);border-radius:8px;padding:.4rem;display:inline-flex}.mobile-topbar-title{font-family:var(--font-display);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:inline-flex}.sidebar{z-index:100;background:#fff;width:280px;max-width:85vw;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000040}.sidebar-brand{padding:1.25rem!important}.sidebar-close{color:var(--text-muted);margin-left:auto;display:inline-flex}.sidebar-backdrop{z-index:90;background:#0f172a73;display:block;position:fixed;inset:0}.nav-item{margin:.2rem .75rem;padding:.8rem 1rem}.main-content [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.main-content [style*=grid-template-columns]>*,.main-content [style*="display: flex"]>*{min-width:0}.main-content [style*="display: flex"]:not([style*="flex-direction: column"]){flex-wrap:wrap}.main-content [style*="width: 2"],.main-content [style*="width: 3"],.main-content [style*="width: 4"]{max-width:100%!important}.main-content input,.main-content select,.main-content textarea{max-width:100%;font-size:16px}.main-content h1{font-size:1.5rem!important;line-height:1.25!important}.main-content .card{max-width:100%;overflow-x:auto;padding:1rem!important}.main-content .card table{min-width:520px}.editor-preview table,.editor-preview .card table{min-width:0!important}.main-content .card:hover{transform:none}.btn{min-height:40px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrapper table{min-width:560px}th,td{padding:.75rem!important}[style*="position: fixed"][style*="inset: 0"]>.card,[style*="position: fixed"][style*="inset: 0"]>div{max-height:90vh;overflow-y:auto;max-width:95vw!important}.pos-layout{flex-direction:column!important;gap:1rem!important;height:auto!important}.pos-cart{flex:none!important;width:100%!important}.editor-layout{flex-direction:column!important}.editor-layout>*{flex:none!important;width:100%!important}.editor-preview{max-height:none!important;position:static!important;overflow-x:auto!important}.editor-preview-scale{zoom:.42;margin:0!important;transform:none!important}.editor-bottom{gap:1rem;flex-direction:column!important}.editor-bottom>*{width:100%!important;max-width:100%!important}.table-wrapper:has(table.mobile-cards){box-shadow:none;background:0 0;border:none;overflow:visible}.card:has(>.table-wrapper>table.mobile-cards){padding:.5rem!important}table.mobile-cards{display:block;min-width:0!important}table.mobile-cards thead{display:none}table.mobile-cards tbody{flex-direction:column;gap:.6rem;display:flex}table.mobile-cards tr{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.2rem .9rem;padding:.85rem 1rem;display:flex}table.mobile-cards td{white-space:normal;font-size:.9rem;display:block;text-align:left!important;border:none!important;padding:0!important}table.mobile-cards td:empty{display:none}table.mobile-cards td:first-child{width:100%;font-size:1rem}table.mobile-cards td:last-child{margin-left:auto}table.mobile-cards td[colspan]{width:100%;text-align:center!important}tbody tr:hover td{background:0 0}.pos-cart{scroll-margin-top:64px}.pos-layout{padding-bottom:5rem}.pos-cart-jump{left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:40;border-radius:14px;padding:.9rem 1rem;font-size:1rem;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 10px 25px #4f46e559}}@media print{.mobile-topbar,.sidebar-backdrop{display:none!important}}@media (width>=769px) and (width<=1500px){.editor-preview-scale{zoom:.38;margin:0 auto!important;transform:none!important}}@media (width>=1501px){.editor-preview-scale{zoom:.6;margin:0 auto!important;transform:none!important}}