:root{--primary: #0055a5;--primary-dark: #003f7a;--primary-light: #e8f0fe;--secondary: #2ecc71;--secondary-dark: #27ae60;--gray-50: #ebedef;--gray-100: #f1f5f9;--gray-200: #e9edf2;--gray-300: #d1d9e6;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: all .25s ease}*{margin:0;padding:0;box-sizing:border-box}input,select,textarea{font-size:16px!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}button,input[type=button],input[type=submit]{touch-action:manipulation}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 25px;height:100%}.btn-primary{background:var(--primary);color:var(--white);border:none;padding:10px 24px;border-radius:var(--radius-full);font-weight:1000;transition:var(--transition)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:var(--white);border:none;padding:10px 24px;border-radius:var(--radius-full);font-weight:600;transition:var(--transition)}.btn-secondary:hover{background:var(--secondary-dark)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary);padding:8px 20px;border-radius:var(--radius-full);font-weight:600;transition:var(--transition)}.btn-outline:hover{background:var(--primary);color:var(--white)}.card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--gray-900);color:var(--white);padding:12px 28px;border-radius:var(--radius-full);font-weight:500;z-index:5000;box-shadow:var(--shadow-lg);animation:toastFade .3s ease}.toast.success{background:var(--secondary)}.toast.error{background:#e74c3c}@keyframes toastFade{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.container{padding:0 16px}}.header{background:rgba(255,255,255,.85)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1280px;margin:0 auto;padding:0 20px}.header .logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:24px;color:var(--primary);flex-shrink:0}.header .logo span{color:var(--secondary)}.header .nav-links{display:flex;list-style:none;gap:4px 16px;align-items:center;flex-wrap:wrap}.header .nav-links a{font-size:14px;font-weight:500;color:var(--gray-700);padding:6px 8px;border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;gap:6px}.header .nav-links a:hover{color:var(--primary);background:var(--gray-100)}.header .nav-links .post-ad-btn{background:var(--secondary);color:#fff;padding:8px 20px;border-radius:var(--radius-full);font-weight:700;font-size:13px}.header .nav-links .post-ad-btn:hover{background:var(--secondary-dark);color:#fff}.header .nav-actions{display:flex;align-items:center;gap:12px}.header .icon-btn{background:none;border:none;font-size:20px;color:var(--gray-600);position:relative;padding:4px;text-decoration:none;transition:var(--transition)}.header .icon-btn:hover{color:var(--primary)}.header .icon-btn .badge{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.header .user-menu{display:flex;align-items:center;gap:10px}.header .user-menu .avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.header .user-menu .username{font-weight:600;font-size:14px}.header .user-menu .logout-btn{padding:4px 14px;font-size:12px;border:1px solid var(--gray-300);border-radius:var(--radius-full);background:transparent;color:var(--gray-600);cursor:pointer;transition:all .2s}.header .user-menu .logout-btn:hover{background:#fee2e2;color:#dc2626;border-color:#dc2626}.header .auth-buttons{display:flex;gap:8px}.header .auth-buttons .btn-outline{padding:6px 16px;border:1.5px solid var(--primary);border-radius:var(--radius-full);background:transparent;color:var(--primary);font-weight:600;font-size:13px;text-decoration:none;transition:var(--transition)}.header .auth-buttons .btn-outline:hover{background:var(--primary);color:#fff}.header .auth-buttons .btn-primary{padding:6px 16px;border:none;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-weight:600;font-size:13px;text-decoration:none;transition:var(--transition)}.header .auth-buttons .btn-primary:hover{background:var(--primary-dark)}.header .mobile-toggle{display:none;background:none;border:none;font-size:24px;color:var(--gray-700);padding:4px;cursor:pointer}@media (max-width: 768px){.header .nav-links{display:none;flex-direction:column;width:100%;background:white;padding:12px 0;border-top:1px solid var(--gray-200)}.header .nav-links.open{display:flex}.header .nav-links a{padding:8px 12px}.header .mobile-toggle{display:block}.header .user-menu .username{display:none}}.user-menu{position:relative;display:flex;align-items:center}.profile-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-full);transition:var(--transition);background:var(--gray-50);border:1px solid transparent}.profile-trigger:hover{background:var(--gray-100);border-color:var(--gray-200)}.profile-trigger .avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;position:relative;flex-shrink:0}.profile-trigger .username{font-weight:600;font-size:14px;color:var(--gray-700)}.dropdown-menu{position:absolute;top:calc(90% + 8px);right:0;min-width:200px;background:rgb(168,245,249);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:5px 0;z-index:1000;animation:dropdownFade .5s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu a{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--gray-700);font-size:14px;transition:var(--transition);text-decoration:none}.dropdown-menu a:hover{background:var(--gray-50);color:var(--primary)}.dropdown-menu a i{width:18px;text-align:center;color:var(--gray-500);font-size:14px}.dropdown-menu a:hover i{color:var(--primary)}.dropdown-logout{display:flex;align-items:center;gap:12px;padding:10px 16px;width:100%;background:none;border:none;font-size:14px;color:var(--gray-700);cursor:pointer;transition:var(--transition);font-family:inherit}.dropdown-logout:hover{background:#fee2e2;color:#dc2626}.dropdown-logout i{width:18px;text-align:center;color:var(--gray-500)}.dropdown-logout:hover i{color:#dc2626}@media (max-width: 768px){.profile-trigger .username{display:none}.profile-trigger{padding:4px;background:none}.profile-trigger .avatar{width:32px;height:32px;font-size:12px}.dropdown-menu{right:-60px;min-width:200px}}@media (max-width: 480px){.dropdown-menu{right:-40px;min-width:180px}.profile-trigger .avatar{width:28px;height:28px;font-size:11px}}@keyframes phoneDance{0%{transform:translateY(0) rotate(-3deg) scale(1)}20%{transform:translateY(-12px) rotate(4deg) scale(1.02)}40%{transform:translateY(-6px) rotate(-2deg) scale(.98)}60%{transform:translateY(-15px) rotate(5deg) scale(1.03)}80%{transform:translateY(-8px) rotate(-4deg) scale(.99)}to{transform:translateY(0) rotate(-3deg) scale(1)}}@keyframes screenGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #2ecc7166}50%{transform:scale(1.05);box-shadow:0 4px 24px #2ecc71b3}}@keyframes notifPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes bubbleFloat{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.5);opacity:.2}to{transform:translateY(0) scale(1);opacity:.8}}@keyframes glowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.6}50%{transform:translate(-50%) scale(1.2);opacity:1}}.floating-phone{position:fixed;bottom:80px;left:20px;width:70px;height:140px;z-index:9999;cursor:pointer;animation:phoneDance 3s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(46,204,113,.3));transition:transform .3s ease,filter .3s ease;-webkit-tap-highlight-color:transparent}.floating-phone:hover{animation-play-state:paused;transform:scale(1.05)!important;filter:drop-shadow(0 20px 40px rgba(46,204,113,.5))}.phone-body{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:30px;border:3px solid #2d2d44;box-shadow:inset 0 0 20px #00000080,0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;overflow:hidden}.phone-screen{width:90%;height:80%;background:linear-gradient(135deg,#0055a5,#003f7a);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:screenGlow 2s ease-in-out infinite;position:relative;overflow:hidden}.phone-screen .app-name{color:#fff;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-top:4px}.phone-screen .icon-pulse{width:28px;height:28px;background:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;animation:iconPulse 1.5s ease-in-out infinite;box-shadow:0 4px 12px #2ecc7166}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#e74c3c;border-radius:50%;animation:notifPulse 1.5s ease-in-out infinite;border:1px solid rgba(255,255,255,.3)}.floating-phone:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80%;height:30px;background:radial-gradient(ellipse,rgba(46,204,113,.3),transparent 70%);border-radius:50%;filter:blur(10px);animation:glowPulse 3s ease-in-out infinite}.phone-body:after{content:"";position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:30px;height:3px;background:rgba(255,255,255,.2);border-radius:10px}.bubbles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.15);border-radius:50%;animation:bubbleFloat 4s ease-in-out infinite}.bubble:nth-child(1){left:15%;animation-delay:0s;width:3px;height:3px}.bubble:nth-child(2){left:35%;animation-delay:.8s;width:5px;height:5px}.bubble:nth-child(3){left:55%;animation-delay:1.6s;width:3px;height:3px}.bubble:nth-child(4){left:75%;animation-delay:2.4s;width:4px;height:4px}.bubble:nth-child(5){left:90%;animation-delay:3.2s;width:3px;height:3px}@media (max-width: 768px){.floating-phone{width:60px!important;height:120px!important;bottom:70px!important;left:12px!important}.floating-phone .phone-screen .icon-pulse{width:22px!important;height:22px!important;font-size:11px!important}.floating-phone .phone-screen .app-name{font-size:6px!important}.floating-phone .notification-dot{width:6px!important;height:6px!important;top:4px!important;right:4px!important}}@media (max-width: 480px){.floating-phone{width:50px!important;height:100px!important;bottom:60px!important;left:8px!important}.floating-phone .phone-screen .icon-pulse{width:18px!important;height:18px!important;font-size:9px!important}.floating-phone .phone-screen .app-name{display:none!important}.floating-phone .notification-dot{width:5px!important;height:5px!important;top:3px!important;right:3px!important}.phone-body:after{width:20px!important;height:2px!important;bottom:6px!important}}.post-ad-container{max-width:600px;margin:0 auto;padding:30px 20px}.post-ad-container h2{font-size:28px;font-weight:800;margin-bottom:8px}.post-ad-container .subtitle{color:#64748b;margin-bottom:24px}.error-banner{background:#fee2e2;color:#dc2626;padding:10px 14px;border-radius:8px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;background:white}.form-group .hint{display:block;color:#9ca3af;margin-top:4px;font-size:12px}.media-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.media-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#f1f5f9}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.media-item .remove-btn{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.media-item .video-badge{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.step-buttons{display:flex;gap:12px;margin-top:16px}.step-buttons .btn-outline{flex:1}.step-buttons .btn-primary{flex:2}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.auth-modal{background:white;border-radius:16px;max-width:440px;width:100%;padding:32px;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.auth-modal .close-btn{position:absolute;top:14px;right:18px;font-size:28px;background:none;border:none;cursor:pointer;color:#9ca3af}.auth-modal .close-btn:hover{color:#1f2937}.auth-modal h2{font-size:24px;font-weight:800;text-align:center;margin-bottom:8px}.auth-modal .auth-subtitle{text-align:center;color:#6b7280;margin-bottom:24px}.auth-modal .auth-footer{text-align:center;margin-top:16px;font-size:14px;color:#6b7280}.auth-modal .auth-footer span{color:#0055a5;font-weight:700;cursor:pointer}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center;padding:16px!important}.profile-header .profile-avatar{width:64px!important;height:64px!important;font-size:24px!important}.profile-header>div:first-child{margin-right:0}.profile-dashboard-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.profile-dashboard-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr 1fr!important}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-header .profile-avatar{margin-bottom:8px}}@media (max-width: 480px){.profile-header{padding:12px!important}.profile-header .profile-avatar{width:56px!important;height:56px!important;font-size:20px!important}.profile-header h1{font-size:20px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.stats-grid .stat-card{padding:12px!important}}.edit-profile-overlay{position:fixed;top:0;left:0;width:66%;height:80%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.edit-profile-modal{background:white;border-radius:var(--radius-xl);max-width:480px;width:100%;padding:32px;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.edit-profile-modal .close-btn{position:absolute;top:14px;right:18px;font-size:28px;background:none;border:none;cursor:pointer;color:var(--gray-400)}.edit-profile-modal .close-btn:hover{color:var(--gray-800)}.edit-profile-modal h2{font-size:24px;font-weight:800;text-align:center;margin-bottom:20px}.edit-profile-modal .form-group{margin-bottom:16px}.edit-profile-modal .form-group label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}.edit-profile-modal .form-group input{width:100%;padding:12px 16px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:white;transition:var(--transition)}.edit-profile-modal .form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0055a51a}.edit-profile-modal .photo-upload-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.edit-profile-modal .photo-preview{width:64px;height:64px;border-radius:50%;background:var(--gray-200);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--gray-400);flex-shrink:0}.edit-profile-modal .photo-preview img{width:100%;height:100%;object-fit:cover}.edit-profile-modal .remove-photo-btn{padding:6px 14px;background:#dc2626;color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition)}.edit-profile-modal .remove-photo-btn:hover{background:#b91c1c}.edit-profile-modal .remove-photo-hint{display:block;color:#dc2626;margin-top:4px;font-size:12px}.edit-profile-modal .save-btn{width:100%;padding:14px;background:var(--secondary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:700;font-size:16px;transition:var(--transition);cursor:pointer}.edit-profile-modal .save-btn:hover:not(:disabled){background:var(--secondary-dark)}.edit-profile-modal .save-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.edit-profile-overlay{padding:12px}.edit-profile-modal{max-width:65%;margin:0 10px;padding:24px 18px;border-radius:var(--radius-lg)}.edit-profile-modal h2{font-size:22px}.edit-profile-modal .form-group input{padding:10px 12px;font-size:14px}}@media (max-width: 420px){.edit-profile-overlay{padding:8px}.edit-profile-modal{padding:16px 14px;margin:0 4px;max-height:95vh;border-radius:var(--radius-md)}.edit-profile-modal h2{font-size:20px}.edit-profile-modal .form-group input{padding:8px 10px;font-size:13px}.edit-profile-modal .form-group label{font-size:12px}.edit-profile-modal .save-btn{font-size:14px;padding:12px}.edit-profile-modal .close-btn{font-size:24px;top:10px;right:14px}.edit-profile-modal .photo-upload-row{gap:10px}.edit-profile-modal .photo-preview{width:50px;height:50px;font-size:24px}}@media (max-width: 360px){.edit-profile-modal{padding:12px 10px;margin:0 2px}.edit-profile-modal h2{font-size:18px}.edit-profile-modal .form-group input{padding:6px 8px;font-size:12px}}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width: 640px){.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width: 400px){.products-grid{gap:8px!important}}.header .nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.header .mobile-toggle{display:none;background:none;border:none;font-size:24px;color:var(--gray-700);padding:4px 8px;cursor:pointer;line-height:1}@media (max-width: 768px){.header .mobile-toggle{display:block;order:2}.header .nav-actions{gap:8px}.header .user-menu{order:1}.header .user-menu .username{display:none}.profile-trigger .avatar{width:32px;height:32px;font-size:12px}.header .icon-btn{font-size:18px}}@media (max-width: 480px){.header .nav-actions{gap:6px}.profile-trigger .avatar{width:28px;height:28px;font-size:11px}.header .icon-btn{font-size:16px}.header .mobile-toggle{font-size:20px;padding:2px 6px}}.header .nav-center{flex:1;display:flex;justify-content:center;align-items:center}.glow-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;font-weight:700;font-size:16px;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:var(--radius-full);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1;box-shadow:0 0 15px #2ecc7166;animation:glowBtnPulse 2.5s ease-in-out infinite}@keyframes glowBtnPulse{0%{box-shadow:0 0 15px #2ecc7166,0 0 30px #2ecc7133;background:linear-gradient(135deg,#2ecc71,#27ae60)}25%{box-shadow:0 0 25px #3498db99,0 0 50px #3498db4d;background:linear-gradient(135deg,#3498db,#2980b9)}50%{box-shadow:0 0 25px #9b59b699,0 0 50px #9b59b64d;background:linear-gradient(135deg,#9b59b6,#8e44ad)}75%{box-shadow:0 0 25px #e74c3c99,0 0 50px #e74c3c4d;background:linear-gradient(135deg,#e74c3c,#c0392b)}to{box-shadow:0 0 15px #2ecc7166,0 0 30px #2ecc7133;background:linear-gradient(135deg,#2ecc71,#27ae60)}}.glow-btn:hover{transform:scale(1.05);animation-play-state:paused;box-shadow:0 0 40px #2ecc71cc,0 0 80px #2ecc7166!important}.glow-btn i{font-size:18px}@media (max-width: 768px){.header .nav-center{display:none}.header .nav-links .post-ad-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);animation:glowBtnPulse 2.5s ease-in-out infinite;box-shadow:0 0 15px #2ecc7166;color:#fff;font-weight:700}.header .nav-links .post-ad-btn:hover{animation-play-state:paused;box-shadow:0 0 30px #2ecc71cc}}.filter-select{border:none;outline:none;padding:10px 20px 10px 0;font-size:15px;font-family:inherit;width:100%;background:transparent;color:var(--gray-700);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.hero-compact{background:linear-gradient(135deg,var(--primary-light),white);padding:40px 20px;text-align:center}.hero-compact .hero-content{max-width:800px;margin:0 auto}.hero-compact h1{font-size:28px;margin-bottom:8px}.hero-compact p{color:var(--gray-500);margin-bottom:20px}@media (max-width: 768px){.hero-compact{padding:30px 16px}.hero-compact h1{font-size:22px}}.hero-section{padding-top:40px;padding-bottom:40px;min-height:auto;max-height:400px}@media (max-width: 768px){.hero-section{padding-top:24px;padding-bottom:24px;max-height:300px}}.hero-compact{background:linear-gradient(135deg,var(--primary-light),var(--white));padding:40px 20px 30px;text-align:center;border-bottom:1px solid var(--gray-200)}.hero-compact-content{max-width:900px;margin:0 auto}.hero-compact h1{font-size:32px;font-weight:800;color:var(--gray-900);margin-bottom:4px}.hero-compact p{font-size:16px;color:var(--gray-500);margin-bottom:20px}@media (max-width: 768px){.hero-compact{padding:30px 16px 20px}.hero-compact h1{font-size:24px}.hero-compact p{font-size:14px;margin-bottom:16px}}@media (max-width: 480px){.hero-compact{padding:20px 12px 16px}.hero-compact h1{font-size:20px}.hero-compact p{font-size:13px;margin-bottom:12px}}.search-wrapper{max-width:900px;margin:0 auto;padding:0 16px}.search-box-modern{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow .3s ease}.search-box-modern:hover{box-shadow:var(--shadow-lg)}.search-primary{display:flex;align-items:stretch;gap:0;padding:4px;background:white}.search-input-wrap{flex:1;display:flex;align-items:center;padding:0 16px;background:var(--gray-50);border-radius:var(--radius-full) 0 0 var(--radius-full);transition:background .2s}.search-input-wrap:focus-within{background:white;box-shadow:inset 0 0 0 2px var(--primary)}.search-icon{color:var(--gray-400);font-size:18px;margin-right:12px;transition:color .2s}.search-input-wrap:focus-within .search-icon{color:var(--primary)}.search-input{border:none;outline:none;padding:16px 0;font-size:16px;font-family:inherit;width:100%;background:transparent;color:var(--gray-800)}.search-input::placeholder{color:var(--gray-400);font-weight:400}.search-submit{display:flex;align-items:center;gap:8px;padding:0 32px;background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#fff;border:none;border-radius:var(--radius-full);font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap;margin:4px;box-shadow:0 4px 12px #2ecc714d}.search-submit:hover{transform:scale(1.02);box-shadow:0 6px 20px #2ecc7166}.search-submit i{font-size:18px}.search-filters{display:flex;gap:0;background:var(--gray-50);border-top:1px solid var(--gray-200);padding:4px}.filter-group{flex:1;display:flex;align-items:center;gap:8px;padding:8px 16px;background:white;border-radius:var(--radius-full);margin:4px;transition:box-shadow .2s}.filter-group:focus-within{box-shadow:0 0 0 2px var(--primary)}.filter-icon{color:var(--gray-400);font-size:15px;min-width:18px}.filter-select{border:none;outline:none;padding:10px 20px 10px 0;font-size:15px;font-family:inherit;width:100%;background:transparent;color:var(--gray-700);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.filter-select:hover{color:var(--gray-900)}@media (max-width: 768px){.search-wrapper{padding:0 12px}.search-primary{flex-wrap:wrap;gap:8px;padding:8px}.search-input-wrap{flex:1 1 100%;border-radius:var(--radius-full);padding:0 14px}.search-submit{flex:1 1 100%;justify-content:center;padding:14px;border-radius:var(--radius-full);margin:0}.search-filters{flex-direction:column;gap:6px;padding:8px}.filter-group{flex:1 1 auto;padding:6px 14px;margin:0}.filter-select{padding:8px 0;font-size:14px}}@media (max-width: 480px){.search-input{font-size:15px;padding:12px 0}.search-submit{font-size:14px;padding:12px}.filter-select{font-size:13px}.search-box-modern{border-radius:var(--radius-md)}.search-input-wrap:focus-within{box-shadow:inset 0 0 0 1.5px var(--primary)}.filter-group:focus-within{box-shadow:0 0 0 1.5px var(--primary)}}.info-page{min-height:calc(100vh - 80px);background:#f8fafc;padding:50px 20px 80px}.info-page-container{width:100%;max-width:1000px;margin:0 auto}.info-page-header{text-align:center;margin-bottom:40px}.info-page-icon{width:64px;height:64px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#eff6ff;color:#2563eb;font-size:25px}.info-page-header h1{margin:0;color:#111827;font-size:38px;font-weight:800;letter-spacing:-.8px}.info-page-header p{max-width:650px;margin:12px auto 0;color:#6b7280;font-size:16px;line-height:1.7}.info-page-content{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:40px;box-shadow:0 8px 30px #0000000a}.info-page-content section{margin-bottom:38px}.info-page-content section:last-child{margin-bottom:0}.info-page-content h2{margin:0 0 12px;color:#111827;font-size:21px;font-weight:750}.info-page-content h3{color:#111827}.info-page-content p{margin:0 0 14px;color:#4b5563;font-size:15px;line-height:1.8}.info-list{margin:15px 0 0;padding-left:22px;color:#4b5563}.info-list li{margin-bottom:11px;font-size:15px;line-height:1.6}.info-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:12px 20px;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:.2s ease}.info-cta:hover{background:#1d4ed8;transform:translateY(-1px)}.info-step{display:flex;gap:18px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #e5e7eb}.info-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-step>span{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2563eb;color:#fff;font-size:15px;font-weight:800}.info-step h2{margin-bottom:7px}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{padding:25px;border:1px solid #e5e7eb;border-radius:15px;background:#fff}.contact-card>i{color:#2563eb;font-size:22px;margin-bottom:15px}.contact-card h3{margin:0 0 8px;font-size:16px}.contact-card p{font-size:13px}.contact-card a{color:#2563eb;text-decoration:none;font-size:14px;font-weight:600}.contact-card a:hover{text-decoration:underline}.info-form{display:flex;flex-direction:column;gap:20px}.info-form label{display:flex;flex-direction:column;gap:8px;color:#374151;font-size:14px;font-weight:650}.info-form input,.info-form select,.info-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.info-form input:focus,.info-form select:focus,.info-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.info-form textarea{resize:vertical}.info-submit-btn{align-self:flex-start;padding:13px 22px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.info-submit-btn:hover{background:#1d4ed8}.success-message{text-align:center;padding:40px 20px}.success-message>i{color:#16a34a;font-size:50px;margin-bottom:15px}.success-message h2{margin-bottom:8px}.info-page-bottom{margin-top:25px}.info-back-btn{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:600}.info-back-btn:hover{color:#2563eb}@media (max-width: 700px){.info-page{padding:35px 15px 60px}.info-page-header h1{font-size:30px}.info-page-content{padding:25px 20px;border-radius:15px}.contact-options{grid-template-columns:1fr}.info-step{gap:14px}}.hero-apple{background:linear-gradient(180deg,#f9fafb 0%,#ffffff 100%);padding:60px 20px 80px;text-align:center;border-bottom:1px solid #e5e7eb}.hero-apple-content{max-width:800px;margin:0 auto}.hero-apple-title{font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#1f2937;margin-bottom:12px}.hero-apple-title br{display:none}.hero-apple-subtitle{font-size:20px;font-weight:400;color:#6b7280;margin-bottom:32px;line-height:1.5}.hero-apple-search{max-width:560px;margin:0 auto 32px}.hero-apple-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-apple-btn-primary,.hero-apple-btn-secondary{display:inline-block;padding:12px 32px;border-radius:9999px;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s ease}.hero-apple-btn-primary{background:#17d275;color:#fff;box-shadow:0 2px 8px #0071e34d}.hero-apple-btn-primary:hover{background:#01c050;transform:scale(1.02);box-shadow:0 4px 16px #0071e366}.hero-apple-btn-secondary{background:#484849;color:#e0e6ec;border:1.5px solid #b3b6b8}.hero-apple-btn-secondary:hover{background:#37ef59;transform:scale(1.02)}.hero-apple-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;font-size:14px;color:#6b7280}.hero-apple-stats span{display:flex;align-items:center;gap:6px}@media (max-width: 768px){.hero-apple{padding:40px 16px 60px}.hero-apple-title{font-size:32px}.hero-apple-title br{display:block}.hero-apple-subtitle{font-size:17px}.hero-apple-actions{flex-direction:column;align-items:center}.hero-apple-btn-primary,.hero-apple-btn-secondary{width:100%;max-width:280px;text-align:center}.hero-apple-stats{gap:20px;font-size:13px}}@media (max-width: 480px){.hero-apple-title{font-size:28px}.hero-apple-subtitle{font-size:15px}}.featured-apple{padding:60px 20px;background:#fafafa}.featured-apple-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 32px;padding:0 4px}.featured-apple-title{font-size:28px;font-weight:600;letter-spacing:-.02em;color:#1f2937}.featured-apple-icon{color:#0071e3;margin-right:8px}.featured-apple-link{color:#0071e3;font-weight:500;text-decoration:none;font-size:15px;transition:opacity .2s}.featured-apple-link:hover{opacity:.7}.featured-apple-empty{text-align:center;color:#6b7280;padding:40px 0;font-size:16px}.featured-apple-carousel-wrapper{position:relative;max-width:1200px;margin:0 auto}.featured-apple-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 12px;scroll-behavior:smooth}.featured-apple-carousel::-webkit-scrollbar{display:none}.featured-apple-item{flex:0 0 260px;scroll-snap-align:start;transition:transform .3s ease}.featured-apple-item:hover{transform:translateY(-6px)}.featured-apple-arrow{position:absolute;top:50%;transform:translateY(-50%);background:white;border:1px solid #e5e7eb;border-radius:50%;width:44px;height:44px;font-size:24px;color:#1f2937;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:all .2s;z-index:2;display:flex;align-items:center;justify-content:center}.featured-apple-arrow:hover{background:#f3f4f6;box-shadow:0 4px 12px #0000001a}.featured-apple-arrow-left{left:-22px}.featured-apple-arrow-right{right:-22px}@media (max-width: 768px){.featured-apple{padding:40px 16px}.featured-apple-title{font-size:22px}.featured-apple-item{flex:0 0 200px}.featured-apple-arrow{display:none}}@media (max-width: 480px){.featured-apple-item{flex:0 0 160px}}.product-card-apple{background:white;border-radius:18px;box-shadow:0 2px 12px #0000000a;overflow:hidden;transition:all .3s ease}.product-card-apple:hover{box-shadow:0 8px 30px #00000014}.product-card-image{position:relative;overflow:hidden;background:#f3f4f6}.product-card-image img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.product-card-video-badge{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #0000004d}.product-card-video-badge .play-icon{margin-left:2px}.categories-apple{padding:60px 20px;background:#fafafa}.categories-apple-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 32px;padding:0 4px}.categories-apple-title{font-size:28px;font-weight:600;letter-spacing:-.02em;color:#1f2937}.categories-apple-icon{color:#0071e3;margin-right:8px}.categories-apple-link{color:#0071e3;font-weight:500;text-decoration:none;font-size:15px;transition:opacity .2s}.categories-apple-link:hover{opacity:.7}.categories-apple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;max-width:1200px;margin:0 auto}.categories-apple-card{background:white;border-radius:18px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid transparent}.categories-apple-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000014;border-color:#e5e7eb}.categories-apple-card:active{transform:scale(.96)}.categories-apple-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#f0f5ff;display:flex;align-items:center;justify-content:center;font-size:28px;color:#0071e3;transition:background .3s,transform .3s}.categories-apple-card:hover .categories-apple-icon-wrapper{background:#e6f0ff;transform:scale(1.05)}.categories-apple-name{font-weight:600;font-size:15px;color:#1f2937;margin-top:4px}.categories-apple-count{font-size:12px;color:#6b7280}@media (max-width: 768px){.categories-apple{padding:40px 16px}.categories-apple-title{font-size:22px}.categories-apple-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.categories-apple-card{padding:18px 12px}.categories-apple-icon-wrapper{width:52px;height:52px;font-size:22px}}@media (max-width: 480px){.categories-apple-grid{grid-template-columns:repeat(3,1fr);gap:12px}.categories-apple-card{padding:14px 8px}.categories-apple-icon-wrapper{width:44px;height:44px;font-size:18px}.categories-apple-name{font-size:13px}.categories-apple-count{font-size:10px}}.seller-status-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:2px solid white;transition:background .3s ease}.seller-status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse-online 2s infinite}.seller-status-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef444466}.seller-status-dot.unknown{background:#9ca3af;box-shadow:none}@keyframes pulse-online{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (min-width: 1600px){.container,.header .container{max-width:1400px;padding:0 32px}.products-grid{grid-template-columns:repeat(5,1fr);gap:24px}.hero-apple-content,.hero-compact-content{max-width:1000px}}@media (max-width: 360px){.dropdown-menu{right:-20px;min-width:160px}}@media (max-width: 480px){.header .container{padding:0 10px}.header .logo{font-size:20px}.header .nav-actions{gap:4px}.header .auth-buttons .btn-outline,.header .auth-buttons .btn-primary{padding:4px 8px;font-size:11px}.header .icon-btn{font-size:16px}}@media (max-width: 400px){.product-card-apple,.product-card,.product-card-apple .info,.product-card .info{padding:8px!important}}@media (max-width: 768px){.products-page{flex-direction:column!important;padding:16px!important}.products-page .sidebar{width:100%!important}}@media (max-width: 480px){.search-wrapper{padding:0 8px}.search-box-modern{border-radius:8px}}@media (max-width: 480px){.auth-modal,.edit-profile-modal{width:calc(100% - 20px);max-width:none;margin:0 10px}}.seller-overlay{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.65);padding:4px 10px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;z-index:2;pointer-events:none;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-overlay img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.seller-overlay i{font-size:18px;color:#ccc;flex-shrink:0}.seller-overlay span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sold-badge{position:absolute;top:10px;right:10px;background:#dc2626;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;z-index:2;pointer-events:none}@media (max-width: 480px){.seller-overlay{font-size:10px;padding:3px 8px}.seller-overlay img{width:16px;height:16px}.sold-badge{font-size:10px;padding:3px 8px}}@media (max-width: 400px){.seller-overlay{top:6px;left:6px}.sold-badge{top:6px;right:6px}}.auth-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#e8f0fe 100%);padding:40px 20px}.auth-container{width:100%;max-width:420px;background:#ffffff;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:40px 32px;transition:all .3s ease}.auth-title{font-size:28px;font-weight:800;color:#1e293b;text-align:center;margin-bottom:8px}.auth-subtitle{font-size:15px;color:#64748b;text-align:center;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:600;color:#334155}.auth-field input,.auth-field select{width:100%;padding:12px 16px;border:1.5px solid #d1d9e6;border-radius:8px;font-size:16px;background:#f8fafc;transition:border-color .2s,box-shadow .2s;outline:none}.auth-field input:focus,.auth-field select:focus{border-color:#0055a5;background:#ffffff;box-shadow:0 0 0 3px #0055a51a}.auth-submit{width:100%;padding:14px;background:#0055a5;color:#fff;border:none;border-radius:9999px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;margin-top:8px}.auth-submit:hover{background:#003f7a;transform:translateY(-1px)}.auth-footer{text-align:center;font-size:14px;color:#64748b;margin-top:20px}.auth-footer a{color:#0055a5;font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width: 768px){.auth-page{padding:24px 16px}.auth-container{padding:32px 24px}.auth-title{font-size:24px}}@media (max-width: 480px){.auth-page{padding:16px 12px;align-items:flex-start}.auth-container{max-width:100%;padding:28px 18px;border-radius:12px}.auth-title{font-size:22px}.auth-subtitle{font-size:14px;margin-bottom:20px}.auth-field input,.auth-field select{padding:10px 14px}.auth-submit{padding:12px;font-size:15px}}.forgot-password-page,.reset-password-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#e8f0fe 100%);padding:40px 20px}.forgot-password-container,.reset-password-container{width:100%;max-width:440px;background:#ffffff;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:40px 32px;transition:all .3s ease}.forgot-password-title,.reset-password-title{font-size:28px;font-weight:800;color:#1e293b;text-align:center;margin-bottom:8px}.forgot-password-subtitle,.reset-password-subtitle{font-size:15px;color:#64748b;text-align:center;margin-bottom:28px;line-height:1.5}.forgot-password-form,.reset-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-field,.reset-password-field{display:flex;flex-direction:column;gap:6px}.forgot-password-field label,.reset-password-field label{font-size:13px;font-weight:600;color:#334155}.forgot-password-field input,.reset-password-field input{width:100%;padding:12px 16px;border:1.5px solid #d1d9e6;border-radius:8px;font-size:16px;background:#f8fafc;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.forgot-password-field input:focus,.reset-password-field input:focus{border-color:#0055a5;background:#ffffff;box-shadow:0 0 0 3px #0055a51a}.forgot-password-message,.reset-password-message{padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px}.forgot-password-message.error,.reset-password-message.error{background:#fee2e2;color:#dc2626}.forgot-password-message.success,.reset-password-message.success{background:#dcfce7;color:#16a34a}.forgot-password-submit,.reset-password-submit{width:100%;padding:14px;background:#0055a5;color:#fff;border:none;border-radius:9999px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;margin-top:8px}.forgot-password-submit:hover,.reset-password-submit:hover{background:#003f7a;transform:translateY(-1px)}.forgot-password-submit:disabled,.reset-password-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgot-password-back,.reset-password-back{text-align:center;margin-top:20px;font-size:14px;color:#64748b}.forgot-password-back a,.reset-password-back a{color:#0055a5;font-weight:700;text-decoration:none}.forgot-password-back a:hover,.reset-password-back a:hover{text-decoration:underline}@media (max-width: 768px){.forgot-password-page,.reset-password-page{padding:24px 16px}.forgot-password-container,.reset-password-container{padding:32px 24px}.forgot-password-title,.reset-password-title{font-size:24px}}@media (max-width: 480px){.forgot-password-page,.reset-password-page{padding:16px 12px;align-items:flex-start}.forgot-password-container,.reset-password-container{max-width:100%;padding:28px 18px;border-radius:12px}.forgot-password-title,.reset-password-title{font-size:22px}.forgot-password-subtitle,.reset-password-subtitle{font-size:14px;margin-bottom:20px}.forgot-password-field input,.reset-password-field input{padding:10px 14px;font-size:15px}.forgot-password-submit,.reset-password-submit{padding:12px;font-size:15px}}@media (max-width: 360px){.forgot-password-container,.reset-password-container{padding:20px 14px}.forgot-password-title,.reset-password-title{font-size:20px}.forgot-password-field input,.reset-password-field input{padding:8px 10px;font-size:13px}.forgot-password-submit,.reset-password-submit{font-size:14px;padding:10px}}.riders-page{width:100%}.riders-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.riders-header h1{margin:0 0 6px;font-size:26px;font-weight:700}.riders-header p{margin:0;color:#64748b}.rider-refresh-btn{border:0;background:#111827;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600}.rider-refresh-btn:hover{opacity:.9}.rider-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}.rider-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px}.rider-stat-icon{width:42px;height:42px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.rider-stat-icon i{font-size:17px}.rider-stat-card span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.rider-stat-card strong{display:block;font-size:22px}.riders-controls{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:18px}.rider-search{position:relative;margin-bottom:14px}.rider-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.rider-search input{width:100%;box-sizing:border-box;padding:12px 14px 12px 40px;border:1px solid #dbe0e6;border-radius:8px;outline:none;font-size:14px}.rider-search input:focus{border-color:#111827}.rider-filters{display:flex;flex-wrap:wrap;gap:8px}.rider-filters button{border:1px solid #dbe0e6;background:#fff;padding:8px 13px;border-radius:7px;cursor:pointer;font-weight:600;font-size:13px}.rider-filters button:hover,.rider-filters button.active{background:#111827;color:#fff;border-color:#111827}.riders-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.riders-table-wrapper{overflow-x:auto}.riders-table{width:100%;border-collapse:collapse;min-width:1100px}.riders-table th{text-align:left;background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:13px 16px;border-bottom:1px solid #e5e7eb}.riders-table td{padding:15px 16px;border-bottom:1px solid #eef2f7;font-size:13px}.riders-table tbody tr:hover{background:#fafafa}.rider-person{display:flex;align-items:center;gap:10px}.rider-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.rider-avatar img{width:100%;height:100%;object-fit:cover}.rider-person strong{display:block;margin-bottom:3px}.rider-person span{display:block;color:#64748b;font-size:11px}.rider-bike strong{display:block}.rider-bike span{display:block;color:#64748b;font-size:11px;margin-top:3px}.rider-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.rider-status.available{background:#dcfce7;color:#15803d}.rider-status.pending{background:#fef3c7;color:#a16207}.rider-status.offline{background:#f1f5f9;color:#64748b}.rider-status.inactive{background:#fee2e2;color:#b91c1c}.rider-delivery-count strong{display:block}.rider-delivery-count span{color:#64748b;font-size:11px}.rider-actions{display:flex;flex-wrap:wrap;gap:6px}.rider-actions button{border:0;padding:7px 9px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700}.rider-actions button:disabled{opacity:.5;cursor:not-allowed}.view-btn{background:#f1f5f9;color:#334155}.approve-btn{background:#dcfce7;color:#15803d}.reject-btn{background:#fee2e2;color:#b91c1c}.activate-btn{background:#dcfce7;color:#15803d}.deactivate-btn{background:#fef3c7;color:#92400e}.riders-empty{height:220px;text-align:center;color:#64748b}.riders-empty i{display:block;font-size:34px;margin-bottom:12px}.riders-empty strong,.riders-empty span{display:block}.riders-empty span{margin-top:5px;font-size:13px}.riders-loading{min-height:300px;display:flex;align-items:center;justify-content:center;gap:10px;color:#64748b}.rider-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.rider-modal{width:min(700px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003}.rider-modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.rider-modal-header h2{margin:0 0 4px}.rider-modal-header p{margin:0;color:#64748b;font-size:13px}.rider-modal-header button{border:0;background:#f1f5f9;width:34px;height:34px;border-radius:50%;cursor:pointer}.rider-modal-profile{padding:22px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #e5e7eb}.rider-modal-avatar{width:65px;height:65px;min-width:65px;border-radius:50%;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.rider-modal-avatar img{width:100%;height:100%;object-fit:cover}.rider-modal-profile h3{margin:0 0 4px}.rider-modal-profile p{margin:0 0 8px;color:#64748b}.rider-details-grid{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rider-details-grid>div{background:#f8fafc;border-radius:10px;padding:13px}.rider-details-grid span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}.rider-details-grid strong{display:block;font-size:14px}@media (max-width: 1200px){.rider-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 700px){.riders-header{align-items:flex-start;flex-direction:column}.rider-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rider-details-grid{grid-template-columns:1fr}}@media (max-width: 480px){.rider-stats-grid{grid-template-columns:1fr}.rider-filters{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.filter-sidebar-wrapper{display:none!important}}@keyframes buyukusedRobotFloat{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes buyukusedRobotBubbleIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (max-width: 600px){.buyukused-robot-mobile{display:block}}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width: 380px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.info-page,.info-wrapper,.info-container{width:100%;max-width:100%;min-width:0;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}@media (max-width: 480px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{position:relative}#root{width:100%;max-width:100%;overflow-x:hidden}.info-page,.info-wrapper,.info-container{width:100%;max-width:100%;min-width:0;margin:0;padding-left:12px;padding-right:12px;overflow-x:hidden}.info-page *,.info-wrapper *,.info-container *{max-width:100%}.info-page p,.info-page h1,.info-page h2,.info-page h3,.info-page li{overflow-wrap:anywhere;word-break:normal}.info-list{width:100%;margin-left:0;padding-left:20px}.info-cta{display:block;width:100%;max-width:100%;box-sizing:border-box}}@media (max-width: 480px){input,select,textarea{max-width:100%;box-sizing:border-box;font-size:16px!important}}.admin-wrapper{display:flex;min-height:100vh;background:#f1f5f9}.admin-sidebar{width:260px;background:#0f172a;color:#cbd5e1;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:1000;transition:width .3s ease,transform .3s ease;overflow-y:auto;overflow-x:hidden}.admin-sidebar.collapsed{width:72px}.admin-sidebar.collapsed .brand-text,.admin-sidebar.collapsed .nav-item span,.admin-sidebar.collapsed .back-to-site span{display:none}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.admin-sidebar.collapsed .nav-item i{margin:0;font-size:20px}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:#1e293b}.admin-sidebar::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.sidebar-brand{padding:24px 20px 20px;border-bottom:1px solid #1e293b;display:flex;align-items:center;gap:12px;flex-shrink:0}.sidebar-brand .logo-icon{font-size:28px;color:#2ecc71;flex-shrink:0}.sidebar-brand .brand-text{font-size:20px;font-weight:800;color:#fff;white-space:nowrap}.sidebar-brand .brand-text span{color:#2ecc71}.sidebar-brand .brand-sub{font-size:11px;color:#64748b;font-weight:400;display:block;margin-top:-2px}.sidebar-nav{padding:16px 0;flex:1}.sidebar-nav .nav-item{display:flex;align-items:center;gap:14px;padding:10px 24px;color:#94a3b8;transition:.2s;cursor:pointer;border-left:3px solid transparent;font-size:14px;font-weight:500;white-space:nowrap}.sidebar-nav .nav-item:hover{background:#1e293b;color:#e2e8f0}.sidebar-nav .nav-item.active{background:#1e293b;color:#fff;border-left-color:#2ecc71}.sidebar-nav .nav-item i{width:20px;text-align:center;font-size:16px;flex-shrink:0}.sidebar-footer{padding:16px 20px;border-top:1px solid #1e293b;flex-shrink:0}.sidebar-footer .back-to-site{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:13px;transition:.2s}.sidebar-footer .back-to-site:hover{color:#2ecc71}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.sidebar-overlay.active{display:block}.admin-main{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.admin-main.expanded{margin-left:72px}.admin-header{background:#fff;padding:16px 32px;border-bottom:1px solid #e9edf2;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:500;flex-wrap:wrap;gap:12px}.admin-header .header-left{display:flex;align-items:center;gap:16px}.admin-header .toggle-sidebar-btn{background:none;border:none;font-size:20px;color:#1e293b;cursor:pointer;padding:4px}.admin-header .page-title{font-size:20px;font-weight:700}.admin-header .page-title small{font-weight:400;font-size:14px;color:#64748b;margin-left:8px}.admin-header .icon-btn{background:none;border:none;font-size:20px;color:#64748b;cursor:pointer;position:relative;padding:4px}.admin-header .icon-btn:hover{color:#0055a5}.admin-header .icon-btn .badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:50%;padding:1px 6px;min-width:18px;text-align:center}.admin-header .admin-profile{display:flex;align-items:center;gap:10px}.admin-header .admin-profile .avatar{width:36px;height:36px;border-radius:50%;background:#0055a5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.admin-header .admin-profile .name{font-weight:600;font-size:14px;color:#1e293b}.admin-content{padding:28px 32px;flex:1}.admin-loading{text-align:center;padding:60px 0;color:#64748b;font-size:16px}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px}.admin-access-denied h2{font-size:28px;color:#dc2626;margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:#fff;border-radius:12px;padding:20px 24px;border:1px solid #e9edf2;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;gap:16px;transition:.2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-card .stat-info{flex:1}.stat-card .stat-label{font-size:13px;color:#64748b;font-weight:500}.stat-card .stat-number{font-size:28px;font-weight:800;margin:2px 0}.stat-card .stat-change{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.stat-card .stat-change.up{color:#2ecc71}.stat-card .stat-change.down{color:#ef4444}.table-card{background:#fff;border-radius:12px;border:1px solid #e9edf2;overflow:hidden;box-shadow:0 1px 3px #0000000a;margin-bottom:28px}.table-card .table-header{padding:16px 24px;border-bottom:1px solid #e9edf2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.table-card .table-header h3{font-size:16px;font-weight:700}.table-card .table-header .table-actions{display:flex;gap:10px;flex-wrap:wrap}.table-card .table-header .search-input,.table-card .table-header .filter-select{padding:8px 14px;border:1.5px solid #e9edf2;border-radius:8px;font-size:13px;font-family:inherit;background:#fff;outline:none;transition:.2s}.table-card .table-header .search-input:focus,.table-card .table-header .filter-select:focus{border-color:#0055a5;box-shadow:0 0 0 3px #0055a514}.table-card .table-header .btn-primary{padding:8px 18px;background:#0055a5;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:.2s}.table-card .table-header .btn-primary:hover{background:#003f7a}.table-card .table-header .btn-success{padding:8px 18px;background:#2ecc71;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:.2s}.table-card .table-header .btn-success:hover{background:#27ae60}.table-responsive{overflow-x:auto;padding:0 4px 4px}.table-responsive table{width:100%;border-collapse:collapse;font-size:14px}.table-responsive table th{text-align:left;padding:12px 16px;background:#f8fafc;font-weight:600;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e9edf2}.table-responsive table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table-responsive table tr:hover td{background:#f8fafc}.table-responsive .empty-state{text-align:center;padding:30px;color:#64748b}.product-cell{display:flex;align-items:center;gap:10px}.product-cell img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#f1f5f9}.status-badge{display:inline-block;padding:2px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}.actions-cell button{padding:4px 10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.actions-cell .btn-view{background:#dbeafe;color:#1e40af}.actions-cell .btn-view:hover{background:#bfdbfe}.actions-cell .btn-edit{background:#e9edf2;color:#1e293b}.actions-cell .btn-edit:hover{background:#d1d9e6}.actions-cell .btn-delete{background:#fee2e2;color:#dc2626}.actions-cell .btn-delete:hover{background:#fecaca}.reports-container{display:flex;flex-direction:column;gap:24px}.reports-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.chart-card{background:#fff;border-radius:12px;border:1px solid #e9edf2;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.chart-card h4{font-size:15px;font-weight:700;margin-bottom:16px}.chart-placeholder{height:180px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:10px;border-bottom:1px solid #e9edf2}.chart-bar{flex:1;background:#0055a5;border-radius:4px 4px 0 0;min-height:20px;transition:.3s;position:relative;opacity:.7}.chart-bar:hover{opacity:1}.chart-bar .bar-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:10px;color:#94a3b8;white-space:nowrap}.chart-bar .bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#1e293b;opacity:0;transition:.2s}.chart-bar:hover .bar-value{opacity:1}.chart-legend{display:flex;gap:20px;margin-top:16px;font-size:13px;color:#64748b;justify-content:center}.chart-legend .legend-dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px}.top-categories{display:flex;flex-direction:column;gap:8px}.category-bar{display:flex;align-items:center;gap:10px}.category-bar .category-name{font-weight:600;font-size:13px;min-width:80px}.category-bar .category-count{font-weight:700;font-size:13px;min-width:30px;text-align:right}.category-bar .category-track{flex:1;height:6px;background:#e9edf2;border-radius:4px;overflow:hidden}.category-bar .category-fill{height:100%;background:#0055a5;border-radius:4px;transition:width .6s ease}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.summary-item{background:#f8fafc;border-radius:8px;padding:12px 16px;text-align:center}.summary-item .summary-number{font-size:22px;font-weight:800}.summary-item .summary-label{font-size:12px;color:#64748b}.settings-container{display:flex;flex-direction:column;gap:24px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{background:#fff;border-radius:12px;border:1px solid #e9edf2;padding:24px;box-shadow:0 1px 3px #0000000a}.settings-card h4{font-size:16px;font-weight:700;margin-bottom:16px}.settings-card .form-group{margin-bottom:16px}.settings-card .form-group label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}.settings-card .form-group input{width:100%;padding:10px 14px;border:1.5px solid #e9edf2;border-radius:8px;font-size:14px;font-family:inherit;transition:.2s;background:#fff}.settings-card .form-group input:focus{outline:none;border-color:#0055a5;box-shadow:0 0 0 3px #0055a514}.settings-card .form-group .hint{font-size:12px;color:#94a3b8;margin-top:4px}.settings-card .toggle-group label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;cursor:pointer}.settings-card .toggle-group input[type=checkbox]{width:18px;height:18px;accent-color:#0055a5;cursor:pointer}.settings-card .btn-save{padding:10px 28px;background:#2ecc71;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s}.settings-card .btn-save:hover{background:#27ae60}@media (max-width: 992px){.admin-sidebar{transform:translate(-100%);width:280px}.admin-sidebar.open{transform:translate(0)}.admin-main,.admin-main.expanded{margin-left:0}.reports-grid,.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-header{padding:12px 16px}.admin-header .page-title{font-size:18px}.admin-header .page-title small{font-size:12px;display:block;margin-left:0}.admin-content{padding:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:14px 16px}.stat-card .stat-number{font-size:22px}.table-card .table-header{flex-direction:column;align-items:stretch}.table-card .table-header .table-actions{flex-direction:column}.table-card .table-header .table-actions input,.table-card .table-header .table-actions select,.table-card .table-header .table-actions button{width:100%}.admin-header .admin-profile .name{display:none}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card .stat-number{font-size:18px}.stat-card .stat-label{font-size:11px}.stat-card .stat-icon{width:36px;height:36px;font-size:16px}.table-responsive table{font-size:12px}.table-responsive table th,.table-responsive table td{padding:8px 10px}}.btn-edit{background:#3b82f6;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer}.btn-delete{background:#dc2626;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;margin-left:4px}.btn-save{background:#16a34a;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer}.btn-cancel{background:#6b7280;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;margin-left:4px}.admin-wrapper{display:flex;min-height:100vh}.admin-sidebar{width:260px;min-height:100vh;background:#1a1a2e;color:#fff;padding:20px 0;transition:width .3s ease,transform .3s ease;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.admin-header{background:white;padding:12px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}@media (max-width: 768px){.admin-sidebar{position:fixed;top:0;left:0;transform:translate(-100%);width:280px;z-index:200;height:100vh;transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:199;display:none}.admin-sidebar-overlay.visible{display:block}.admin-main{margin-left:0!important;padding-top:60px}.admin-header{padding:10px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px}.stat-card .stat-value{font-size:22px}.admin-content{padding:16px}.table-container{padding:8px}.admin-table{font-size:12px;min-width:600px}.admin-table th,.admin-table td{padding:8px 10px}.notification-dropdown{width:300px!important;right:-60px!important}}.admin-wrapper{display:flex;min-height:100vh;position:relative}.admin-sidebar{width:260px;min-height:100vh;background:#1a1a2e;color:#fff;padding:20px 0;transition:transform .3s ease,width .3s ease;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;z-index:200}.admin-sidebar.closed{width:70px}.admin-sidebar.closed .sidebar-label{display:none}.admin-sidebar.closed .sidebar-icon{margin-right:0}.admin-main{flex:1;background:#f8fafc;min-height:100vh;transition:margin-left .3s ease}.admin-main.expanded{margin-left:-190px}.admin-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:199;display:none;transition:opacity .3s ease}.admin-sidebar-overlay.visible{display:block}.admin-header{background:white;padding:12px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.admin-header .header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-header .header-right{display:flex;align-items:center;gap:16px}.admin-content{padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000f;text-align:center}.stat-card .stat-value{font-size:28px;font-weight:800}.stat-card .stat-label{font-size:14px;color:var(--gray-500)}.table-container{background:white;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:16px;overflow-x:auto;margin-bottom:24px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{padding:10px 12px;text-align:left;background:#f3f4f6;font-weight:600;color:#374151}.admin-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb}.admin-table tr:hover td{background:#f9fafb}@media (max-width: 1024px){.admin-sidebar{width:220px}.admin-sidebar.closed{width:60px}.admin-main.expanded{margin-left:-160px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-sidebar{position:fixed;top:0;left:0;transform:translate(-100%);width:280px;height:100vh;z-index:200;transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay.visible{display:block}.admin-main{margin-left:0!important;padding-top:0}.admin-header{padding:10px 16px}.admin-header .header-left .search-input{width:140px;font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px}.stat-card .stat-value{font-size:22px}.stat-card .stat-label{font-size:12px}.admin-content{padding:16px}.table-container{padding:8px}.admin-table{font-size:12px;min-width:600px}.admin-table th,.admin-table td{padding:8px 10px}.notification-dropdown{width:300px!important;right:-60px!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-card .stat-value{font-size:18px}.stat-card .stat-label{font-size:11px}.admin-header{padding:8px 12px}.admin-header .header-left .search-input{width:100px;font-size:12px}.admin-content{padding:12px}.table-container{padding:4px}.admin-table{font-size:11px;min-width:500px}.admin-table th,.admin-table td{padding:6px 8px}.notification-dropdown{width:260px!important;right:-80px!important}}