@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--color-blue:#3b82f6;--color-blue-hover:#2563eb;--color-blue-glow:#3b82f62e;--color-green:#10b981;--color-green-hover:#059669;--color-green-glow:#10b9812e;--color-orange:#f97316;--color-orange-hover:#ea580c;--color-orange-glow:#f973162e;--color-copper:#d97736;--color-copper-hover:#c25e20;--color-copper-glow:#d9773626;--copper-glow-shadow:0 0 20px #d9773640;--bg-dark-base:#08090b;--bg-dark-surface:#10121a;--bg-dark-elevated:#161922;--bg-dark-glow:#1f2330;--glass-bg:#10121ab3;--glass-border:#ffffff0d;--glass-border-focus:#ffffff1f;--glass-blur:blur(16px);--text-primary:#e6e8f0;--text-secondary:#9ea3b0;--text-muted:#656974;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000c;--blue-glow-shadow:0 0 20px #3b82f640;--green-glow-shadow:0 0 20px #10b98140;--orange-glow-shadow:0 0 20px #f9731640;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--table-td-bg:#1012164d;--table-hover-bg:#ffffff05;--input-bg:#ffffff08;--input-bg-focus:#ffffff0f;--btn-outline-hover-bg:#ffffff0d;--menu-item-hover-bg:#ffffff08;--menu-item-active-bg:#ffffff0d;--header-bg:#101216cc}.billing-history-table th,.billing-history-table td{vertical-align:middle;text-align:center!important}.billing-history-table th{letter-spacing:.025em}:root.light-theme,.light-theme{--bg-dark-base:#f8fafc;--bg-dark-surface:#fff;--bg-dark-elevated:#f1f5f9;--bg-dark-glow:#cbd5e1;--glass-bg:#ffffffd9;--glass-border:#0f172a1f;--glass-border-focus:#3b82f673;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 16px 40px #0f172a1f;--blue-glow-shadow:0 0 20px #3b82f626;--green-glow-shadow:0 0 20px #10b98126;--orange-glow-shadow:0 0 20px #f9731626;--table-td-bg:#fffffff2;--table-hover-bg:#0f172a0a;--input-bg:#fff;--input-bg-focus:#f1f5f9;--btn-outline-hover-bg:#0f172a0a;--menu-item-hover-bg:#0f172a0a;--menu-item-active-bg:#0f172a12;--header-bg:#ffffffd9}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--bg-dark-glow) transparent;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark-base);color:var(--text-primary);background-image:radial-gradient(at 10% 20%,#3b82f608 0,#0000 50%),radial-gradient(at 90% 80%,#f9731608 0,#0000 50%),radial-gradient(#10b98105 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-dark-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth);padding:1.5rem}.glass-card:hover{border-color:var(--glass-border-focus);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.glass-card.blue-border{border-left:4px solid var(--color-blue)}.glass-card.green-border{border-left:4px solid var(--color-green)}.glass-card.orange-border{border-left:4px solid var(--color-orange)}.glass-card.red-border{border-left:4px solid #ef4444}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.input-field{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;transition:var(--transition-smooth);outline:none;padding:.75rem 1rem;font-size:.95rem}.input-field:focus{background:var(--input-bg-focus);border-color:var(--color-blue);box-shadow:var(--blue-glow-shadow)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-blue{background:var(--color-blue);color:#fff}.btn-blue:hover{background:var(--color-blue-hover);box-shadow:var(--blue-glow-shadow);transform:translateY(-1px)}.btn-green{background:var(--color-green);color:#fff}.btn-green:hover{background:var(--color-green-hover);box-shadow:var(--green-glow-shadow);transform:translateY(-1px)}.btn-orange{background:var(--color-orange);color:#fff}.btn-orange:hover{background:var(--color-orange-hover);box-shadow:var(--orange-glow-shadow);transform:translateY(-1px)}.btn-outline{border:1px solid var(--glass-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--btn-outline-hover-bg);border-color:var(--glass-border-focus)}.btn-icon{border-radius:50%;width:2.5rem;height:2.5rem;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-blue{background:var(--color-blue-glow);color:var(--color-blue);border:1px solid #3b82f64d}.badge-green{background:var(--color-green-glow);color:var(--color-green);border:1px solid #10b9814d}.badge-orange{color:var(--color-orange);background:#f9731626;border:1px solid #f973164d}.badge-red{color:#ef4444;background:#ef444426;border:1px solid #ef444466}.app-container{width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sidebar{background:var(--bg-dark-surface);border-right:1px solid var(--glass-border);z-index:100;width:280px;transition:var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-blue), var(--color-green));color:#fff;width:2.5rem;height:2.5rem;box-shadow:var(--blue-glow-shadow);justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.logo-text{letter-spacing:-.02em;background:linear-gradient(90deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:700}.sidebar-tenant{background:var(--bg-dark-elevated);border-radius:var(--radius-sm);border:1px solid var(--glass-border);margin:1rem 1.5rem;padding:.75rem 1rem;font-size:.85rem}.tenant-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.tenant-name{color:var(--color-orange);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sidebar-menu{flex-direction:column;flex:1;gap:.4rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.menu-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{background:var(--menu-item-hover-bg);color:var(--text-primary)}.menu-item.active{background:var(--menu-item-active-bg);color:var(--text-primary);font-weight:600}.menu-item.active.blue{border-left-color:var(--color-blue);color:var(--color-blue)}.menu-item.active.green{border-left-color:var(--color-green);color:var(--color-green)}.menu-item.active.orange{border-left-color:var(--color-orange);color:var(--color-orange)}.sidebar-footer{border-top:1px solid var(--glass-border);padding:1.5rem}.user-profile{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.user-avatar{background:var(--bg-dark-elevated);border:1px solid var(--glass-border);width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);font-size:.75rem}.main-layout{flex-direction:column;flex:1;width:calc(100% - 280px);min-width:0;min-height:100vh;margin-left:280px;display:flex}.main-header{background:var(--header-bg);height:70px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:90;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.header-title-area{align-items:center;gap:.5rem;display:flex}.header-title-area h1{font-size:1.25rem;font-weight:700}.header-actions{align-items:center;gap:1.5rem;display:flex}.shift-status-container{border-radius:var(--radius-sm);background:var(--bg-dark-elevated);border:1px solid var(--glass-border);align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;display:flex}.content-body{flex:1;padding:2rem;overflow-y:auto}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{justify-content:space-between;align-items:center;display:flex}.metric-data h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.8rem}.metric-data .value{color:var(--text-primary);font-size:1.8rem;font-weight:700}.metric-data .subtext{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;font-weight:500}.metric-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.metric-icon.blue{background:var(--color-blue-glow);color:var(--color-blue)}.metric-icon.green{background:var(--color-green-glow);color:var(--color-green)}.metric-icon.orange{background:var(--color-orange-glow);color:var(--color-orange)}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--bg-dark-surface);border:1px solid var(--glass-border);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);text-align:center;padding:3rem 2.5rem;position:relative;overflow:hidden}.login-card:before{content:"";background:radial-gradient(circle, var(--color-blue-glow) 0%, transparent 70%);z-index:0;pointer-events:none;width:200px;height:200px;position:absolute;top:-80px;left:-80px}.login-card:after{content:"";background:radial-gradient(circle, var(--color-orange-glow) 0%, transparent 70%);z-index:0;pointer-events:none;width:200px;height:200px;position:absolute;bottom:-80px;right:-80px}.login-form-wrapper{z-index:1;position:relative}.login-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-orange), var(--color-blue));color:#fff;width:4.5rem;height:4.5rem;box-shadow:var(--blue-glow-shadow);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800;display:inline-flex}.login-header h2{letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.login-header p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem}.login-portal-selector{background:var(--bg-dark-elevated);border-radius:var(--radius-sm);border:1px solid var(--glass-border);grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:.35rem;display:grid}.portal-opt{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);padding:.6rem;font-size:.85rem;font-weight:600}.portal-opt.active{background:var(--glass-border-focus);color:var(--text-primary);box-shadow:var(--shadow-sm)}.portal-opt.active.blue{color:var(--color-blue)}.portal-opt.active.orange{color:var(--color-orange)}.store-selector-wrapper{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.store-selector-wrapper label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.select-field{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);appearance:none;cursor:pointer;width:100%;transition:var(--transition-smooth);text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;outline:none;padding:.65rem 2.25rem .65rem .85rem;font-size:.9rem}.select-field:focus{border-color:var(--color-blue);box-shadow:var(--blue-glow-shadow)}.select-field option,.input-field option,select option{background-color:var(--bg-dark-surface);color:var(--text-primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;padding:1.5rem;animation:.2s ease-out fadeIn;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-dark-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:550px;box-shadow:var(--shadow-lg);margin:3rem auto;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow:hidden}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{font-size:1.15rem;font-weight:700}.modal-body{max-height:70vh;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--glass-border);background:#00000026;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.table-container{border-radius:var(--radius-md);border:1px solid var(--glass-border);overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.custom-table th{background:var(--bg-dark-elevated);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem;font-size:.8rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);background:var(--table-td-bg);transition:var(--transition-smooth);padding:1rem 1.25rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:var(--table-hover-bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-toast{z-index:2000;border-radius:var(--radius-sm);color:#fff;box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-blue{background:#2563eb;box-shadow:0 0 15px #3b82f666}.toast-green{background:#059669;box-shadow:0 0 15px #10b98166}.toast-orange{background:#ea580c;box-shadow:0 0 15px #f9731666}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.sidebar{width:80px}.sidebar .logo-text,.sidebar .sidebar-tenant,.sidebar .user-info,.sidebar .menu-text{display:none}.sidebar-header,.sidebar-footer{justify-content:center;padding:1rem}.sidebar-menu{padding:1rem .5rem}.menu-item{justify-content:center;padding:.85rem}.main-layout{width:calc(100% - 80px);min-width:0;margin-left:80px}}@media (width<=768px){.metrics-grid{grid-template-columns:1fr}.content-body{padding:1rem}.main-header{padding:0 1rem}}.responsive-grid-2-1{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}.responsive-grid-2-1.wide{grid-template-columns:1.5fr 1fr}.responsive-grid-2-1.ultra-wide{grid-template-columns:1.55fr 1fr}.responsive-grid-1-2{grid-template-columns:1fr 1.5fr;gap:2rem;display:grid}@media (width<=991px){.responsive-grid-2-1,.responsive-grid-2-1.wide,.responsive-grid-2-1.ultra-wide,.responsive-grid-1-2{grid-template-columns:1fr!important;gap:1.5rem!important}}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=550px){.form-grid-2{grid-template-columns:1fr!important;gap:.75rem!important}}.pos-main-container{height:calc(100vh - 65px);padding:.5rem;overflow:hidden}.pos-main-grid{grid-template-columns:1.3fr 1fr;gap:.5rem;height:100%;display:grid}.pos-col{flex-direction:column;gap:.5rem;height:100%;display:flex;overflow:hidden}.pos-search-bar-grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}@media (width<=991px){.pos-main-container{height:auto!important;padding:.5rem!important;overflow:visible!important}.pos-main-grid{grid-template-columns:1fr!important;height:auto!important}.pos-col{height:auto!important;overflow:visible!important}.pos-search-bar-grid{grid-template-columns:1fr!important}}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;margin-right:.5rem;padding:.5rem;display:none}.mobile-menu-btn:hover{background:#ffffff0d}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:inline-flex}.sidebar{transform:translate(-100%);box-shadow:0 0 30px #000c;width:280px!important;display:flex!important}.sidebar .logo-text,.sidebar .sidebar-tenant,.sidebar .user-info,.sidebar .menu-text,.sidebar .sidebar-menu{display:flex!important}.sidebar-header,.sidebar-footer{justify-content:flex-start!important;padding:1.5rem!important}.menu-item{justify-content:flex-start!important;padding:.85rem 1rem!important}.sidebar.open{transform:translate(0)}.main-layout{width:100%!important;min-width:0!important;margin-left:0!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0009;animation:.2s ease-out fadeIn;position:fixed;inset:0}.main-header{padding:0 1rem!important}.header-actions{gap:.5rem!important}.main-header>.header-actions>div:first-child{display:none!important}.shift-status-container{padding:.25rem .5rem!important;font-size:.75rem!important}.shift-status-container span,.shift-status-container div{display:none}.shift-status-container div:first-child,.shift-status-container button{display:inline-flex!important}}.font-serif{font-family:Cormorant Garamond,Georgia,serif}.font-sans{font-family:Space Grotesk,system-ui,sans-serif}.noise-overlay{content:"";opacity:.02;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.btn-copper{background:var(--color-copper);color:#fff;letter-spacing:.05em;transition:var(--transition-smooth);font-family:Space Grotesk,sans-serif}.btn-copper:hover{background:var(--color-copper-hover);box-shadow:var(--copper-glow-shadow);transform:translateY(-2px)}.btn-outline-copper{color:var(--color-copper);transition:var(--transition-smooth);background:0 0;border:1px solid #d977364d;font-family:Space Grotesk,sans-serif}.btn-outline-copper:hover{background:var(--color-copper-glow);border-color:var(--color-copper);color:var(--text-primary)}.copper-glow-spot{filter:blur(50px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#d9773614 0%,#0000 70%);width:450px;height:450px;position:absolute}.grid-lines-bg{background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:80px 80px}.light-theme .grid-lines-bg{background-image:linear-gradient(90deg,#0f172a05 1px,#0000 1px),linear-gradient(#0f172a05 1px,#0000 1px)}.clp-bill-card{border-radius:var(--radius-sm);border:1px solid var(--glass-border);transition:var(--transition-smooth);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:.75rem;display:flex;position:relative;overflow:hidden}.clp-bill-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26;transform:translateY(-3px)}.clp-bill-20k{background:linear-gradient(135deg,#d9773626,#d977360d);border-left:4px solid #d97736}.clp-bill-10k{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-left:4px solid #3b82f6}.clp-bill-5k{background:linear-gradient(135deg,#ef444426,#ef44440d);border-left:4px solid #ef4444}.clp-bill-2k{background:linear-gradient(135deg,#10b98126,#10b9810d);border-left:4px solid #10b981}.clp-bill-1k{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-left:4px solid #f59e0b}.clp-coin-card{border:2px solid var(--glass-border);width:4rem;height:4rem;transition:var(--transition-smooth);cursor:pointer;box-shadow:inset 0 2px 4px #ffffff0d, var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.clp-coin-card:hover{border-color:var(--color-copper);box-shadow:var(--copper-glow-shadow);transform:scale(1.08)}.clp-coin-500{color:#000;background:radial-gradient(circle,#eab308 0%,#ca8a04 100%)}.clp-coin-100{color:#000;background:radial-gradient(circle,#94a3b8 0%,#475569 100%)}.clp-coin-50{color:#000;background:radial-gradient(circle,#e2e8f0 0%,#cbd5e1 100%)}.clp-coin-10{color:#fff;background:radial-gradient(circle,#f59e0b 0%,#b45309 100%)}body,header,main,div,section,a,button,input,select{transition:background-color .4s,border-color .4s,color .4s}@media (width<=1200px){.hide-md{display:none!important}}@media (width<=768px){.hide-sm{display:none!important}}.product-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:none}.product-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.product-card:hover{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;display:flex}.product-card-code{color:var(--text-muted);font-family:monospace;font-size:.75rem;display:block}.product-card-title{color:var(--text-primary);margin-top:.15rem;margin-bottom:0;font-size:1.05rem;font-weight:700;line-height:1.3}.product-card-body{color:var(--text-secondary);flex-direction:column;gap:.5rem;font-size:.85rem;display:flex}.product-card-info-row{justify-content:space-between;align-items:center;display:flex}.product-card-info-row span{color:var(--text-muted)}.product-card-price-row{border-radius:var(--radius-sm);border:1px solid var(--glass-border);text-align:center;background:#0003;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.5rem;padding:.75rem;display:grid}.product-card-price-row>div{flex-direction:column;gap:.15rem;display:flex}.product-card-price-row span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.product-card-price-row strong{font-size:.9rem}.product-card-actions{border-top:1px solid var(--glass-border);gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.product-card-actions .btn{flex:1;justify-content:center;padding:.45rem .5rem;font-size:.75rem}.inventory-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.inventory-filter-inputs{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;min-width:300px;display:flex}.inventory-filter-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=1024px){.product-cards-grid{display:grid}.table-container{display:none}}@media (width<=768px){.inventory-filter-bar{flex-direction:column;align-items:stretch}.inventory-filter-inputs{flex-direction:column;align-items:stretch;width:100%}.inventory-filter-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.inventory-filter-actions .btn{justify-content:center;width:100%}.inventory-filter-actions .btn-orange{grid-column:span 2}}.responsive-hero-grid{text-align:left;grid-template-columns:1.15fr .85fr;align-items:center;gap:5rem;display:grid}.responsive-hero-stats{border-top:1px solid var(--glass-border);gap:3rem;margin-top:1.5rem;padding-top:2rem;display:flex}.responsive-testimonials-grid{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.responsive-showcase-layout{flex-direction:row;flex:1;display:flex}.showcase-tabs-vertical{background:var(--bg-dark-surface);border-right:1px solid var(--glass-border);flex-direction:column;width:260px;padding:1.5rem 0;display:flex}.showcase-vertical-tab-btn{color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:var(--transition-smooth);background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.showcase-vertical-tab-btn.active{border-left:4px solid var(--color-green);color:var(--color-green);background:#10b9810a}.responsive-showcase-grid{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}.responsive-pricing-flex{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1.5rem;display:flex}@media (width<=991px){.responsive-hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.responsive-hero-grid>div{justify-content:center;align-items:center}.responsive-hero-grid h1{font-size:2.8rem!important}.responsive-hero-grid p{margin:0 auto}.responsive-hero-grid div[style*="display: flex"]{justify-content:center}.responsive-hero-stats{justify-content:center;gap:2rem}}@media (width<=768px){.responsive-testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.responsive-showcase-layout{flex-direction:column}.showcase-tabs-vertical{border-right:none;border-bottom:1px solid var(--glass-border);white-space:nowrap;flex-direction:row;width:100%;padding:.5rem 0;overflow-x:auto}.showcase-vertical-tab-btn{text-align:center;border-bottom:3px solid #0000;border-left:none;justify-content:center;width:auto;padding:.75rem 1.25rem}.showcase-vertical-tab-btn.active{border-left:none;border-bottom:3px solid var(--color-green)}.responsive-showcase-grid{grid-template-columns:1fr;gap:1.5rem}.responsive-pricing-flex{flex-direction:column;align-items:center;gap:2rem}.responsive-pricing-flex>div{max-width:100%!important}}.category-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:none}.category-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.category-card:hover{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=1024px){.category-cards-grid{display:grid}}@media (width<=900px){.nav-links-desktop{display:none!important}}@media (width<=576px){.responsive-hero-grid h1{font-size:2rem!important}}.support-page{max-width:1800px;color:var(--text-primary);margin:0 auto;padding:1.5rem}.support-hero{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.2rem;display:flex}.support-hero h1{margin:.25rem 0;font-size:clamp(1.65rem,3vw,2.25rem)}.support-hero p{color:var(--text-muted);max-width:720px;margin:0}.support-eyebrow{color:var(--color-blue);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;display:flex}.support-hero-actions{flex-wrap:wrap;gap:.65rem;display:flex}.support-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.support-summary-card{border:1px solid var(--glass-border);background:var(--bg-dark-surface);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:transform .18s,border-color .18s;display:flex}.support-summary-card:hover{border-color:var(--color-blue);transform:translateY(-2px)}.support-summary-card>div{flex-direction:column;gap:.15rem;display:flex}.support-summary-card span{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.support-summary-card strong{font-size:1.45rem;line-height:1}.support-summary-card.pending svg{color:#f59e0b}.support-summary-card.progress svg{color:#3b82f6}.support-summary-card.resolved svg{color:#10b981}.support-summary-card.total svg{color:#8b5cf6}.support-workspace{grid-template-columns:minmax(430px,.9fr) minmax(500px,1.1fr);gap:1rem;min-height:650px;display:grid}.support-inbox,.support-detail{min-width:0;padding:0;overflow:hidden}.support-segment-bar{border-bottom:1px solid var(--glass-border);background:#00000026;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.support-segment-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.45rem;min-width:170px;padding:.5rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.support-segment-btn:hover{color:var(--text-primary);background:var(--bg-dark-elevated)}.support-segment-btn.active{color:#fff;background:var(--color-blue);border-color:var(--color-blue);box-shadow:0 0 12px #3b82f659}.support-filters{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;align-items:center;gap:.55rem;padding:.85rem;display:flex}.support-filters .select-field{flex:1;width:auto;min-width:175px;max-width:210px;height:38px;margin:0;font-size:.82rem}.support-search{border:1px solid var(--glass-border);background:var(--bg-dark-elevated);border-radius:8px;flex:1;align-items:center;gap:.45rem;min-width:180px;height:38px;padding:0 .65rem;display:flex}.support-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:.84rem}.support-ticket-list{min-height:450px;max-height:610px;overflow-y:auto}.support-ticket-row{text-align:left;border:none;border-bottom:1px solid var(--glass-border);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;flex-direction:column;gap:.4rem;padding:.85rem 1rem;transition:all .18s;display:flex;position:relative}.support-ticket-row:hover,.support-ticket-row.selected{background:var(--color-blue-glow)}.support-ticket-row.selected{box-shadow:inset 3px 0 0 var(--color-blue)}.support-ticket-row.unread:after{content:"";background:var(--color-blue);width:8px;height:8px;box-shadow:0 0 10px var(--color-blue);border-radius:50%;position:absolute;top:1rem;right:.75rem}.support-ticket-row.unread>strong{color:var(--color-blue)}.support-ticket-row-top{justify-content:space-between;align-items:center;padding-right:.6rem;display:flex}.support-ticket-number{color:var(--color-blue);letter-spacing:.04em;font-size:.75rem;font-weight:800}.support-status{white-space:nowrap;border-radius:99px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.7rem;font-weight:800;display:inline-flex}.support-status.pending{color:#f59e0b;background:#f59e0b1f}.support-status.progress{color:#60a5fa;background:#3b82f61f}.support-status.resolved{color:#34d399;background:#10b9811f}.support-tenant-name{color:var(--text-secondary);font-size:.78rem}.support-ticket-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.7rem;display:flex}.support-ticket-meta>span{align-items:center;gap:.25rem;display:inline-flex}.support-ticket-meta time{margin-left:auto}.support-priority{text-transform:uppercase;font-size:.62rem;font-weight:800}.support-priority.urgent{color:#ef4444}.support-priority.high{color:#f97316}.support-priority.normal{color:#60a5fa}.support-priority.low{color:var(--text-muted)}.support-empty{min-height:400px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:2rem;display:flex}.support-empty.detail{height:100%;min-height:600px}.support-empty strong{color:var(--text-primary);font-size:1rem}.support-detail{flex-direction:column;max-height:760px;display:flex}.support-detail-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}.support-detail-header h2{margin:.25rem 0;font-size:1.15rem}.support-detail-header p{color:var(--text-muted);margin:0;font-size:.75rem}.support-status-select{width:145px;margin:0}.support-detail-scroll{flex:1;padding:1rem;overflow-y:auto}.support-ticket-info{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:.8rem;display:grid}.support-ticket-info>div{background:var(--bg-dark-elevated);border:1px solid var(--glass-border);border-radius:8px;flex-direction:column;gap:.2rem;padding:.7rem;display:flex}.support-ticket-info span,.support-description>span,.support-attachments>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:800}.support-ticket-info strong{font-size:.78rem}.support-description{border:1px solid var(--glass-border);background:var(--bg-dark-elevated);border-radius:10px;padding:.85rem}.support-description p{white-space:pre-wrap;margin:.5rem 0 0;font-size:.84rem;line-height:1.55}.support-attachments{margin-top:.9rem}.support-attachments>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.45rem;display:grid}.support-attachment{border:1px solid var(--glass-border);background:var(--bg-dark-elevated);color:var(--text-secondary);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:0;display:flex;overflow:hidden}.support-attachment img{object-fit:cover;width:100%;height:120px;display:block}.support-attachment span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;width:100%;padding:.45rem;font-size:.68rem;display:flex;overflow:hidden}.support-attachment-error{color:#ef4444;border:1px solid #ef444440;border-radius:9px;justify-content:center;align-items:center;padding:1rem;display:flex}.support-conversation-title{align-items:center;gap:.4rem;margin:1rem 0 .65rem;font-size:.8rem;font-weight:800;display:flex}.support-conversation{flex-direction:column;gap:.65rem;display:flex}.support-no-messages{color:var(--text-muted);text-align:center;border:1px dashed var(--glass-border);border-radius:9px;padding:1rem;font-size:.78rem}.support-message{border:1px solid var(--glass-border);border-radius:11px;max-width:88%;padding:.75rem .85rem}.support-message.admin{background:#3b82f61c;border-bottom-right-radius:3px;align-self:flex-end}.support-message.business{background:var(--bg-dark-elevated);border-bottom-left-radius:3px;align-self:flex-start}.support-message>div{flex-direction:column;gap:.1rem;display:flex}.support-message strong{font-size:.76rem}.support-message span{color:var(--text-muted);font-size:.63rem}.support-message p{white-space:pre-wrap;margin:.45rem 0 0;font-size:.82rem;line-height:1.45}.support-reply{border-top:1px solid var(--glass-border);background:var(--bg-dark-surface);padding:.75rem}.support-reply textarea{resize:vertical;width:100%;min-height:68px}.support-reply>div{justify-content:space-between;align-items:center;margin-top:.45rem;display:flex}.support-reply>div>span{color:var(--text-muted);font-size:.68rem}.support-create-modal{background:var(--bg-dark-surface);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;width:min(720px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 100px #0000008c}.support-modal-header,.support-modal-footer{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.support-modal-header span{color:var(--color-blue);text-transform:uppercase;font-size:.7rem;font-weight:800}.support-modal-header h2{margin:.2rem 0 0;font-size:1.25rem}.support-modal-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.support-modal-body{padding:1rem 1.15rem;overflow-y:auto}.support-modal-footer{border-top:1px solid var(--glass-border);border-bottom:none;justify-content:flex-end}.support-form-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.support-modal-body textarea{resize:vertical;width:100%}.support-modal-body small{text-align:right;color:var(--text-muted);margin-top:.25rem;display:block}.support-upload{border:1px dashed var(--glass-border-focus);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.support-upload>div{align-items:center;gap:.65rem;display:flex}.support-upload>div>div{flex-direction:column;gap:.15rem;display:flex}.support-upload strong{font-size:.82rem}.support-upload span{color:var(--text-muted);font-size:.68rem}.support-upload .disabled{opacity:.5;pointer-events:none}.support-file-previews{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:.65rem;display:grid}.support-file-previews>div{border:1px solid var(--glass-border);border-radius:8px;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:.5rem;padding:.45rem;display:grid}.support-file-previews img{object-fit:cover;border-radius:5px;width:52px;height:42px}.support-file-previews span{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.support-file-previews button{color:#ef4444;cursor:pointer;background:0 0;border:none}.spin{animation:.8s linear infinite support-spin}@keyframes support-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.support-workspace{grid-template-columns:1fr}.support-detail{min-height:650px}}@media (width<=720px){.support-page{padding:.85rem}.support-hero{flex-direction:column;align-items:flex-start}.support-summary-grid{grid-template-columns:repeat(2,1fr)}.support-ticket-info,.support-form-grid{grid-template-columns:1fr}.support-upload{flex-direction:column;align-items:flex-start}.support-file-previews{grid-template-columns:1fr}.support-detail-header{flex-direction:column}.support-status-select{width:100%}.support-attachments>div{grid-template-columns:1fr}}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-spin{animation:.8s linear infinite dashboard-spin}.dashboard-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-heading h2{letter-spacing:-.03em;margin:.2rem 0;font-size:1.65rem}.dashboard-heading p,.dashboard-section-title p{color:var(--text-secondary);margin:0;font-size:.82rem}.dashboard-eyebrow{color:var(--color-green);letter-spacing:.13em;font-size:.7rem;font-weight:800}.dashboard-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metric{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.dashboard-metric:hover{border-color:color-mix(in srgb,var(--color-blue) 55%,transparent);transform:translateY(-3px);box-shadow:0 14px 35px #00000024}.dashboard-metric .value{color:var(--text-primary)}.dashboard-trend{border-radius:999px;align-items:center;gap:2px;width:max-content;margin-top:.55rem;padding:.22rem .42rem;font-size:.68rem;font-weight:700;display:flex}.dashboard-trend.positive{color:#10b981;background:#10b9811f}.dashboard-trend.negative{color:#ef4444;background:#ef44441f}.dashboard-comparison{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.2rem;padding:0;display:grid;overflow:hidden}.dashboard-comparison>div{border-right:1px solid var(--glass-border);flex-direction:column;gap:.25rem;padding:1.15rem 1.3rem;display:flex}.dashboard-comparison>div:last-child{border:0}.dashboard-comparison span,.dashboard-comparison small{color:var(--text-secondary);font-size:.72rem}.dashboard-comparison strong{color:var(--text-primary);font-size:1.15rem}.dashboard-comparison .dashboard-trend{color:#10b981}.dashboard-peak{align-items:center;gap:.35rem;display:flex}.dashboard-main-grid,.dashboard-bottom-grid{align-items:stretch;margin-top:1.2rem}.dashboard-section-title{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.dashboard-section-title h3{align-items:center;gap:.45rem;margin:0 0 .25rem;font-size:1rem;display:flex}.dashboard-section-title h3 svg{color:var(--color-green)}.dashboard-section-title button{color:var(--color-blue);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;display:flex}.dashboard-hour-chart{align-items:flex-end;gap:.5rem;height:225px;padding:.7rem .2rem 0;display:flex}.dashboard-hour-column{cursor:help;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.4rem;min-width:28px;height:100%;display:flex}.dashboard-bar-value{white-space:nowrap;height:16px;color:var(--text-secondary);font-size:.58rem;font-weight:700}.dashboard-bar-track{background:#94a3b814;border-radius:7px;align-items:flex-end;width:100%;max-width:34px;height:165px;display:flex;overflow:hidden}.dashboard-bar-track span{background:linear-gradient(180deg,var(--color-green),var(--color-blue));border-radius:7px 7px 3px 3px;width:100%;transition:height .35s,filter .2s;display:block}.dashboard-hour-column:hover .dashboard-bar-track span{filter:brightness(1.2)}.dashboard-hour-column small{color:var(--text-muted);font-size:.65rem}.dashboard-payment-list{gap:.9rem;display:grid}.dashboard-payment-list>div>div{justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}.dashboard-payment-list span small{color:var(--text-muted);margin-top:.15rem;font-size:.67rem;display:block}.dashboard-payment-list progress{width:100%;height:6px;accent-color:var(--color-blue);border:0;margin-top:.35rem}.dashboard-refunds{border-top:1px solid var(--glass-border);justify-content:space-between;margin-top:1.2rem;padding-top:1rem;font-size:.8rem;display:flex}.dashboard-transaction-list,.dashboard-product-list{display:grid}.dashboard-transaction-list>div,.dashboard-product-list>div{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem 0;display:flex}.dashboard-transaction-list>div:last-child,.dashboard-product-list>div:last-child{border:0}.dashboard-transaction-list span,.dashboard-product-list span{flex:1;min-width:0}.dashboard-transaction-list strong,.dashboard-product-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.dashboard-transaction-list small,.dashboard-product-list small{color:var(--text-muted);margin-top:.18rem;font-size:.68rem;display:block}.dashboard-transaction-list b,.dashboard-product-list b{color:var(--color-green);white-space:nowrap;font-size:.82rem}.dashboard-product-list i{width:25px;height:25px;color:var(--color-blue);background:#3b82f61f;border-radius:8px;place-items:center;font-size:.7rem;font-style:normal;font-weight:800;display:grid}.dashboard-empty{text-align:center;color:var(--text-muted);font-size:.8rem;border:0!important;padding:2rem 0!important}@media (width<=1100px){.dashboard-metrics-grid,.dashboard-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-comparison>div:nth-child(2){border-right:0}}@media (width<=650px){.dashboard-metrics-grid,.dashboard-comparison{grid-template-columns:1fr}.dashboard-comparison>div{border-right:0;border-bottom:1px solid var(--glass-border)}.dashboard-hour-chart{justify-content:flex-start;overflow-x:auto}.dashboard-hour-column{flex:0 0 34px}}