@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&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;--bg-dark-base:#060709;--bg-dark-surface:#101216;--bg-dark-elevated:#181b22;--bg-dark-glow:#1f232c;--glass-bg:#101216b3;--glass-border:#ffffff14;--glass-border-focus:#ffffff2e;--glass-blur:blur(12px);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #000000b3;--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 .25s cubic-bezier(.4, 0, .2, 1);--table-td-bg:#1012164d;--table-hover-bg:#ffffff05}:root.light-theme,.light-theme{--bg-dark-base:#f1f5f9;--bg-dark-surface:#fff;--bg-dark-elevated:#f8fafc;--bg-dark-glow:#cbd5e1;--glass-bg:#ffffffbf;--glass-border:#0f172a14;--glass-border-focus:#3b82f659;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 16px 40px #0f172a1a;--blue-glow-shadow:0 0 20px #3b82f61f;--green-glow-shadow:0 0 20px #10b9811f;--orange-glow-shadow:0 0 20px #f973161f;--table-td-bg:#ffffffd9;--table-hover-bg:#0f172a08}*{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)}.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{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;transition:var(--transition-smooth);background:#ffffff08;outline:none;padding:.75rem 1rem;font-size:.95rem}.input-field:focus{border-color:var(--color-blue);box-shadow:var(--blue-glow-shadow);background:#ffffff0f}.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{border-color:var(--glass-border-focus);background:#ffffff0d}.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{background:var(--color-orange-glow);color:var(--color-orange);border:1px solid #f973164d}.app-container{min-height:100vh;display:flex;position:relative}.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, #fff, 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{color:var(--text-primary);background:#ffffff08}.menu-item.active{color:var(--text-primary);background:#ffffff0d;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;min-height:100vh;margin-left:280px;display:flex}.main-header{height:70px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:90;background:#101216cc;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(--color-green);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{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);background:#ffffff08 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") right 1rem center/1rem no-repeat;outline:none;padding:.75rem 1rem;font-size:.95rem}.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{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 - 70px);padding:1rem;overflow:hidden}.pos-main-grid{grid-template-columns:1.3fr 1fr;gap:1rem;height:100%;display:grid}.pos-col{flex-direction:column;gap:1rem;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{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}}