.app{max-width:1200px;margin:0 auto}:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color-scheme:light;background-color:#f8fafc;color:#1e293b}body{margin:0;min-width:320px;min-height:100vh;-webkit-tap-highlight-color:transparent}code{font-family:Fira Code,monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#3b82f6;font-weight:600}.capitalize{text-transform:capitalize}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.95)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-card,.qr-card,.price-card,.stat-card,.login-card{animation:fadeIn .4s ease-out forwards}@media (max-width: 768px){.dashboard-layout,.vendor-layout{flex-direction:column}.sidebar,.vendor-sidebar{position:fixed;top:0;left:0;height:100vh!important;width:280px!important;background:#fff;box-shadow:4px 0 20px #0000001a;z-index:2000;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;border-right:1px solid #e2e8f0}.sidebar.collapsed,.vendor-sidebar.collapsed{transform:translate(-100%);display:flex!important;visibility:visible!important}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1500;animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.logo-section,.vendor-logo-section{display:flex!important;margin-bottom:30px!important}.sidebar-logo,.vendor-logo{display:block!important;font-size:1rem!important}.nav-item,.v-nav-item{flex-direction:row!important;gap:12px!important;padding:12px 16px!important;font-size:.95rem!important;margin-bottom:8px!important;text-align:left!important;color:#1e293b!important}.nav-item.active,.v-nav-item.active{background:#eff6ff!important;color:#3b82f6!important}.v-logout,.admin-logout,.logout-btn{display:flex!important;margin-top:auto}.content,.vendor-content{padding:16px!important;margin-bottom:0!important}.pricing-grid,.qr-grid,.stats-grid{grid-template-columns:1fr!important;gap:16px!important}.admin-header,.v-header,.header-actions{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.add-user-form{grid-template-columns:1fr!important}.form-actions{grid-column:span 1!important}.table-container,.v-table-box,.admin-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px}.admin-table,.v-table{min-width:600px}.login-card{width:90%!important;padding:30px 20px!important}.report-controls{flex-direction:column!important;align-items:stretch!important}.filter-group{justify-content:space-between}.date-input,.report-select,.v-report-select{width:100%!important}.sidebar.collapsed,.vendor-sidebar.collapsed{display:none!important}}.menu-toggle-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .2s}.menu-toggle-btn:hover{background:#f1f5f9}.sidebar.collapsed,.vendor-sidebar.collapsed{width:0!important;padding:0!important;overflow:hidden;border:none!important;visibility:hidden}.sidebar,.vendor-sidebar{transition:width .3s ease,padding .3s ease}.logo-section,.vendor-logo-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;width:100%}.sidebar-toggle{color:#3b82f6!important;padding:4px!important}.sidebar-toggle:hover{background:#3b82f61a}.header-toggle{margin-right:15px}.header-info{display:flex;align-items:center;gap:15px}.btn-icon-delete{background:transparent;color:#94a3b8;padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-delete:hover{background:#fee2e2;color:#ef4444}.hidden{display:none!important}@media (max-width: 768px){.logo-section,.vendor-logo-section{display:none!important}}