:root{--primary:#4f46e5;--primary-light:#e0e7ff;--primary-dark:#3730a3;--secondary:#7c3aed;--secondary-light:#ede9fe;--secondary-dark:#5b21b6;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--navbar-height:64px;--mobile-nav-height:64px;--content-max-width:1200px;--sidebar-width:280px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5}a{color:#4f46e5;color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{height:auto;max-width:100%}.page{margin:0 auto;max-width:1200px;max-width:var(--content-max-width);min-height:100vh;padding:1rem;padding:var(--space-md);padding-bottom:calc(64px + 1.5rem);padding-bottom:calc(var(--mobile-nav-height) + var(--space-lg))}@media (min-width:768px){.page{padding:calc(64px + 1.5rem) 2rem 2rem;padding:calc(var(--navbar-height) + var(--space-lg)) var(--space-xl) var(--space-xl)}}.page-header{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.page-header h1{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.page-header p{color:#6b7280;color:var(--gray-500);font-size:.875rem}@media (min-width:768px){.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl)}.page-header h1{font-size:1.75rem}}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1rem;margin-bottom:var(--space-md);overflow:hidden}.card-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);gap:1rem;gap:var(--space-md);justify-content:space-between;padding:1rem;padding:var(--space-md)}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;gap:.5rem;gap:var(--space-sm)}.card-title svg{color:#4f46e5;color:var(--primary);height:20px;width:20px}.card-body{padding:1rem;padding:var(--space-md)}.card-body.no-padding{padding:0}@media (min-width:768px){.card{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.card-body,.card-header{padding:1.5rem;padding:var(--space-lg)}}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;gap:.5rem;gap:var(--space-sm);justify-content:center;padding:.625rem 1rem;transition:all .2s ease;transition:all var(--transition-base);white-space:nowrap}.btn svg{height:18px;width:18px}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary))}.btn-primary:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-sm svg{height:14px;width:14px}.btn-lg{font-size:1rem;padding:.875rem 1.5rem}.btn-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:10px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;transition:all var(--transition-base);width:36px}.btn-icon svg{height:18px;width:18px}.btn-icon:hover{background:#e5e7eb;background:var(--gray-200)}.btn-icon.danger:hover{background:#fee2e2;background:var(--danger-light);color:#ef4444;color:var(--danger)}.form-group{margin-bottom:1rem;margin-bottom:var(--space-md)}.form-label{color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-xs);text-transform:uppercase}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;transition:all var(--transition-base)}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}.form-hint{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin-top:.25rem;margin-top:var(--space-xs)}.form-row{grid-gap:1rem;gap:1rem}@media (min-width:768px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-actions{display:flex;gap:1rem;gap:var(--space-md);justify-content:flex-end;margin-top:1.5rem;margin-top:var(--space-lg)}.alert{align-items:flex-start;border-radius:10px;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md)}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-icon svg{height:100%;width:100%}.alert-danger{background:#fee2e2;background:var(--danger-light);color:#ef4444;color:var(--danger)}.alert-success{background:#d1fae5;background:var(--success-light);color:#10b981;color:var(--success)}.alert-warning{background:#fef3c7;background:var(--warning-light);color:#f59e0b;color:var(--warning)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.badge-primary{background:#e0e7ff;background:var(--primary-light);color:#4f46e5;color:var(--primary)}.badge-secondary{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.badge-success{background:#d1fae5;background:var(--success-light);color:#10b981;color:var(--success)}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#f59e0b;color:var(--warning)}.badge-danger{background:#fee2e2;background:var(--danger-light);color:#ef4444;color:var(--danger)}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:1rem;padding:var(--space-md);text-align:left}.table th{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table td{color:#374151;color:var(--gray-700);font-size:.875rem}.table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);justify-content:center;min-height:60vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#4f46e5;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.loading-spinner.small{border-width:2px;height:16px;width:16px}.loading-text{color:#6b7280;color:var(--gray-500);font-size:.875rem}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--space-2xl)}.empty-icon{color:#d1d5db;color:var(--gray-300);height:64px;margin-bottom:1rem;margin-bottom:var(--space-md);width:64px}.empty-icon svg{height:100%;width:100%}.empty-state h3{color:#374151;color:var(--gray-700);font-size:1.125rem;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.empty-state p{color:#6b7280;color:var(--gray-500);font-size:.875rem}.icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.icon svg{height:100%;width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#6b7280}.text-primary{color:#4f46e5;color:var(--primary)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.mt-sm{margin-top:.5rem;margin-top:var(--space-sm)}.mt-md{margin-top:1rem;margin-top:var(--space-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--space-lg)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.hidden{display:none!important}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}.navbar-desktop{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 3px #0000000d;display:none;height:64px;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:2rem;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.navbar-brand{color:var(--primary);font-size:1.25rem;font-weight:700;gap:.5rem;text-decoration:none}.brand-icon,.navbar-brand{align-items:center;display:flex}.brand-icon{height:28px;justify-content:center;width:28px}.brand-icon svg{height:100%;width:100%}.navbar-menu{flex:1 1;gap:.5rem}.nav-group,.navbar-menu{align-items:center;display:flex}.nav-group{gap:.25rem}.nav-divider{background:var(--gray-200);height:24px;margin:0 .75rem;width:1px}.admin-group .nav-link{color:var(--secondary)}.admin-group .nav-link.active{background:var(--secondary-light);color:var(--secondary)}.nav-link{align-items:center;border-radius:8px;color:var(--gray-600);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:var(--gray-100);color:var(--gray-900)}.nav-link.active{background:var(--primary-light);color:var(--primary)}.nav-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.nav-icon svg{height:100%;width:100%}.navbar-user{align-items:center;display:flex;gap:1rem}.user-info{gap:.5rem}.user-avatar{font-size:.875rem;height:36px;width:36px}.user-name{color:var(--gray-700);font-size:.875rem}.btn-logout{align-items:center;background:var(--gray-100);border:none;border-radius:8px;color:var(--gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-logout:hover{background:var(--danger-light);color:var(--danger)}.btn-logout svg{height:18px;width:18px}.navbar-mobile{align-items:center;background:#fff;border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;height:64px;justify-content:space-around;left:0;padding:0 .5rem env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;border-radius:12px;color:var(--gray-500);display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-width:60px;padding:.5rem;text-decoration:none;transition:all .2s ease}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item.active .mobile-nav-icon{background:var(--primary-light)}.mobile-nav-icon{align-items:center;border-radius:10px;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:40px}.mobile-nav-icon svg{height:22px;width:22px}.mobile-nav-label{font-size:.65rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.navbar-mobile-admin{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-200);bottom:64px;display:flex;height:48px;justify-content:space-around;left:0;padding:0 .5rem;position:fixed;right:0;z-index:999}.admin-nav-item{align-items:center;border-radius:20px;color:var(--gray-600);display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;text-decoration:none;transition:all .2s ease}.admin-nav-item.active{background:var(--secondary);color:#fff}.admin-nav-icon{display:flex;height:16px;width:16px}.admin-nav-icon svg{height:100%;width:100%}@media (min-width:768px){.navbar-desktop{display:block}.navbar-mobile,.navbar-mobile-admin{display:none}.page{padding-top:80px!important}}@media (max-width:767px){.page{padding-bottom:80px!important}.page.admin-page{padding-bottom:128px!important}}@media (min-width:1024px){.navbar-container{padding:0 2rem}.nav-link{padding:.5rem 1rem}}.brand-logo{height:32px;width:32px}.landing{min-height:100vh;overflow-x:hidden}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--gray-200);left:0;padding:16px 24px;position:fixed;right:0;top:0;z-index:100}.landing-header .header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.landing-header .logo{align-items:center;color:var(--gray-900);display:flex;gap:12px;text-decoration:none}.landing-header .logo-svg{height:40px;width:40px}.landing-header .logo-text{font-size:1.5rem;font-weight:700}.landing-header .header-buttons{display:flex;gap:12px}.landing .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 24px;text-decoration:none;transition:all .2s}.landing .btn-ghost{background:#0000;color:var(--gray-700)}.landing .btn-ghost:hover{background:var(--gray-100)}.landing .btn-primary{background:var(--primary);color:#fff}.landing .btn-primary:hover{background:var(--primary-dark);box-shadow:0 10px 30px #6366f14d;transform:translateY(-2px)}.landing .btn-large{font-size:1.1rem;padding:16px 32px}.landing .btn-white{background:#fff;color:var(--primary)}.landing .btn-white:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.landing .btn-outline{background:#0000;border:2px solid #ffffff80;color:#fff}.landing .btn-outline:hover{background:#ffffff1a;border-color:#fff}.hero{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1 50%,#8b5cf6);display:flex;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.hero:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-content{color:#fff}.hero-badge{align-items:center;background:#ffffff26;border-radius:50px;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:24px;padding:8px 16px}.hero-badge svg{height:16px;width:16px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px}.hero-subtitle{font-size:1.25rem;line-height:1.7;margin-bottom:40px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.hero-visual{position:relative}.hero-mockup{background:#fff;border-radius:24px;box-shadow:0 40px 80px #0000004d;padding:20px;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg)}.mockup-header{display:flex;gap:8px;margin-bottom:16px}.mockup-dot{background:var(--gray-200);border-radius:50%;height:12px;width:12px}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#f59e0b}.mockup-dot.green{background:#10b981}.mockup-content{background:var(--gray-50);border-radius:12px;min-height:300px;padding:20px}.mockup-map{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:8px;height:200px;overflow:hidden;position:relative}.mockup-marker{height:24px;position:absolute;width:24px}.mockup-marker svg{height:100%;width:100%}.mockup-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:16px}.mockup-stat{background:#fff;border-radius:8px;padding:12px;text-align:center}.mockup-stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.mockup-stat-label{color:var(--gray-500);font-size:.75rem}.container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:80px;text-align:center}.section-tag{background:var(--primary);border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 16px}.section-title{color:var(--gray-900);font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--gray-500);font-size:1.1rem;margin:0 auto;max-width:600px}.features{background:#fff;padding:120px 24px}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--gray-50);border-radius:20px;padding:32px;transition:all .3s}.feature-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.feature-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.feature-icon svg{stroke:#fff;height:28px;width:28px}.feature-icon.purple{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.feature-icon.green{background:linear-gradient(135deg,#10b981,#34d399)}.feature-icon.orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.feature-icon.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.feature-icon.pink{background:linear-gradient(135deg,#ec4899,#f472b6)}.feature-icon.cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.feature-title{color:var(--gray-900);font-size:1.25rem;font-weight:700;margin-bottom:12px}.feature-desc{color:var(--gray-600);font-size:.95rem;line-height:1.6}.stats-section{background:linear-gradient(135deg,var(--gray-900),#1e1b4b);color:#fff;padding:80px 24px}.stats-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(4,1fr);text-align:center}.stat-item{padding:20px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.stat-label{font-size:1rem;margin-top:8px;opacity:.8}.how-it-works{background:var(--gray-50);padding:120px 24px}.steps{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin-top:60px}.step{position:relative;text-align:center}.step:not(:last-child):after{background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:2px;position:absolute;right:-16px;top:40px;transform:translateX(50%);width:calc(100% - 80px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:800;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px;z-index:1}.step-title{color:var(--gray-900);font-size:1.1rem;font-weight:700;margin-bottom:8px}.step-desc{color:var(--gray-600);font-size:.9rem}.cta{background:linear-gradient(135deg,#4f46e5,#6366f1 50%,#8b5cf6);color:#fff;overflow:hidden;padding:120px 24px;position:relative;text-align:center}.cta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cta-content{position:relative;z-index:1}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:16px}.cta-subtitle{font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.landing-footer{background:var(--gray-900);color:#fff;padding:60px 24px}.landing-footer .footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.landing-footer .footer-logo{align-items:center;display:flex;gap:12px}.landing-footer .footer-logo .logo-svg,.landing-footer .footer-logo svg{height:32px;width:32px}.landing-footer .footer-logo span{font-size:1.25rem;font-weight:700}.landing-footer .footer-text{color:var(--gray-500);font-size:.9rem}.landing-footer .footer-text a{color:#818cf8;font-weight:600;text-decoration:none}.landing-footer .footer-text a:hover{text-decoration:underline}.landing-footer .footer-links{display:flex;gap:24px}.landing-footer .footer-links a{color:var(--gray-500);font-size:.9rem;text-decoration:none;transition:color .2s}.landing-footer .footer-links a:hover{color:#fff}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.hero-buttons{justify-content:center}.features-grid,.stats-grid,.steps{grid-template-columns:repeat(2,1fr)}.step:not(:last-child):after{display:none}}@media (max-width:768px){.landing-header .header-buttons .btn-ghost{display:none}.hero{padding:100px 20px 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.features{padding:80px 20px}.features-grid{grid-template-columns:1fr}.stats-grid{gap:24px;grid-template-columns:1fr 1fr}.stat-number{font-size:2.5rem}.how-it-works{padding:80px 20px}.steps{gap:40px;grid-template-columns:1fr}.cta{padding:80px 20px}.cta-title{font-size:2rem}.landing-footer .footer-container{flex-direction:column;gap:24px;text-align:center}}.hero-card{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:var(--radius-lg);color:#fff;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-lg)}.hero-content{flex:1 1}.hero-greeting span{font-size:.875rem;opacity:.9}.hero-greeting h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.hero-subtitle{font-size:.875rem;margin-top:var(--space-xs);opacity:.9}.hero-avatar{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.hero-avatar-letter{font-size:1.5rem;font-weight:700}.hero-level-badge{align-items:center;background:#fff;border-radius:var(--radius-full);bottom:-4px;box-shadow:var(--shadow-md);display:flex;height:24px;justify-content:center;position:absolute;right:-4px;width:24px}.hero-level-badge svg{color:var(--primary);height:14px;width:14px}@media (min-width:768px){.hero-card{padding:var(--space-xl)}.hero-greeting h1{font-size:2rem}.hero-avatar{height:72px;width:72px}.hero-avatar-letter{font-size:2rem}}.level-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.level-info{justify-content:space-between;margin-bottom:var(--space-md)}.level-current,.level-info{align-items:center;display:flex}.level-current{gap:var(--space-sm)}.level-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.level-icon svg{color:var(--primary);height:24px;width:24px}.level-name{color:var(--gray-800);font-weight:600}.level-xp{color:var(--gray-500);font-size:.75rem}.level-next{text-align:right}.level-next-text{color:var(--gray-400);display:block;font-size:.625rem;text-transform:uppercase}.level-next-icon{align-items:center;display:inline-flex;height:32px;justify-content:center;opacity:.5;width:32px}.level-next-icon svg{color:var(--gray-400);height:20px;width:20px}.level-bar{background:var(--gray-100);height:8px;margin-bottom:var(--space-sm);overflow:hidden}.level-bar,.level-fill{border-radius:var(--radius-full)}.level-fill{height:100%;transition:width .5s ease}.level-hint{align-items:center;color:var(--gray-500);display:flex;font-size:.75rem;gap:var(--space-xs)}.hint-icon{height:14px;width:14px}.hint-icon svg{color:var(--warning);height:100%;width:100%}.quick-stats{grid-gap:var(--space-sm);gap:var(--space-sm);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-lg)}.quick-stat{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md)}.quick-stat-icon{align-items:center;border-radius:var(--radius-full);display:flex;height:40px;justify-content:center;margin:0 auto var(--space-sm);width:40px}.quick-stat-icon svg{height:20px;width:20px}.quick-stat.flame .quick-stat-icon{background:var(--warning-light);color:var(--warning)}.quick-stat.trophy .quick-stat-icon{background:var(--primary-light);color:var(--primary)}.quick-stat.zap .quick-stat-icon{background:var(--success-light);color:var(--success)}.quick-stat-value{color:var(--gray-800)}.quick-stat-label{font-size:.625rem;text-transform:uppercase}@media (min-width:768px){.quick-stats{gap:var(--space-md)}.quick-stat{padding:var(--space-lg)}.quick-stat-value{font-size:1.5rem}}.goals-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg)}.goal-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);text-align:center}.goal-header{align-items:center;display:flex;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-md)}.goal-icon{height:20px;width:20px}.goal-icon svg{height:100%;width:100%}.goal-card.daily .goal-icon{color:var(--success)}.goal-card.weekly .goal-icon{color:var(--info)}.goal-title{color:var(--gray-600);font-size:.75rem;font-weight:600}.goal-progress-wrapper{margin-bottom:var(--space-sm)}.goal-progress-ring{height:80px;margin:0 auto;position:relative;width:80px}.goal-progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.ring-bg{fill:none;stroke:var(--gray-100);stroke-width:3}.ring-fill{fill:none;stroke:var(--success);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.ring-fill.weekly{stroke:var(--info)}.goal-progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.goal-current{color:var(--gray-800);font-size:1.25rem;font-weight:700}.goal-target{color:var(--gray-400);font-size:.75rem}.goal-complete{align-items:center;color:var(--success);display:flex;font-size:.75rem;font-weight:500;gap:var(--space-xs);justify-content:center}.goal-complete svg{height:14px;width:14px}.goal-remaining{color:var(--gray-500);font-size:.75rem}.challenges-card{margin-bottom:var(--space-lg)}.challenge-list{flex-direction:column}.challenge-item,.challenge-list{display:flex;gap:var(--space-sm)}.challenge-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-sm);transition:all var(--transition-base)}.challenge-item.completed{background:var(--success-light)}.challenge-icon{align-items:center;background:#fff;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.challenge-icon svg{color:var(--gray-600);height:18px;width:18px}.challenge-item.completed .challenge-icon svg{color:var(--success)}.challenge-info{flex:1 1;min-width:0}.challenge-name{color:var(--gray-700);font-size:.75rem;font-weight:500;margin-bottom:4px}.challenge-progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:4px;overflow:hidden}.challenge-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .5s ease}.challenge-item.completed .challenge-fill{background:var(--success)}.challenge-reward{background:var(--success-light);border-radius:var(--radius-full);color:var(--success);font-size:.625rem;font-weight:600;padding:2px 6px;white-space:nowrap}.action-buttons{flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.action-btn-large{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:var(--space-md);padding:var(--space-md);text-decoration:none;transition:all var(--transition-base)}.action-btn-large:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.action-btn-large.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff}.action-btn-icon{align-items:center;background:#fff3;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.action-btn-large.secondary .action-btn-icon{background:var(--primary-light)}.action-btn-icon svg{height:24px;width:24px}.action-btn-large.secondary .action-btn-icon svg{color:var(--primary)}.action-btn-content{flex:1 1}.action-btn-title{display:block;font-size:.875rem;font-weight:600}.action-btn-subtitle{display:block;font-size:.75rem;opacity:.8}.action-btn-arrow{height:20px;opacity:.5;width:20px}.action-btn-arrow svg{height:100%;width:100%}.mini-leaderboard{display:flex;flex-direction:column;gap:var(--space-sm)}.mini-leader-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-sm)}.mini-leader-item.current{background:var(--primary-light)}.mini-leader-rank{align-items:center;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.mini-leader-rank svg{height:18px;width:18px}.mini-leader-rank.rank-1{color:#fbbf24}.mini-leader-rank.rank-2{color:#9ca3af}.mini-leader-rank.rank-3{color:#d97706}.mini-leader-avatar{align-items:center;background:var(--gray-300);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.mini-leader-item.current .mini-leader-avatar{background:var(--primary)}.mini-leader-name{flex:1 1;font-size:.875rem;font-weight:500}.mini-leader-score{color:var(--primary);font-size:.875rem;font-weight:600}@media (min-width:768px){.action-buttons{flex-direction:row}.action-btn-large{flex:1 1}}.auth-page{align-items:center;background:linear-gradient(135deg,var(--primary-light) 0,var(--secondary-light) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-md)}.auth-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-xl);width:100%}.auth-header{margin-bottom:var(--space-xl);text-align:center}.auth-logo{align-items:center;background:var(--primary-light);border-radius:var(--radius-lg);display:flex;height:56px;justify-content:center;margin:0 auto var(--space-md);width:56px}.auth-logo svg{color:var(--primary);height:32px;width:32px}.auth-logo.success{background:var(--success-light)}.auth-logo.success svg{color:var(--success)}.auth-title{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.auth-subtitle{color:var(--gray-500);font-size:.875rem}.auth-footer{border-top:1px solid var(--gray-100);color:var(--gray-600);font-size:.875rem;margin-top:var(--space-lg);padding-top:var(--space-lg);text-align:center}.auth-footer a{color:var(--primary);font-weight:500}@media (min-width:768px){.auth-card{padding:var(--space-2xl)}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-page{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:64px;top:var(--navbar-height,64px)}@media (max-width:767px){.map-page{bottom:calc(70px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--bottom-nav-height, 70px) + env(safe-area-inset-bottom, 0px))}}.map-container{height:100%!important;width:100%!important}.loader{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.marker-pin{align-items:center;background:#f59e0b;background:var(--color,#f59e0b);border:3px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 3px 10px #0000004d;display:flex;height:36px;justify-content:center;transform:rotate(-45deg);transition:transform .2s;width:36px}.marker-pin:hover{transform:rotate(-45deg) scale(1.1)}.marker-pin.completed{opacity:.7}.marker-pin svg{stroke:#fff;stroke-width:2.5;height:16px;transform:rotate(45deg);width:16px}.user-dot{animation:pulse 2s infinite;background:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 6px #3b82f640,0 2px 8px #0003;height:16px;width:16px}@keyframes pulse{0%,to{box-shadow:0 0 0 6px #3b82f640,0 2px 8px #0003}50%{box-shadow:0 0 0 12px #3b82f61a,0 2px 8px #0003}}@keyframes spin{to{transform:rotate(1turn)}}.locate-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 2px 12px #00000026;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:48px;z-index:1000}.locate-btn:hover{background:#f9fafb;transform:scale(1.05)}.locate-btn:active{transform:scale(.95)}.locate-btn svg{stroke:#374151;stroke-width:2;fill:none;height:22px;width:22px}.locate-btn .spin{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:20px;width:20px}.add-toast{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;font-size:14px;font-weight:500;gap:10px;justify-content:space-between;left:16px;padding:12px 16px;position:absolute;right:80px;top:16px;z-index:1000}.add-toast,.add-toast>span{align-items:center;display:flex}.add-toast>span{gap:8px}.add-toast>span svg{stroke:#6366f1;height:20px;width:20px}.add-toast button{align-items:center;background:#fee2e2;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.add-toast button svg{stroke:#dc2626;height:16px;width:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bottom-bar{align-items:center;bottom:16px;display:flex;gap:8px;left:16px;position:absolute;right:16px;z-index:1000}@media (max-width:767px){.bottom-bar{bottom:16px}}.filter-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;box-shadow:0 2px 15px #0000001f;display:flex;flex:1 1;gap:2px;overflow-x:auto;padding:4px}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s;white-space:nowrap}.filter-tab:hover{background:#f3f4f6}.filter-tab.active{background:#4f46e5;color:#fff}.filter-tab svg{stroke:currentColor;height:18px;width:18px}.filter-tab .badge{background:#e5e7eb;border-radius:6px;color:#374151;font-size:11px;font-weight:700;padding:2px 6px}.filter-tab.active .badge{background:#fff3;color:#fff}.bar-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 2px 15px #0000001f;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;transition:all .2s;width:44px}.bar-btn:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.bar-btn:active{transform:scale(.95)}.bar-btn svg{stroke:#374151;height:20px;width:20px}.drawer-bg{align-items:flex-end;animation:fadeIn .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;position:fixed;z-index:2000}.drawer{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:75vh;width:100%}.drawer-head{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.drawer-head:before{background:#d1d5db;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:36px}.drawer-head h3{font-size:18px;font-weight:700;margin:0}.drawer-head button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.drawer-head button:hover{background:#e5e7eb}.drawer-head button svg{stroke:#6b7280;height:18px;width:18px}.tabs{border-bottom:1px solid #f3f4f6;padding:12px 16px}.tabs,.tabs button{display:flex;gap:6px}.tabs button{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;justify-content:center;padding:10px 8px;transition:all .2s}.tabs button:hover{background:#f3f4f6}.tabs button b{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:11px;font-weight:700;padding:2px 8px}.tabs button.active{background:#e0e7ff;color:#4f46e5}.tabs button.active b{background:#6366f1;color:#fff}.list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:12px 16px 20px}.list::-webkit-scrollbar{width:4px}.list::-webkit-scrollbar-track{background:#0000}.list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.empty{color:#9ca3af;padding:40px 20px;text-align:center}.item{align-items:center;background:#f9fafb;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:10px;transition:all .2s}.item:hover{background:#f3f4f6}.item:active{transform:scale(.98)}.item-icon{align-items:center;background:#e0e7ff;border-radius:10px;display:flex;height:48px;justify-content:center;max-width:48px;min-width:48px;overflow:hidden;width:48px}.item-icon svg{stroke:#4f46e5;height:22px;width:22px}.item-icon.has-img{background:#e5e7eb}.item-icon img{display:block;height:100%;object-fit:cover;width:100%}.item-content{flex:1 1;min-width:0}.item-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.item-city{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-type{background:#e5e7eb;border-radius:4px;color:#4b5563;font-size:10px;font-weight:600;padding:2px 6px;text-transform:capitalize;white-space:nowrap}.item-status{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;min-width:32px;width:32px}.item-status svg{height:16px;width:16px}.item-status.pending{background:#fef3c7}.item-status.pending svg{stroke:#92400e}.item-status.completed{background:#d1fae5}.item-status.completed svg{stroke:#065f46}.modal-bg{animation:fadeIn .2s;background:#0009;inset:0;z-index:3000}.modal{max-width:440px}.modal-head{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.modal-head h3{font-size:17px;font-weight:700;margin:0}.modal-head button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.modal-head button svg{stroke:#6b7280;height:18px;width:18px}.modal-body{padding:16px 20px}.error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;padding:12px 14px}.error-msg,.photo-section{margin-bottom:16px}.photo-add{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:14px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;padding:24px;transition:all .2s;width:100%}.photo-add:hover{background:#eef2ff;border-color:#6366f1;color:#4f46e5}.photo-add svg{stroke:currentColor;height:32px;width:32px}.photo-preview{background:#f3f4f6;border-radius:14px;overflow:hidden;position:relative}.photo-preview img{display:block;height:180px;object-fit:cover;width:100%}.photo-remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:32px}.photo-remove svg{stroke:#fff;height:16px;width:16px}.photo-remove:hover{background:#dc2626}.photo-change{align-items:center;background:#fff;border:none;border-radius:8px;bottom:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;position:absolute;right:8px;transition:all .2s}.photo-change svg{stroke:#374151;height:16px;width:16px}.photo-change:hover{transform:scale(1.05)}.types{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.types button{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:6px;padding:12px 8px;transition:all .2s}.types button svg{stroke:currentColor;height:24px;width:24px}.types button.active{background:#e0e7ff;border-color:#6366f1;color:#4f46e5}.addr{align-items:center;background:#f9fafb;border-radius:12px;gap:12px;margin-bottom:16px;padding:14px}.addr,.addr>span{display:flex}.addr>span svg{stroke:#6366f1;height:24px;width:24px}.addr .main{color:#111827;font-size:14px;font-weight:600}.addr .sub{color:#6b7280;font-size:12px}.status-pick{display:flex;gap:10px;margin-bottom:16px}.status-pick button{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.status-pick button svg{stroke:currentColor;height:18px;width:18px}.status-pick button.active.pending{background:#fef3c7;border-color:#f59e0b;color:#92400e}.status-pick button.active.done{background:#d1fae5;border-color:#10b981;color:#065f46}.modal-body textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:none;width:100%}.modal-body textarea:focus{border-color:#6366f1;outline:none}.modal-foot{border-top:1px solid #f3f4f6;display:flex;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom, 0px))}.modal-foot button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.modal-foot .del{background:#fee2e2;color:#dc2626;padding:12px 14px}.modal-foot .del svg{stroke:#dc2626;height:18px;width:18px}.modal-foot .cancel{background:#f3f4f6;color:#6b7280}.modal-foot .save{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;flex:1 1}.modal-foot .save:disabled{cursor:not-allowed;opacity:.6}.modal-foot .save svg{stroke:#fff;height:16px;width:16px}.btn-spin{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.leaflet-control-zoom{display:none!important}.leaflet-control-attribution{font-size:9px!important}.custom-marker,.user-marker{background:#0000!important;border:none!important}@media (min-width:768px){.bottom-bar{left:50%;max-width:400px;transform:translateX(-50%);width:auto}.modal{border-radius:20px;margin-bottom:20px}.modal-bg{align-items:center}.drawer{border-radius:20px;margin:0 auto 20px;max-width:400px}.drawer-bg{align-items:center}}.map-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.map-modal{animation:slideUp .3s ease;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;max-width:500px;overflow-y:auto;width:100%}@media (min-width:768px){.map-modal-overlay{align-items:center;padding:var(--space-lg)}.map-modal{border-radius:var(--radius-lg);max-height:90vh}}.map-modal .modal-body{padding:var(--space-md);padding-bottom:calc(var(--space-md) + 80px)}.map-modal .modal-footer{background:#fff;border-top:1px solid var(--gray-200);bottom:0;display:flex;gap:var(--space-sm);padding:var(--space-md);position:-webkit-sticky;position:sticky}.map-modal .modal-footer .btn{flex:1 1}.modal-bg{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-bg .modal{flex-direction:column;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.modal-bg .modal,.modal-bg .modal .modal-header{background:#fff;border-radius:20px 20px 0 0;display:flex}.modal-bg .modal .modal-header{align-items:center;border-bottom:1px solid #eee;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-bg .modal .modal-body{flex:1 1;overflow-y:auto;padding:16px 16px 100px}.modal-bg .modal .modal-footer{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:12px;padding:16px;position:-webkit-sticky;position:sticky}.modal-bg .modal .modal-footer .btn{border-radius:12px;flex:1 1;font-weight:600;padding:14px}@media (min-width:768px){.modal-bg{align-items:center;padding:20px}.modal-bg .modal{border-radius:20px;max-height:85vh}}.modal-bg .modal .modal-foot{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:12px;padding:16px;position:-webkit-sticky;position:sticky;z-index:10}.modal-bg .modal .modal-foot button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 20px}.modal-bg .modal .modal-foot .cancel{background:#f3f4f6;color:#374151}.modal-bg .modal .modal-foot .save{background:#6366f1;background:var(--primary,#6366f1);color:#fff}.modal-bg .modal .modal-foot .del{background:#fee2e2;color:#dc2626;flex:0 1;padding:14px}.modal-bg .modal .modal-head{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-bg .modal .modal-head h3{font-size:1.1rem;margin:0}.modal-bg .modal .modal-head button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px}.modal-bg .modal .modal-head button svg{height:20px;width:20px}.modal-bg .modal{margin-bottom:70px;max-height:calc(100vh - 140px)!important}.modal-bg{padding-bottom:70px}.user-stats-page{background:var(--gray-50);min-height:100vh;padding-bottom:100px}.loading-container{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:50vh}.stats-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);color:#fff;padding:80px 20px 50px;position:relative;text-align:center}.stats-hero:after{background:var(--gray-50);border-radius:24px 24px 0 0;bottom:-1px;content:"";height:24px;left:0;position:absolute;right:0}.avatar-container{display:inline-block;margin-bottom:16px;position:relative}.avatar{align-items:center;background:#fff3;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #00000040;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#ffffffb3}.avatar-placeholder svg{height:48px;width:48px}.avatar-btn{align-items:center;background:#fff;border:none;border-radius:50%;bottom:0;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:transform .2s;width:36px}.avatar-btn:hover{transform:scale(1.1)}.avatar-btn:disabled{cursor:not-allowed;opacity:.7}.avatar-btn svg{color:var(--primary);height:18px;width:18px}.user-name{font-size:1.5rem;font-weight:700;margin:0 0 4px}.user-email{font-size:.9rem;margin:0 0 12px;opacity:.9}.user-role{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 16px}.user-role svg{height:14px;width:14px}.stats-content{margin-top:-12px;padding:0 16px;position:relative;z-index:1}.message{align-items:center;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.message svg{flex-shrink:0;height:20px;width:20px}.message.success{background:#d1fae5;color:#065f46}.message.error{background:#fee2e2;color:#991b1b}.quick-stats{grid-gap:8px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:16px;padding:16px 12px}.quick-stat{text-align:center}.quick-stat-value{color:var(--primary);font-size:1.25rem;font-weight:700}.quick-stat-label{color:var(--gray-500);font-size:.65rem;margin-top:2px}.stats-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;margin-bottom:16px;padding:4px}.stats-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--gray-500);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:10px 8px;transition:all .2s}.stats-tab svg{height:16px;width:16px}.stats-tab.active{background:var(--primary);color:#fff}.stats-tab:hover:not(.active){background:var(--gray-100)}.section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;padding:20px}.section-title{align-items:center;color:var(--gray-700);display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:16px}.section-title svg{color:var(--primary);height:18px;width:18px}.progress-item{border-bottom:1px solid var(--gray-100);gap:12px;padding:12px 0}.progress-item:last-child{border:none;padding-bottom:0}.progress-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.progress-icon svg{height:20px;width:20px}.progress-icon.collage{background:#ede9fe;color:#7c3aed}.progress-icon.tractage{background:#fef3c7;color:#d97706}.progress-icon.boitage{background:#d1fae5;color:#059669}.progress-icon.porte{background:#dbeafe;color:#2563eb}.progress-info{flex:1 1;min-width:0}.progress-label{color:var(--gray-700);font-size:.9rem;font-weight:500}.progress-bar{border-radius:3px;height:6px;margin-top:8px}.progress-fill{border-radius:3px;min-width:0}.progress-fill.collage{background:#7c3aed}.progress-fill.tractage{background:#d97706}.progress-fill.boitage{background:#059669}.progress-fill.porte{background:#2563eb}.progress-value{color:var(--gray-900);font-size:1rem;min-width:30px;text-align:right}.btn-block{margin-top:8px;padding:14px;width:100%}@media (min-width:768px){.user-stats-page{padding-bottom:40px}.stats-content{margin-left:auto;margin-right:auto;max-width:600px}.quick-stats{padding:20px}.quick-stat-value{font-size:1.5rem}.quick-stat-label{font-size:.75rem}.stats-tab{font-size:.9rem;padding:12px 16px}.section{padding:24px}.progress-icon{height:48px;width:48px}.progress-icon svg{height:24px;width:24px}}@media (max-width:767px){.stats-hero{padding:24px 16px 40px}.avatar{height:80px;width:80px}.avatar-placeholder svg{height:36px;width:36px}.avatar-btn{height:32px;width:32px}.avatar-btn svg{height:16px;width:16px}.user-name{font-size:1.25rem}.user-email{font-size:.8rem}.quick-stats{padding:12px 8px}.quick-stat-value{font-size:1.1rem}.stats-tab{font-size:.75rem;padding:8px 4px}.stats-tab svg{height:14px;width:14px}.section{padding:16px}.progress-icon{border-radius:10px;height:36px;width:36px}.progress-icon svg{height:18px;width:18px}.progress-label{font-size:.85rem}.progress-value{font-size:.9rem}}.podium{align-items:flex-end;display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl);padding:var(--space-lg) 0}.podium-item{flex-direction:column;width:100px}.podium-avatar,.podium-item{align-items:center;display:flex}.podium-avatar{background:linear-gradient(135deg,var(--gray-300),var(--gray-400));border-radius:var(--radius-full);color:#fff;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;margin-bottom:var(--space-xs);width:48px}.podium-item.first .podium-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b);font-size:1.5rem;height:64px;width:64px}.podium-item.second .podium-avatar{background:linear-gradient(135deg,#9ca3af,#6b7280)}.podium-item.third .podium-avatar{background:linear-gradient(135deg,#f97316,#ea580c)}.podium-rank{height:24px;margin-bottom:var(--space-xs);width:24px}.podium-rank svg{height:100%;width:100%}.podium-item.first .podium-rank svg{color:#fbbf24}.podium-item.second .podium-rank svg{color:#9ca3af}.podium-item.third .podium-rank svg{color:#f97316}.podium-name{color:var(--gray-700);font-size:.75rem;font-weight:500;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.podium-score{color:var(--primary);font-size:.875rem;font-weight:700;margin-bottom:var(--space-sm)}.podium-bar{background:var(--gray-100);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%}.podium-item.first .podium-bar{background:linear-gradient(180deg,#fef3c7,#fbbf24);height:100px}.podium-item.second .podium-bar{background:linear-gradient(180deg,var(--gray-100),var(--gray-300));height:70px}.podium-item.third .podium-bar{background:linear-gradient(180deg,#fed7aa,#f97316);height:50px}.current-user-rank{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.current-rank-badge{align-items:center;background:var(--primary-light);border-radius:var(--radius-full);display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-lg)}.current-rank-badge span{color:var(--gray-600);font-size:.875rem}.current-rank-badge strong{color:var(--primary);font-size:1.25rem}.ranking-list{display:flex;flex-direction:column}.ranking-item{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:var(--space-sm);padding:var(--space-md);transition:background var(--transition-base)}.ranking-item:last-child{border-bottom:none}.ranking-item:hover{background:var(--gray-50)}.ranking-item.current{background:var(--primary-light)}.ranking-item.gold{background:#fefce8}.ranking-item.silver{background:#f9fafb}.ranking-item.bronze{background:#fff7ed}.ranking-position{display:flex;justify-content:center;width:32px}.ranking-icon{height:24px;width:24px}.ranking-icon svg{height:100%;width:100%}.ranking-item.gold .ranking-icon svg{color:#fbbf24}.ranking-item.silver .ranking-icon svg{color:#9ca3af}.ranking-item.bronze .ranking-icon svg{color:#f97316}.ranking-number{color:var(--gray-500)}.ranking-avatar,.ranking-number{font-size:.875rem;font-weight:600}.ranking-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ranking-info{flex:1 1;min-width:0}.ranking-name{color:var(--gray-800);font-weight:500}.ranking-level{color:var(--gray-500);font-size:.75rem}.ranking-score{text-align:right}.score-value{color:var(--primary);display:block;font-size:1rem;font-weight:700}.score-label{color:var(--gray-500);font-size:.625rem}.campaigns-page{background:var(--gray-50);min-height:100vh;padding-bottom:100px}.error-container,.loading-container{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:50vh}.error-container svg{color:var(--danger);height:48px;width:48px}.campaigns-header{align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.campaigns-title{color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0}.btn-add{align-items:center;display:flex;font-size:.9rem;gap:6px;padding:10px 16px}.btn-add svg{height:18px;width:18px}.campaigns-content{padding:16px}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px;text-align:center}.stat-value{color:var(--primary)}.stat-label{font-size:.7rem;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.empty-state{color:var(--gray-500);padding:60px 20px;text-align:center}.empty-state svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.empty-state p{font-size:1rem;margin-bottom:20px}.campaigns-list{display:flex;flex-direction:column;gap:16px}.campaign-card{border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.campaign-color-bar{height:4px}.campaign-body{padding:16px}.campaign-header{margin-bottom:8px}.campaign-name{color:var(--gray-900)}.campaign-desc{color:var(--gray-500);font-size:.85rem;line-height:1.4;margin:0 0 12px}.badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:4px 10px}.badge-active{background:#d1fae5;color:#065f46}.badge-draft{background:#e5e7eb;color:#374151}.badge-paused{background:#fef3c7;color:#92400e}.badge-completed{background:#dbeafe;color:#1e40af}.campaign-meta{color:var(--gray-500);display:flex;flex-wrap:wrap;font-size:.8rem;gap:16px;margin-bottom:12px}.meta-item{align-items:center;display:flex;gap:4px}.meta-item svg{height:14px;width:14px}.progress-section{margin-bottom:12px}.progress-header{color:var(--gray-600);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:6px}.progress-header strong{color:var(--gray-900)}.progress-bar{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.campaign-actions{border-top:1px solid var(--gray-100);gap:8px;padding-top:12px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s}.btn-action svg{height:16px;width:16px}.btn-edit{background:var(--gray-100);color:var(--gray-700)}.btn-edit:hover{background:var(--gray-200)}.btn-team{background:#ede9fe;color:#7c3aed}.btn-team:hover{background:#ddd6fe}.btn-view{background:#dbeafe;color:#2563eb}.btn-view:hover{background:#bfdbfe}.modal-overlay{align-items:flex-end;background:#00000080;padding:20px}.modal{display:flex;flex-direction:column;max-height:calc(100vh - 100px)}.modal,.modal-header{border-radius:20px 20px 0 0}.modal-header{background:#fff;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:var(--gray-900);font-size:1.1rem;font-weight:600}.modal-close{border-radius:8px;padding:8px;transition:background .2s}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{background:#fff;bottom:0;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky}.form-group{margin-bottom:16px}.form-label{color:var(--gray-600);display:block;font-size:.8rem;font-weight:500;margin-bottom:6px}.form-input{border:1px solid var(--gray-300);border-radius:10px;font-size:.95rem;padding:12px 14px;transition:all .2s;width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}textarea.form-input{min-height:80px;resize:vertical}select.form-input{cursor:pointer}.form-row{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.form-section-title{border-top:1px solid var(--gray-200);color:var(--gray-700);font-size:.85rem;font-weight:600;margin:20px 0 12px;padding-top:12px}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;height:36px;transition:all .2s;width:36px}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--gray-900);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gray-300)}.assign-section{margin-bottom:24px}.assign-title{align-items:center;color:var(--gray-700);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:12px}.assign-title svg{color:var(--primary);height:18px;width:18px}.user-list{list-style:none;margin:0;padding:0}.user-item{background:var(--gray-50);border-radius:10px;justify-content:space-between;margin-bottom:8px;padding:12px}.user-info,.user-item{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{background:var(--primary);border-radius:50%;font-size:.9rem;height:40px;width:40px}.user-name{color:var(--gray-900);font-size:.9rem;font-weight:500}.user-email{font-size:.75rem}.no-users{color:var(--gray-500);padding:20px;text-align:center}.btn,.no-users{font-size:.9rem}.btn{border:none;border-radius:10px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.btn-success{background:#d1fae5;color:#059669}.btn-success:hover{background:#a7f3d0}.btn-small{font-size:.8rem;padding:6px 12px}@media (min-width:768px){.campaigns-page{padding-bottom:40px}.campaigns-content{margin:0 auto;max-width:800px;padding:24px}.stats-row{gap:16px}.stat-card{padding:20px}.stat-value{font-size:2rem}.stat-label{font-size:.75rem}.campaigns-list{gap:20px}.campaign-body{padding:20px}.modal-overlay{align-items:center}.modal{border-radius:20px;max-height:90vh}.modal-header{border-radius:20px 20px 0 0}}@media (max-width:767px){.campaigns-header{padding:12px 16px}.campaigns-title{font-size:1.1rem}.btn-add{font-size:.85rem;padding:8px 12px}.campaigns-content{padding:12px}.stats-row{gap:8px}.stat-card{padding:12px}.stat-value{font-size:1.25rem}.stat-label{font-size:.65rem}.campaign-card{border-radius:12px}.campaign-body{padding:14px}.campaign-name{font-size:.95rem}.campaign-actions{flex-wrap:wrap}.btn-action{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:.75rem;padding:8px}.btn-action:last-child{flex:1 1 100%}.form-row{grid-template-columns:1fr}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1;min-width:calc(50% - 6px)}.modal-footer .btn-danger{flex:1 1 100%;order:3}}.stats-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg)}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-md);padding:var(--space-md)}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:var(--gray-100);border-radius:var(--radius-md);flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon svg{color:var(--gray-600);height:24px;width:24px}.stat-card.primary .stat-icon{background:var(--primary-light)}.stat-card.primary .stat-icon svg{color:var(--primary)}.stat-card.success .stat-icon{background:var(--success-light)}.stat-card.success .stat-icon svg{color:var(--success)}.stat-card.warning .stat-icon{background:var(--warning-light)}.stat-card.warning .stat-icon svg{color:var(--warning)}.stat-card.info .stat-icon{background:var(--info-light)}.stat-card.info .stat-icon svg{color:var(--info)}.stat-content{flex:1 1;min-width:0}.stat-value{color:var(--gray-900);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--gray-500);font-size:.75rem}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card{padding:var(--space-lg)}}.filters-bar{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.search-box{flex:1 1;position:relative}.search-icon{color:var(--gray-400);height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-icon svg{height:100%;width:100%}.search-input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;padding:.75rem 1rem .75rem 40px;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.filter-buttons{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xs)}.filter-btn{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-base);white-space:nowrap}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}@media (min-width:768px){.filters-bar{align-items:center;flex-direction:row}.search-box{max-width:300px}}.user-card,.users-list{display:flex;flex-direction:column;gap:var(--space-md)}.user-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md)}.user-card.pending{border-left:4px solid var(--warning)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-avatar.small{font-size:.875rem;height:32px;width:32px}.user-info{flex:1 1;min-width:0}.user-name{color:var(--gray-800);font-weight:600;margin-bottom:2px}.user-email{color:var(--gray-500);font-size:.875rem}.user-date{align-items:center;color:var(--gray-400);display:flex;font-size:.75rem;gap:var(--space-xs);margin-top:var(--space-xs)}.user-date svg{height:14px;width:14px}.user-actions,.user-cell{display:flex;gap:var(--space-sm)}.user-cell{align-items:center}.action-buttons{display:flex;gap:var(--space-xs)}@media (min-width:768px){.user-card{align-items:center;flex-direction:row}}.campaigns-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr}.campaign-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md)}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.campaign-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.campaign-icon svg{color:var(--primary);height:24px;width:24px}.campaign-status{border-radius:var(--radius-full);font-size:.625rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.campaign-status.active{background:var(--success-light);color:var(--success)}.campaign-name{color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.campaign-type{text-transform:capitalize}.campaign-dates,.campaign-type{color:var(--gray-500);font-size:.75rem}.campaign-dates{align-items:center;display:flex;gap:var(--space-xs);margin:var(--space-md) 0}.campaign-dates svg{height:14px;width:14px}.campaign-actions{display:flex;gap:var(--space-sm)}@media (min-width:768px){.campaigns-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.campaigns-grid{grid-template-columns:repeat(3,1fr)}}.progress-overview{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg)}.progress-stat{text-align:center}.progress-circle{height:120px;position:relative;width:120px}.progress-circle svg{height:100%;transform:rotate(-90deg);width:100%}.progress-bg{fill:none;stroke:var(--gray-100);stroke-width:3}.progress-fill{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-text{color:var(--gray-800);font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-label{color:var(--gray-500);font-size:.875rem;margin-top:var(--space-sm)}.progress-details{max-width:200px;width:100%}.progress-item{align-items:center;display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.progress-dot{border-radius:var(--radius-full);height:10px;width:10px}.progress-dot.completed{background:var(--success)}.progress-dot.pending{background:var(--warning)}.progress-name{color:var(--gray-600);flex:1 1;font-size:.875rem}.progress-value{color:var(--gray-800);font-weight:600}@media (min-width:768px){.progress-overview{flex-direction:row;justify-content:center}}.top-users-list{flex-direction:column}.top-user-item,.top-users-list{display:flex;gap:var(--space-sm)}.top-user-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-sm)}.top-user-rank{align-items:center;background:var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.top-user-rank.rank-1{background:#fef3c7;color:#d97706}.top-user-rank.rank-2{background:var(--gray-200);color:var(--gray-600)}.top-user-rank.rank-3{background:#fed7aa;color:#c2410c}.top-user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-full);color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.top-user-info{flex:1 1;min-width:0}.top-user-name{color:var(--gray-800);font-size:.875rem;font-weight:500}.top-user-email{color:var(--gray-500);font-size:.75rem}.top-user-score{text-align:right}.top-user-score .score-value{color:var(--primary);font-size:1rem;font-weight:700}.top-user-score .score-label{color:var(--gray-500);display:block;font-size:.625rem}.form-card{margin-bottom:var(--space-lg)}.user-card-main{align-items:center;display:flex;flex:1 1;gap:var(--space-md)}.user-avatar-wrapper{position:relative}.user-avatar-img{height:48px;object-fit:cover;width:48px}.admin-badge,.user-avatar-img{border-radius:var(--radius-full)}.admin-badge{align-items:center;background:var(--warning);border:2px solid #fff;bottom:-2px;display:flex;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.admin-badge svg{color:#fff;height:10px;width:10px}.user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px}.status-badge svg{height:12px;width:12px}.status-badge.validated{background:var(--success-light);color:var(--success)}.status-badge.pending{background:var(--warning-light);color:var(--warning)}.user-stats-mini{align-items:center;color:var(--gray-500);display:inline-flex;font-size:.75rem;gap:4px}.user-stats-mini svg{height:12px;width:12px}.user-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.stats-grid.small{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-card.mini{padding:var(--space-sm)}.stat-card.mini .stat-icon{height:36px;width:36px}.stat-card.mini .stat-icon svg{height:18px;width:18px}.stat-card.mini .stat-value{font-size:1.25rem}@media (min-width:768px){.stats-grid.small{grid-template-columns:repeat(4,1fr)}}.user-edit-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.user-edit-header h3{color:var(--gray-800);margin:0}.user-edit-header p{color:var(--gray-500);font-size:.875rem;margin:0}.user-avatar.large{font-size:1.5rem;height:64px;width:64px}.toggle-btn,.toggle-group{display:flex;gap:var(--space-xs)}.toggle-btn{align-items:center;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;flex:1 1;font-weight:500;justify-content:center;padding:.75rem;transition:all var(--transition-base)}.toggle-btn svg{height:18px;width:18px}.toggle-btn:hover{border-color:var(--primary)}.toggle-btn.active{background:var(--success-light);border-color:var(--success);color:var(--success)}.toggle-btn.active.warning{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.user-stats-detail{background:var(--gray-50);border-radius:var(--radius-md);margin-top:var(--space-md);padding:var(--space-md)}.user-stats-detail h4{color:var(--gray-500);font-size:.875rem;margin:0 0 var(--space-sm) 0}.stats-mini-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.stat-mini{text-align:center}.stat-mini-value{color:var(--gray-800);display:block;font-size:1.25rem;font-weight:700}.stat-mini-label{color:var(--gray-500);font-size:.75rem}.alert-close{background:none;border:none;cursor:pointer;margin-left:auto;opacity:.7;padding:4px}.alert-close:hover{opacity:1}.alert-close svg{height:16px;width:16px}.page-header h1{align-items:center;display:flex;gap:var(--space-sm)}.page-header h1 svg{color:var(--primary);height:28px;width:28px}.modal-user-header{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-md);display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md)}.modal-avatar-wrapper{cursor:pointer;position:relative}.modal-avatar,.modal-avatar-img{background:#fff3;border:3px solid #ffffff4d;border-radius:var(--radius-full);color:#fff;font-size:2rem;font-weight:700;height:80px;object-fit:cover;width:80px}.modal-avatar,.modal-avatar-img,.modal-avatar-overlay{align-items:center;display:flex;justify-content:center}.modal-avatar-overlay{background:#00000080;border-radius:var(--radius-full);inset:0;opacity:0;position:absolute;transition:opacity var(--transition-base)}.modal-avatar-overlay svg{color:#fff;height:24px;width:24px}.modal-avatar-wrapper:hover .modal-avatar-overlay{opacity:1}.modal-user-info{color:#fff}.modal-user-info h3{font-size:1.25rem;margin:0 0 4px}.modal-user-info p{font-size:.875rem;margin:0 0 var(--space-sm) 0;opacity:.9}.modal-user-badges{display:flex;gap:var(--space-xs)}.modal-user-badges .badge{font-size:.625rem}.modal-tabs{border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-md);padding:0 var(--space-md)}.modal-tab,.modal-tabs{display:flex;gap:var(--space-xs)}.modal-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--gray-500);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-1px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.modal-tab svg{height:16px;width:16px}.modal-tab.active,.modal-tab:hover{color:var(--primary)}.modal-tab.active{border-bottom-color:var(--primary)}.form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr}@media (min-width:480px){.form-row{grid-template-columns:1fr 1fr}}.security-section{background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-md)}.security-section h4{align-items:center;display:flex;font-size:1rem;gap:var(--space-xs);margin:0 0 var(--space-xs) 0}.security-section h4 svg{height:18px;width:18px}.security-section.danger{background:var(--danger-light);border:1px solid var(--danger)}.security-section.danger h4{color:var(--danger)}.text-muted{color:var(--gray-500);font-size:.875rem;margin-bottom:var(--space-md)}.stats-overview{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg)}.stat-box{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.stat-box-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-full);display:flex;height:40px;justify-content:center;margin:0 auto var(--space-sm);width:40px}.stat-box-icon svg{color:var(--primary);height:20px;width:20px}.stat-box-value{color:var(--gray-800);font-size:1.5rem;font-weight:700}.stat-box-label{color:var(--gray-500);font-size:.75rem}.stats-details{background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-md)}.stats-details h4{color:var(--gray-500);font-size:.875rem;margin:0 0 var(--space-md) 0}.detail-list{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-item{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--space-xs) 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--gray-500);font-size:.875rem}.detail-value{color:var(--gray-800);font-weight:500}.modal-overlay,.stats-actions{display:flex;justify-content:center}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;padding:var(--space-md) var(--space-lg)}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{font-size:1.25rem;gap:var(--space-sm);margin:0}.modal-header h2 svg{color:var(--primary);height:24px;width:24px}.modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;padding:var(--space-xs);transition:all var(--transition-base)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-close svg{height:20px;width:20px}.modal-body{padding:var(--space-lg)}.modal-footer{background:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--gray-200);display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-md) var(--space-lg)}.modal-large{max-width:600px;width:95%}@media (max-width:767px){.page-header{padding:var(--space-md)}.page-header h1{font-size:1.25rem}.page-header .btn{justify-content:center;width:100%}.stats-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);text-align:center}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.25rem}.stat-label{font-size:.65rem}.filters-bar{padding:0 var(--space-md)}.filter-buttons{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-sm)}.filter-btn{font-size:.75rem;padding:.4rem .75rem;white-space:nowrap}.users-list{padding:0 var(--space-sm)}.user-card{align-items:flex-start;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.user-info{align-items:center;flex-direction:row;width:100%}.user-avatar{font-size:1.1rem;height:48px;width:48px}.user-details{flex:1 1;min-width:0}.user-name{font-size:.95rem}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.75rem}.user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:space-between;width:100%}.user-badges{order:1}.user-stats-inline{font-size:.7rem;order:2}.user-date{font-size:.7rem;order:3;width:100%}.user-actions{border-top:1px solid var(--gray-100);gap:var(--space-xs);justify-content:flex-end;padding-top:var(--space-sm);width:100%}.user-actions .btn{font-size:.75rem;padding:.5rem .75rem}.user-actions .btn-icon{height:36px;width:36px}.navbar-mobile-admin{margin-bottom:var(--space-sm)}.admin-page{padding-bottom:140px}.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-large{border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:0;max-height:90vh;max-width:100%;width:100%}.modal-body{padding:var(--space-md)}.form-row{flex-direction:column;gap:var(--space-md)}.modal-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-tab{font-size:.8rem;padding:var(--space-sm) var(--space-md);white-space:nowrap}.user-card{grid-gap:var(--space-xs) var(--space-sm);align-items:center;display:grid;gap:var(--space-xs) var(--space-sm);grid-template-columns:50px 1fr auto;grid-template-rows:auto auto;padding:var(--space-md)}.user-card .user-avatar{font-size:1.2rem;grid-row:1/3;height:50px;width:50px}.user-card .user-details{grid-column:2;grid-row:1;min-width:0}.user-card .user-name{font-size:.9rem;font-weight:600}.user-card .user-email,.user-card .user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .user-email{color:var(--gray-500);font-size:.7rem}.user-card .user-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px;grid-column:3;grid-row:1}.user-card .badge{font-size:.65rem;padding:2px 6px}.user-card .user-date,.user-card .user-stats-inline{color:var(--gray-400);font-size:.65rem}.user-card .user-actions{border-top:1px solid var(--gray-100);display:flex;gap:var(--space-xs);grid-column:2/4;grid-row:2;justify-content:flex-start;margin-top:var(--space-xs);padding-top:var(--space-xs)}.user-card .user-actions .btn{font-size:.7rem;padding:6px 10px}.user-card .user-actions .btn-icon{height:32px;padding:0;width:32px}.user-card .user-actions .btn-icon svg{height:16px;width:16px}}
/*# sourceMappingURL=main.258fa0de.css.map*/