:root{--lp-bg-dark: #0f172a;--lp-bg-card: #1e293b;--lp-text-primary: #f8fafc;--lp-text-secondary: #94a3b8;--lp-accent: #3b82f6;--lp-accent-hover: #2563eb;--lp-border: rgba(255, 255, 255, .08)}.landing-page-wrapper{color:var(--lp-text-primary);height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;font-family:Inter,sans-serif;background-color:var(--lp-bg-dark)}.container-custom{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.z-content{position:relative;z-index:10}.lp-header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.5rem 0;transition:all .3s ease}.lp-header.scrolled{background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;border-bottom:1px solid var(--lp-border)}.header-container-fluid{width:100%;padding:0 3rem;display:flex;align-items:center;justify-content:space-between}.brand-logo-header{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#fff;text-transform:uppercase}.btn-login-header{padding:.75rem 2rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-login-header:hover{background:rgba(255,255,255,.2);border-color:#fff6}.lp-hero{padding-top:100px;padding-bottom:50px;text-align:center;position:relative;z-index:1;height:100vh;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-carousel-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(2,6,23,.85);z-index:2}.carousel-root{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity 2s ease-in-out}.badge-new{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:99px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#60a5fa;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;animation:fadeUp .8s ease-out}.hero-title{font-size:3rem;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;animation:fadeUp .8s ease-out .1s backwards}@media (min-width: 768px){.hero-title{font-size:5rem}}.gradient-text{background:linear-gradient(to right,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.125rem;color:var(--lp-text-secondary);max-width:600px;margin:0 auto 3rem;line-height:1.6;animation:fadeUp .8s ease-out .2s backwards}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;animation:fadeUp .8s ease-out .3s backwards}.btn-primary{padding:1.25rem 3rem;background:var(--lp-accent);color:#fff;border-radius:14px;font-weight:700;font-size:1.25rem;border:none;display:inline-flex;align-items:center;gap:.75rem;transition:all .2s;cursor:pointer;box-shadow:0 10px 25px -5px #3b82f666;letter-spacing:.02em}.btn-primary:hover{background:var(--lp-accent-hover);transform:translateY(-2px);box-shadow:0 15px 30px -10px #3b82f680}.btn-outline{padding:1rem 2rem;background:rgba(30,41,59,.5);color:#fff;border:1px solid var(--lp-border);border-radius:12px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#334155;border-color:#475569}.lp-features{padding:6rem 0;background-color:var(--lp-bg-dark);position:relative;z-index:5}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:rgba(30,41,59,.5);border:1px solid var(--lp-border);padding:2rem;border-radius:16px;transition:all .3s ease}.feature-card:hover{background:var(--lp-bg-card);border-color:#3b82f64d;transform:translateY(-5px)}.feature-icon-box{width:48px;height:48px;background:rgba(15,23,42,.8);border:1px solid var(--lp-border);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--lp-accent)}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#fff}.feature-desc{color:var(--lp-text-secondary);line-height:1.6;font-size:.95rem}.lp-footer{padding:3rem 0;border-top:1px solid var(--lp-border);background:#020617;position:relative;z-index:5}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer-links{display:flex;gap:2rem}.footer-link{color:var(--lp-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.brand-logo-footer{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#fff;text-transform:uppercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--lp-bg-card);width:100%;max-width:400px;border-radius:16px;border:1px solid var(--lp-border);padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:zoomIn .3s cubic-bezier(.16,1,.3,1)}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;color:var(--lp-text-secondary);cursor:pointer;border:none}.close-btn:hover{color:#fff}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.75rem;font-weight:600;color:var(--lp-text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--lp-text-secondary);pointer-events:none}.input-field{width:100%;padding:.75rem 1rem .75rem 2.8rem;background:var(--lp-bg-dark);border:1px solid var(--lp-border);border-radius:8px;color:#fff;font-size:.95rem;transition:all .2s}.input-field:focus{outline:none;border-color:var(--lp-accent);box-shadow:0 0 0 3px #3b82f61a}.btn-submit{width:100%;margin-top:1rem;padding:.875rem;background:var(--lp-accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:background .2s}.btn-submit:hover{background:var(--lp-accent-hover)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.store-selection-container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at top right,#1e293b 0%,#0f172a 100%);font-family:var(--font-sans);color:#fff;padding-top:4rem;padding-bottom:4rem}.bg-decoration-1{position:absolute;top:-10%;right:-5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,rgba(0,0,0,0) 70%);filter:blur(40px);z-index:0}.bg-decoration-2{position:absolute;bottom:-10%;left:-5%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,rgba(0,0,0,0) 70%);filter:blur(60px);z-index:0}.selection-header{position:relative;z-index:10;width:100%;max-width:1024px;padding:0 1.5rem;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-end}.welcome-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.025em}.highlight-name{color:#3b82f6}.welcome-subtitle{color:#94a3b8;font-size:1.125rem}.logout-container{background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.1);padding:6px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.logout-container:hover{border-color:#ef44444d;box-shadow:0 10px 15px -3px #0003;transform:translateY(-2px)}.logout-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:8px;color:#94a3b8;background:transparent;transition:all .3s;border:1px solid transparent;font-size:1.1rem;font-weight:600;letter-spacing:.025em;cursor:pointer;width:100%}.logout-btn:hover{color:#f87171;background-color:#ef44441a}@media (max-width: 640px){.selection-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.welcome-title{font-size:1.75rem;line-height:1.2}.logout-container{width:100%}.logout-btn{justify-content:center;padding:.6rem 1rem;font-size:1rem}}.stores-grid{position:relative;z-index:10;display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1024px;padding:0 1.5rem}@media (min-width: 768px){.stores-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stores-grid{grid-template-columns:repeat(3,1fr)}}.store-card{position:relative;background-color:#1e293b80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(51,65,85,.5);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .3s ease}.store-card:hover{border-color:#3b82f680;background-color:#1e293bcc;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:0 0 0 1px #3b82f61a}.status-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.status-active{background-color:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-inactive{background-color:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.card-header{margin-bottom:1.5rem}.store-icon-wrapper{width:3.5rem;height:3.5rem;border-radius:.75rem;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 10px 15px -3px #3b82f633;transition:transform .3s ease}.store-card:hover .store-icon-wrapper{transform:scale(1.1)}.store-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem;transition:color .2s}.store-card:hover .store-name{color:#60a5fa}.store-id{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem}.card-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(51,65,85,.5)}.info-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:.25rem}.info-value{font-size:.875rem;color:#fff;font-weight:500;display:flex;align-items:center;gap:.375rem}.role-badge{background-color:#33415580;padding:.125rem .5rem;border-radius:.25rem}.card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500;color:#60a5fa;transition:color .2s}.store-card:hover .card-footer{color:#93c5fd}.arrow-icon{transition:transform .2s}.store-card:hover .arrow-icon{transform:translate(4px)}.new-store-card{border:2px dashed rgba(51,65,85,.5);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s;min-height:320px;background:rgba(30,41,59,.3);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.new-store-card:hover{border-color:#3b82f6;background-color:#1e293b99;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.new-store-icon{width:3rem;height:3rem;border-radius:50%;background-color:#1e293b;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background-color .2s}.new-store-card:hover .new-store-icon{background-color:#334155}.plus-sign{font-size:1.5rem;color:#94a3b8}.new-store-card:hover .plus-sign{color:#fff}.new-store-title{font-size:1.125rem;font-weight:600;color:#94a3b8;margin-bottom:.25rem}.new-store-card:hover .new-store-title{color:#fff}.new-store-desc{font-size:.875rem;color:#64748b;max-width:200px}.selection-footer{position:relative;bottom:auto;margin-top:auto;padding-top:2rem;padding-bottom:2rem;text-align:center;color:#475569;font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:28rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;position:relative;color:var(--text-primary)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{background:transparent!important;border:none;color:var(--text-secondary);transition:color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:var(--radius-md)}.modal-close-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)!important}.modal-form{padding:1.5rem;background-color:var(--bg-secondary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-align:left}.input{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-cancel{background-color:transparent!important;color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent}.btn-cancel:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)}.btn-primary{background-color:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;transition:background-color .2s;cursor:pointer;border:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary);color:var(--text-secondary)}.animation-fade-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #2563eb;--success: #10b981;--danger: #ef4444;--border-color: #334155;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}button{cursor:pointer;border:none;font-family:inherit}input,select{font-family:inherit}.bg-secondary{background-color:var(--bg-secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.hover-row{transition:background-color .2s}.hover-row:hover>td{background-color:var(--bg-tertiary)!important;border-top:1px solid var(--bg-tertiary);border-bottom:1px solid var(--bg-tertiary)}.hover-row:hover,.bg-transparent{background-color:transparent!important}.border-none{border:none!important}.outline-none{outline:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.p-4{padding:1rem}.mb-6{margin-bottom:1.5rem}.pointer-events-none{pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.top-1\/2{top:50%}.left-3{left:.75rem}.-translate-y-1\/2{transform:translateY(-50%)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.flex-1{flex:1}.btn-primary{background-color:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-secondary)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color)}.input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:var(--radius-md);width:100%;transition:border-color .2s;height:3rem}.input:focus{outline:none;border-color:var(--accent-color)}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc((100% - 4rem)/5)),1fr));gap:1rem;overflow-y:auto;flex:1;padding-bottom:1rem;align-content:start}.product-card{background-color:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);cursor:pointer;transition:transform .2s}.product-card:hover{transform:translateY(-2px);background-color:var(--bg-secondary);border:1px solid var(--accent-color)}.app-layout{display:grid;grid-template-columns:1fr 350px;grid-template-rows:1fr;height:100vh;overflow:hidden}.main-content{padding:1.5rem;overflow:hidden;display:flex;flex-direction:column;height:100%}.sidebar{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;overflow:hidden;height:100vh;position:relative;padding-bottom:220px}.cart-items{flex:1;overflow-y:auto;margin:1rem 0;width:100%;min-height:0}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--bg-primary);margin-bottom:.5rem;border-radius:var(--radius-sm);flex-shrink:0}.total-section{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);z-index:50;box-shadow:0 -4px 12px #0003}.price-large{font-size:2rem;font-weight:700;color:var(--success)}.dashboard-container{display:flex;height:100vh;background-color:var(--bg-primary);overflow:hidden}.dashboard-sidebar{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);transition:width .3s ease;flex-shrink:0}.sidebar-header{padding:1rem;display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid var(--border-color)}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .5rem}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);transition:all .2s;color:var(--text-secondary);background:transparent;margin-bottom:.25rem}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-color);color:#fff}.dashboard-main{flex:1;overflow-y:auto;background-color:var(--bg-primary);padding:1.5rem;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:.75rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.table td{padding:.75rem;border-bottom:1px solid var(--border-color)}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:var(--bg-tertiary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:3px;border:none}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.h-90vh{height:90vh}.max-h-90vh{max-height:90vh}.max-w-2xl{max-width:42rem}.shrink-0{flex-shrink:0}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2}.gap-6{gap:1.5rem}.bg-black-50{background-color:#00000080}.mt-4{margin-top:1rem}.pt-4{padding-top:1rem}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.p-6{padding:1.5rem}.rounded-lg{border-radius:.5rem}.month-btn{padding:.75rem;border-radius:.5rem;transition:all .2s ease;background-color:transparent;color:var(--text-secondary);width:100%;font-weight:600;cursor:pointer;border:1px solid transparent}.month-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.text-white{color:#fff!important}.text-gray-400{color:#9ca3af!important}.placeholder-gray-400::placeholder{color:#9ca3af!important;opacity:1}.placeholder-gray-500::placeholder{color:#6b7280!important}.month-btn.selected{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-gray-500{color:var(--text-secondary)}.text-gray-400{color:#94a3b8}.text-emerald-500{color:var(--success)}.bg-emerald-soft{background-color:#10b9811a}.text-blue-500{color:#3b82f6}.bg-blue-soft{background-color:#3b82f61a}.text-red-500{color:var(--danger)}.bg-red-soft{background-color:#ef44441a}.text-purple-500{color:#a855f7}.bg-purple-soft{background-color:#a855f71a}.text-amber-500{color:#f59e0b}.text-orange-500{color:#f97316}.text-pink-500{color:#ec4899}.text-cyan-500{color:#06b6d4}.text-yellow-500{color:#eab308}.text-rose-500{color:#f43f5e}input[type=date],select{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}select option{background-color:var(--bg-secondary);color:var(--text-primary)}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.ml-1{margin-left:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-8{padding:2rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded{border-radius:.25rem}.w-8{width:2rem}@media (min-width: 1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-lg-2{grid-column:span 2 / span 2}}@media (max-width: 768px){.dashboard-sidebar{width:80px!important}.dashboard-sidebar span,.dashboard-sidebar .sidebar-header>div{display:none!important}.nav-item{justify-content:center!important;padding-left:0!important;padding-right:0!important}.dashboard-header{flex-direction:column;align-items:flex-start!important;gap:1rem;padding:1rem!important;height:auto!important}.header-left{width:100%;margin-bottom:.5rem}.header-right{width:100%;justify-content:space-between;gap:.5rem!important;padding-left:0!important;border-left:none!important}.user-profile{padding-left:0!important;border-left:none!important;gap:.5rem!important}.user-profile p{font-size:.85rem!important}}@media (max-width: 480px){.dashboard-header .header-left h2{font-size:1.25rem!important}.dashboard-header .header-left p{font-size:.75rem!important}.user-profile div{display:none}.dashboard-main{padding:1rem!important}}.h-8{height:2rem}.h-96{height:24rem}.h-80{height:20rem}.h-72{height:18rem}.w-24{width:6rem}.h-1\.5{height:.375rem}.bg-gray-100{background-color:var(--bg-tertiary);color:var(--text-primary)}.text-gray-600{color:var(--text-secondary)}.bg-red-50{background-color:#ef44441a}.border-red-100{border-color:#ef444433}.text-red-800{color:#fca5a5}.text-red-600{color:var(--danger)}.border-red-200{border-color:#ef44444d}.hover-bg-red-50:hover{background-color:#ef444433}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.grid-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-lg-2{grid-column:span 2}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--text-primary) rgba(255,255,255,.05)}.custom-scrollbar::-webkit-scrollbar{width:12px!important;display:block!important}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,.05)!important}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--text-primary)!important;border-radius:6px;border:3px solid var(--bg-secondary)!important}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)!important}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:var(--bg-tertiary)}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem!important}.pl-12{padding-left:3rem}.pl-16{padding-left:4rem}.pl-24{padding-left:6rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background-color:transparent!important;border:none!important;color:#fff!important;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s;cursor:pointer;z-index:10}.password-toggle-btn:hover{color:var(--text-secondary)!important}.password-toggle-btn:focus{outline:none}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.overflow-auto{overflow:auto!important}.overflow-visible{overflow:visible!important}@media (max-width: 768px){.mobile-h-auto{height:auto!important;min-height:20rem}}@media (max-width: 900px){.app-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100vh;overflow:hidden}.main-content{border-bottom:1px solid var(--border-color)}.grid-products{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding-bottom:80px}.sidebar{height:50vh;width:100%;border-left:none;border-top:1px solid var(--border-color);padding-bottom:0;position:relative;z-index:20;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column}.cart-items{flex:1 1 auto;overflow-y:auto;min-height:0}.total-section{position:relative;inset:auto;width:100%;padding:1rem;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.cart-item{padding:.5rem}.price-large{font-size:1.5rem}.pdv-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem;margin-bottom:1rem!important}.pdv-header>div{width:100%}.pdv-search-container,.pdv-search-container input{width:100%!important}.cart-actions{flex-direction:column!important}}.hidden{display:none!important}.block{display:block}.w-full{width:100%}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px #0000000d}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}@media (min-width: 768px){.md\:flex-row{flex-direction:row!important}.md\:flex-col{flex-direction:column!important}.md\:items-center{align-items:center!important}.md\:gap-0{gap:0!important}.md\:w-auto{width:auto!important}.md\:w-64{width:16rem!important}.md\:table{display:table!important}.md\:inline-table{display:inline-table!important}.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:bg-secondary{background-color:var(--bg-secondary)!important}.md\:shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.md\:p-0{padding:0!important}.md\:h-full{height:100%!important}.md\:overflow-hidden{overflow:hidden!important}.md\:overflow-y-auto{overflow-y:auto!important}}