@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0d1117;--surface-color: rgba(22, 27, 34, .7);--surface-border: rgba(255, 255, 255, .1);--primary-color: #2ea043;--primary-hover: #238636;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-glow: rgba(46, 160, 67, .4);--success-color: #238636;--danger-color: #f85149;--glass-blur: blur(12px);--transition-speed: .3s;--text-highlight: #ffffff;--navbar-bg: rgba(13, 17, 23, .8);--stat-gradient-start: #fff;--input-bg: rgba(0, 0, 0, .2);--footer-bg: rgba(13, 17, 23, .5);--quantity-bg: rgba(255, 255, 255, .03);--quantity-hover-bg: rgba(255, 255, 255, .1);--quantity-active-bg: rgba(255, 255, 255, .15);--bg-gradient-1: rgba(46, 160, 67, .15);--bg-gradient-2: rgba(56, 112, 224, .1);--bg-gradient-3: rgba(248, 81, 73, .1)}body.light-mode{--bg-color: #faf9f6;--surface-color: rgba(255, 255, 255, .55);--surface-border: rgba(148, 163, 184, .2);--primary-color: #059669;--primary-hover: #047857;--text-primary: #1e293b;--text-secondary: #64748b;--accent-glow: rgba(5, 150, 105, .25);--success-color: #10b981;--danger-color: #ef4444;--text-highlight: #0f172a;--navbar-bg: rgba(250, 249, 246, .75);--stat-gradient-start: #0f172a;--input-bg: rgba(255, 255, 255, .9);--footer-bg: rgba(250, 249, 246, .6);--quantity-bg: rgba(255, 255, 255, .6);--quantity-hover-bg: rgba(255, 255, 255, .9);--quantity-active-bg: rgba(241, 245, 249, 1);--bg-gradient-1: rgba(5, 150, 105, .08);--bg-gradient-2: rgba(14, 165, 233, .1);--bg-gradient-3: rgba(245, 158, 11, .07)}body{margin:0;padding:0;font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(ellipse at 15% 20%,var(--bg-gradient-1),transparent 50%),radial-gradient(ellipse at 85% 30%,var(--bg-gradient-2),transparent 45%),radial-gradient(ellipse at 50% 90%,var(--bg-gradient-3),transparent 60%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--surface-color);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 8px 32px #0000004d}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;animation:fadeIn var(--transition-speed) ease-out}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0;z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-border)}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--text-highlight);text-decoration:none;background:linear-gradient(90deg,#2ea043,#7ee787);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.8rem}.nav-logo{height:32px;width:auto;object-fit:contain;filter:drop-shadow(0 0 5px var(--accent-glow))}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-item{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color var(--transition-speed);position:relative}.nav-item:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);transition:width var(--transition-speed)}.nav-item:hover{color:var(--text-highlight)}.nav-item:hover:after{width:100%}.btn{background:var(--primary-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);box-shadow:0 0 10px #0000}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.btn.danger{background:var(--danger-color)}.btn.danger:hover{background:#d73a49;box-shadow:0 4px 15px #f8514966}.input-field{width:100%;padding:.8rem 1rem;background:var(--input-bg);border:1px solid var(--surface-border);color:var(--text-primary);border-radius:6px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--accent-glow)}.input-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.auth-container{max-width:400px;margin:4rem auto;padding:2.5rem;text-align:center}.auth-title{font-size:2rem;margin-bottom:2rem;color:var(--text-highlight)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 8px 30px var(--accent-glow)}.stat-card h3{margin:0;color:var(--text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:2.5rem;font-weight:700;margin:1rem 0 0;color:var(--text-highlight);background:linear-gradient(90deg,var(--stat-gradient-start),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;padding:1.5rem;border-top:1px solid var(--surface-border);color:var(--text-secondary);background:var(--footer-bg);font-size:.9rem}.quantity-selector{display:flex;align-items:center;background:var(--quantity-bg);border:1px solid var(--surface-border);border-radius:8px;overflow:hidden;transition:all .2s ease;height:42px}.quantity-selector:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-glow);background:#ffffff0d}.quantity-btn{background:transparent;border:none;color:var(--text-primary);width:40px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:500;transition:background .2s,color .2s;-webkit-user-select:none;user-select:none}.quantity-btn:hover{background:var(--quantity-hover-bg);color:var(--text-highlight)}.quantity-btn:active{background:var(--quantity-active-bg)}.quantity-input{width:50px;height:100%;background:transparent;border:none;border-left:1px solid var(--surface-border);border-right:1px solid var(--surface-border);color:var(--text-primary);text-align:center;font-family:inherit;font-size:.95rem;font-weight:600;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;outline:none}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dashboard-layout{display:flex;gap:2rem;margin-top:1rem;position:relative}.dashboard-row{display:flex;gap:1.5rem}.dashboard-row.wrap{flex-wrap:wrap}.dashboard-sidebar{width:250px;padding:1.5rem;height:fit-content}.mobile-arrow{display:none}@media (max-width: 768px){.main-content{padding:1rem!important}.sidebar-header{display:flex!important;justify-content:space-between!important;align-items:center!important;cursor:pointer!important}.sidebar-header h3{border-bottom:none!important;margin:0!important;padding:0!important;font-size:1.2rem!important}.mobile-arrow{display:block!important;font-size:.8rem!important;color:var(--primary-color)!important;transition:transform .3s ease!important}.sidebar-links{max-height:0!important;overflow:hidden!important;transition:all .4s ease-in-out!important;margin:0!important;padding:0!important;opacity:0!important}.sidebar-links.show{max-height:600px!important;margin-top:1.5rem!important;opacity:1!important}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:8px}.table-responsive table{min-width:800px}.dashboard-header-row{display:flex;justify-content:space-between;align-items:center}.dashboard-stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.vendor-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.inline-flex-mobile-stack{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.dashboard-header-row{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.glass-panel[style*="width: '600px'"]{width:95vw!important;padding:1.5rem!important}.dashboard-layout,.dashboard-row{flex-direction:column!important;gap:1.5rem!important}.dashboard-sidebar{width:100%!important;min-width:100%!important;min-height:auto!important;height:auto!important;box-sizing:border-box;margin-bottom:2rem}.stat-card{min-width:100%!important;width:100%!important;flex:none!important;margin-bottom:.5rem;box-sizing:border-box}li{flex-direction:column!important;align-items:flex-start!important;gap:1.5rem!important}li>div:last-child{width:100%!important;justify-content:space-between!important}.main-content main>div:has(>.glass-panel){flex-direction:column!important;flex-wrap:nowrap!important;gap:1.5rem!important}.main-content main>div:has(>input){flex-direction:column!important;gap:10px!important}.navbar{display:flex!important;flex-direction:column!important;padding:1.5rem 1rem!important;gap:1.5rem!important}.navbar>div:first-child{width:100%!important;justify-content:space-between!important}.nav-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important;gap:1.2rem!important}.nav-item{font-size:1rem!important}.auth-container{margin:2rem 1rem!important;padding:2rem 1.5rem!important;width:auto!important;max-width:100%!important;box-sizing:border-box}form>div{width:100%!important}h2{font-size:1.8rem!important}.stat-value{font-size:2.2rem!important}:root{--container-margin: 1rem auto;--container-padding: 0 1rem}footer>div{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;justify-content:center!important}}@media (max-width: 480px){.nav-brand{font-size:1.3rem!important}.stat-card{padding:1.2rem!important}}.verify-email-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.verify-email-card{background:#fff;border-radius:12px;padding:50px;text-align:center;max-width:500px;width:100%;box-shadow:0 10px 40px #0003;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.verify-email-icon{font-size:60px;margin-bottom:20px;height:80px;display:flex;align-items:center;justify-content:center}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkmark{color:#2ecc71;font-size:80px;font-weight:700;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.error-mark{color:#e74c3c;font-size:80px;font-weight:700;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.verify-email-title{color:#333;margin:20px 0 10px;font-size:28px;font-weight:600}.verify-email-message{color:#666;font-size:16px;line-height:1.6;margin:20px 0}.verify-email-redirect{color:#999;font-size:14px;margin-top:20px;font-style:italic}.verify-email-actions{display:flex;flex-direction:column;gap:12px;margin-top:30px}.verify-email-actions .btn{padding:12px 24px;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600}.verify-email-actions .btn.primary{background-color:#667eea;color:#fff}.verify-email-actions .btn.primary:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.verify-email-actions .btn.secondary{background-color:transparent;color:#667eea;border:2px solid #667eea}.verify-email-actions .btn.secondary:hover{background-color:#667eea;color:#fff;transform:translateY(-2px)}.verify-email-card.error{border-left:5px solid #e74c3c}.verify-email-card.success{border-left:5px solid #2ecc71}.verify-email-card.loading{border-left:5px solid #667eea}.verify-email-sent-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.verify-email-sent-card{background:#fff;border-radius:16px;padding:50px 40px;text-align:center;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.verify-email-sent-icon{font-size:80px;margin-bottom:20px;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.verify-email-sent-title{color:#333;font-size:28px;font-weight:700;margin:0 0 15px}.verify-email-sent-subtitle{color:#666;font-size:16px;margin:0 0 10px}.verify-email-sent-email{color:#667eea;font-size:18px;font-weight:600;margin:15px 0;padding:10px;background-color:#f0f4ff;border-radius:8px;word-break:break-all}.verify-email-sent-instructions{background-color:#f9f9f9;padding:20px;border-radius:8px;text-align:left;margin:25px 0;border-left:4px solid #667eea}.verify-email-sent-instructions h4{color:#333;margin:0 0 15px;font-size:16px}.verify-email-sent-instructions ol{color:#666;padding-left:20px;margin:0;line-height:1.8}.verify-email-sent-instructions li{margin-bottom:10px}.verify-email-sent-info{background-color:#fffbea;padding:15px;border-radius:8px;border-left:4px solid #f39c12;margin:20px 0;text-align:left}.verify-email-sent-info p{color:#856404;font-size:13px;margin:8px 0;line-height:1.6}.verify-email-sent-message{padding:15px;border-radius:8px;margin:20px 0;font-weight:600;animation:fadeIn .3s ease}.verify-email-sent-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.verify-email-sent-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.verify-email-sent-actions{margin:30px 0}.verify-email-sent-actions .btn{padding:14px 30px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.verify-email-sent-actions .btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.verify-email-sent-actions .btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.verify-email-sent-actions .btn:disabled{opacity:.6;cursor:not-allowed}.verify-email-sent-divider{border:none;border-top:2px solid #e0e0e0;margin:30px 0}.verify-email-sent-footer{margin:20px 0}.verify-email-sent-footer p{color:#666;font-size:14px;margin:0 0 15px}.verify-email-sent-footer .btn{padding:12px 24px;width:auto}.verify-email-sent-footer .btn.secondary{background-color:transparent;color:#667eea;border:2px solid #667eea;font-weight:600;transition:all .3s ease}.verify-email-sent-footer .btn.secondary:hover{background-color:#667eea;color:#fff}.verify-email-sent-help{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.verify-email-sent-help p{color:#999;font-size:13px;margin:0}.verify-email-sent-help a{color:#667eea;text-decoration:none;font-weight:600}.verify-email-sent-help a:hover{text-decoration:underline}@media (max-width: 600px){.verify-email-sent-card{padding:30px 20px}.verify-email-sent-title{font-size:24px}.verify-email-sent-icon{font-size:60px}.verify-email-sent-instructions{padding:15px}.verify-email-sent-instructions ol{font-size:14px}}.notification-settings-container{max-width:900px;margin:0 auto;padding:30px 20px;background:#f5f7fa;min-height:100vh}.notification-settings-header{background:#fff;padding:40px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a;text-align:center}.notification-settings-header h1{color:#333;font-size:32px;margin:0 0 10px}.notification-settings-header p{color:#666;font-size:16px;margin:0}.notification-tabs{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.tab-btn{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px}.tab-btn:hover{border-color:#667eea;color:#667eea}.tab-btn.active{background:#667eea;color:#fff;border-color:#667eea}.notification-settings-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.settings-section h2{color:#333;font-size:24px;margin-bottom:10px}.section-description{color:#666;margin-bottom:30px;font-size:14px}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.notification-items{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f9f9f9;border-radius:10px;border-left:4px solid #667eea;transition:all .3s ease}.notification-item:hover{background:#f5f5f5;transform:translate(5px)}.notification-info{display:flex;align-items:flex-start;gap:15px;flex:1}.notification-icon{font-size:28px;min-width:40px;text-align:center}.notification-text h3{margin:0 0 5px;color:#333;font-size:16px}.notification-text p{margin:0;color:#666;font-size:13px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translate(26px)}.settings-actions{display:flex;gap:20px;align-items:center;padding-top:20px;border-top:1px solid #e0e0e0}.settings-actions .btn{padding:12px 30px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.settings-actions .btn.primary{background-color:#667eea;color:#fff}.settings-actions .btn.primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.settings-actions .btn:disabled{opacity:.6;cursor:not-allowed}.settings-actions .message{color:#2ecc71;font-weight:600;margin:0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;padding-top:40px;border-top:1px solid #e0e0e0}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px #667eea4d}.info-card h4{margin:0 0 10px;font-size:16px;font-weight:600}.info-card p{margin:0;font-size:13px;line-height:1.6;opacity:.95}.activity-table{overflow-x:auto;margin-top:20px}.activity-table table{width:100%;border-collapse:collapse}.activity-table thead{background-color:#f5f5f5}.activity-table th{padding:15px;text-align:left;color:#333;font-weight:600;font-size:14px;border-bottom:2px solid #e0e0e0}.activity-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.activity-table tbody tr:hover{background-color:#f9f9f9}.activity-table td{padding:15px;color:#666;font-size:13px}.activity-time{color:#333;font-weight:500}.activity-ip{font-family:monospace;color:#667eea}.activity-device{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-type{padding:4px 8px;background-color:#e8f5e9;color:#2e7d32;border-radius:4px;display:inline-block;font-size:12px;font-weight:600}.no-activity{text-align:center;padding:40px;color:#999;background-color:#f9f9f9;border-radius:8px}.activity-info-card{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;border-radius:8px;margin-top:30px}.activity-info-card h4{margin:0 0 10px;color:#856404;font-weight:600}.activity-info-card p{margin:0;color:#856404;font-size:13px;line-height:1.6}@media (max-width: 768px){.notification-settings-container{padding:15px 10px}.notification-settings-header{padding:25px 20px}.notification-settings-header h1{font-size:24px}.notification-settings-content{padding:20px}.notification-item{flex-direction:column;align-items:flex-start;gap:15px}.notification-info{width:100%}.toggle-switch{margin-left:0;align-self:flex-end}.notification-tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:150px}.settings-info{grid-template-columns:1fr}.activity-table{font-size:12px}.activity-table th,.activity-table td{padding:10px}}