@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color:#0f0f11;--text-primary:#fff;--text-secondary:#a1a1aa;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-highlight:#ffffff1f;--blur-amount:16px;--primary:#6366f1;--primary-glow:0 0 20px #6366f166;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#0ea5e9;--radius-lg:24px;--radius-md:16px;--radius-sm:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#10b9811a 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}#root{width:100%;max-width:600px;padding:env(safe-area-inset-top)16px env(safe-area-inset-bottom)16px;margin:0 auto}.app-container{flex-direction:column;gap:20px;padding-bottom:90px;animation:.3s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1e1e2399;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003}.header{z-index:100;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#0f0f11d9;flex-direction:column;gap:12px;padding:12px 20px;display:flex;position:sticky;top:10px;box-shadow:0 8px 32px #0003}.header h1{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.current-user-display{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:.8rem;transition:all .2s}.current-user-display:hover{background:var(--glass-highlight);color:#fff}.tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.tabs{scrollbar-width:thin;padding-bottom:6px}.tabs::-webkit-scrollbar{height:4px;display:block}.tabs::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.tabs::-webkit-scrollbar-thumb:hover{background:#fff6}}.tabs button{white-space:nowrap;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tabs button.active{background:var(--glass-highlight);color:#fff;box-shadow:inset 0 0 0 1px var(--glass-border)}.cart-summary{color:var(--success);border-radius:var(--radius-md);background:#10b98126;border:1px solid #10b9814d;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 16px;font-weight:600;animation:.3s ease-out slideDown;display:flex}.cart-summary button{background:var(--success);color:#000;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;box-shadow:0 4px 12px #10b98166}.product-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.product-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:space-between;height:100%;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:#6366f180;transform:translateY(-4px);box-shadow:0 8px 24px #6366f14d}.product-card:active{transform:scale(.98)}.product-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.product-card h3{color:var(--text-primary);margin:0 0 4px;font-size:.95rem;font-weight:600;line-height:1.3}.stock{color:var(--text-secondary);margin-bottom:12px;font-size:.75rem}.card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price{color:#fff;font-size:1rem;font-weight:700}.controls{border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;align-items:center;padding:2px;display:flex}.controls input{color:#fff;text-align:center;background:0 0;border:none;outline:none;width:36px;height:30px;font-size:.9rem;font-weight:600}.cash-container{flex-direction:column;gap:20px;display:flex}.balance-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);padding:24px}.balance-card h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin:0;font-size:.8rem}.balance-amount{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:10px 0 20px;font-size:2.5rem;font-weight:800}.balance-actions{gap:12px;display:flex}.btn-in,.btn-out{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:12px;font-size:.95rem;font-weight:600;transition:transform .1s}.btn-in{color:var(--success);background:#10b98133;border:1px solid #10b98133}.btn-out{color:var(--danger);background:#ef444433;border:1px solid #ef444433}.history-list h3,.admin-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px 4px;font-size:.9rem;font-weight:600}.history-item,.history-card,.admin-product-row,.admin-user-row{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px;transition:background .2s;display:flex}.history-card{flex-direction:column;align-items:stretch;gap:12px}.history-item.in{border-left:3px solid var(--success)}.history-item.out{border-left:3px solid var(--danger)}.history-info{flex-direction:column;gap:4px;display:flex}.history-date{color:var(--text-secondary);font-size:.75rem}.history-note{color:#fff;font-size:.9rem}.history-amount{font-size:1rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);background:#18181b;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:400px;max-height:90vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow-y:auto;box-shadow:0 20px 60px -10px #00000080}.modal-content h2{text-align:center;color:#fff;margin:0;font-size:1.2rem}.user-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.user-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:20px;transition:all .2s;display:flex}.user-btn:hover,.user-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 20px #6366f14d}.user-btn span:first-child{color:#fff;font-size:1.1rem;font-weight:600}.user-role{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem}.user-btn:hover .user-role{color:#fffc}input,select,textarea{font-family:inherit}.modal-input,select{color:#fff;background:#27272a;border:1px solid #3f3f46;border-radius:12px;outline:none;width:100%;padding:12px;font-size:1rem;transition:all .2s}.modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.modal-actions{gap:10px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:1rem;font-weight:600}.btn-modal-cancel{color:#fff;background:#3f3f46}.btn-modal-confirm{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f166}.admin-container,.stats-container{flex-direction:column;gap:20px;display:flex}.admin-tabs{scrollbar-width:none;gap:8px;margin-bottom:0;padding-bottom:2px;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.admin-tabs{scrollbar-width:thin;padding-bottom:6px}.admin-tabs::-webkit-scrollbar{height:4px;display:block}.admin-tabs::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.admin-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.admin-tabs::-webkit-scrollbar-thumb:hover{background:#fff6}}.admin-tabs button{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;padding:8px 16px}.admin-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-product-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.admin-product-row .name{flex:40%;min-width:120px;margin-right:8px;font-weight:600;line-height:1.2}.admin-price-display{white-space:nowrap;color:var(--success);flex-shrink:0;font-weight:700}.admin-product-row input.modal-input{min-width:80px;padding:8px;flex:auto!important}.admin-product-row select.modal-input{flex:0 auto;padding:8px;width:auto!important}.stats-filters-card,.add-product-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px}.label{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem}.period-buttons{gap:8px;display:flex}.period-buttons button{border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:1;padding:10px;transition:all .2s}.period-buttons button.active{background:var(--primary);border-color:var(--primary);color:#fff}.date-row{grid-template-columns:1fr 1fr;gap:10px;max-width:100%;margin-bottom:20px;display:grid;overflow:hidden}.date-row input[type=date]{min-width:0;max-width:100%}.stats-results-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;padding:16px}.stat-card .title{color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:.75rem}.stat-card .value{color:#fff;font-size:1.2rem;font-weight:700}.text-primary{color:var(--info)!important}.text-success{color:var(--success)!important}.text-sm{font-size:.9rem!important}.stats-list{margin:0;padding:0;list-style:none}.stats-list li{border-bottom:1px solid var(--glass-border);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 0;display:grid}.stat-row-name{text-align:left;font-size:.95rem;font-weight:500}.stat-row-details{text-align:right;grid-template-columns:auto auto;align-items:center;gap:16px;display:grid}.stat-qty{color:var(--text-secondary);text-align:right;min-width:80px;font-size:.85rem}.stat-revenue{color:var(--success);text-align:right;min-width:100px;font-weight:600}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:12px;font-weight:600}.btn-secondary{color:#fff;cursor:pointer;background:#3f3f46;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:12px;font-weight:600}.btn-outline{border:1px solid var(--glass-border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:12px;font-weight:600}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cart-bar{border:1px solid var(--glass-border);z-index:90;background:#18181b;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 10px 40px #00000080}.cart-total{color:#fff;font-size:1.2rem;font-weight:800}.btn-checkout{background:var(--success);color:#000;cursor:pointer;border:none;border-radius:14px;padding:12px 24px;font-size:1rem;font-weight:700}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0}.btn-text{color:#ccc;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:.85rem;transition:all .2s}.btn-text:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.btn-text-danger{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:6px 12px;font-size:.85rem;transition:all .2s}.btn-text-danger:hover{background:#ef444433}.btn-success{background:var(--success);color:#000;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:600}.btn-toggle{font-weight:600;transition:all .3s}.active-in{box-shadow:0 0 10px #4ade8066}.active-out{box-shadow:0 0 10px #f8717166}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.user-selection-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#18181b99}.stats-details{gap:30px;display:grid}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:auto;background:#141414e6;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.95rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:0 10px 30px #00000080}.toast span{font-size:1.2rem}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}