:root{--primary-color: #1E977E;--secondary-color: #17314B;--accent-color: #1E977E;--text-color: #1F2937;--text-light: #4B5563;--background-color: #FFFFFF;--background-light: #F9FAFB;--background-dark: #F3F4F6;--border-color: #E5E7EB;--primary-rgb: 30, 151, 126;--secondary-rgb: 23, 49, 75;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}.mb-12{margin-bottom:3rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.gap-6{gap:1.5rem}.gap-3{gap:.75rem}.inline-flex{display:inline-flex}.space-x-8>*+*{margin-left:2rem}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-gray-700{color:#374151}.text-gray-500{color:#6b7280}.btn{display:inline-block;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:1.125rem;transition:all .3s ease;border:none;cursor:pointer;text-align:center}.btn:hover{background-color:#17695a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #1e977e4d;color:#fff}.hover\:bg-white:hover{background-color:#fff}.hover\:text-gray-900:hover{color:#111827}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.relative{position:relative}.absolute{position:absolute}.z-2{z-index:2}.max-w-600px{max-width:600px}.h-12{height:3rem}.w-12{width:3rem}.hero-section{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);padding:5rem 0}.hero-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.hero-content{grid-template-columns:1fr 1fr}}.hero-text h1{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.25}@media (min-width: 1024px){.hero-text h1{font-size:3rem}}.hero-text p{font-size:1.125rem;color:#4b5563;margin-bottom:2rem;line-height:1.625}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.hero-buttons{flex-direction:row;justify-content:flex-start}}.hero-image img{max-width:100%;height:auto;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a}.section-title{text-align:center;margin-bottom:4rem}.section-title h2{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}@media (min-width: 1024px){.section-title h2{font-size:2.25rem}}.section-light{background-color:#f9fafb;padding:5rem 0}.section-dark{background-color:#111827;color:#fff;padding:5rem 0}.section-dark h2,.section-dark h3{color:#fff}.section-dark p{color:#d1d5db}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;text-align:center}.card-dark{background:#1f2937;color:#fff}.card-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;display:block}.card-dark .card-icon{color:#4ade80}.card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.card p{color:#4b5563}.card-dark p{color:#d1d5db}.trust-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.trust-grid{grid-template-columns:repeat(4,1fr)}}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.content-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.content-layout{grid-template-columns:1fr 1fr}}.content-text p{margin-bottom:1.5rem}.content-image{text-align:center}.content-image img{max-width:100%;height:auto}.feature-item{display:flex;align-items:flex-start;gap:1rem}.feature-icon{flex-shrink:0;width:3rem;height:3rem;background-color:#dcfce7;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.feature-icon i{color:#16a34a}.feature-content h3{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.feature-content p{color:#4b5563}.client-scroll{overflow:hidden}.client-logos{display:flex;gap:2rem;animation:scroll 20s linear infinite}.client-logos img{height:4rem;width:auto;opacity:.7;transition:opacity .3s ease}.client-logos img:hover{opacity:1}.faq-item{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;margin-bottom:1rem}.faq-question{padding:1.5rem;cursor:pointer;font-size:1.125rem;font-weight:600;color:#111827;background:transparent;border:none;width:100%;text-align:left}.faq-question:hover{background-color:#f9fafb}.faq-answer{padding:0 1.5rem 1.5rem;color:#4b5563}.cert-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.cert-grid{grid-template-columns:repeat(2,1fr)}}.cert-card{text-align:center;padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.cert-card img{height:4rem;margin:0 auto .75rem}.cert-card p{color:#4b5563}.lang-select-bar{display:flex;justify-content:center;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:.5rem}.block{display:block}.inline-block{display:inline-block}strong{font-weight:600;color:var(--text-color)}.section-dark strong{color:#4ade80}.min-h-screen{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-16{margin-bottom:4rem}.gap-12{gap:3rem}.gap-8{gap:2rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.space-x-4>*+*{margin-left:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-300{color:#d1d5db}.text-white{color:#fff}.text-primary{color:var(--primary-color)}.text-blue-600{color:#2563eb}.text-blue-400{color:#60a5fa}.text-blue-300{color:#93c5fd}.text-green-600{color:#16a34a}.text-green-400{color:#4ade80}.text-teal-600{color:#0d9488}.text-orange-600{color:#ea580c}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-primary{background-color:var(--primary-color)}.bg-primary-50{background-color:#f0fdfa}.bg-primary-100{background-color:#ccfbf1}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-green-600{background-color:#16a34a}.bg-blue-900{background-color:#1e3a8a}.bg-blue-800{background-color:#1e40af}.bg-teal-600{background-color:#0d9488}.bg-teal-700{background-color:#0f766e}.bg-orange-500{background-color:#f97316}.bg-orange-600{background-color:#ea580c}.bg-black{background-color:#000}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary-50{--tw-gradient-from: #f0fdfa;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 253, 250, 0))}.to-primary-100{--tw-gradient-to: #ccfbf1}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.btn{display:inline-block;padding:.75rem 2rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:1.125rem;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{background-color:#17695a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #1e977e4d}.btn-secondary{background-color:var(--background-light);color:var(--text-color);border:2px solid var(--border-color)}.btn-secondary:hover{background-color:var(--background-dark);color:var(--text-color)}.hover\:bg-primary-700:hover{background-color:#0f766e}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-blue-800:hover{background-color:#1e40af}.hover\:bg-teal-700:hover{background-color:#0f766e}.hover\:bg-orange-600:hover{background-color:#ea580c}.hover\:text-primary-700:hover{color:#0f766e}.hover\:text-blue-300:hover{color:#93c5fd}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-left{text-align:left}.lg\:justify-start{justify-content:flex-start}.lg\:col-span-3{grid-column:span 3 / span 3}}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.bg-opacity-50{background-color:#00000080}.opacity-70{opacity:.7}.opacity-100{opacity:1}.transform{transform:var(--tw-transform)}.overflow-hidden{overflow:hidden}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.mx-4{margin-left:1rem;margin-right:1rem}.h-16{height:4rem}.h-auto{height:auto}.w-16{width:4rem}.w-8{width:2rem}.h-8{height:2rem}.w-auto{width:auto}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}:root{--primary-color: #1E977E;--secondary-color: #17314B;--accent-color: #1E977E;--text-color: #1F2937;--text-light: #4B5563;--background-color: #FFFFFF;--background-light: #F9FAFB;--background-dark: #F3F4F6;--border-color: #E5E7EB;--primary-rgb: 30, 151, 126;--secondary-rgb: 23, 49, 75}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--background-color);line-height:1.7;overflow-x:hidden}.login-btn-gradient{background:linear-gradient(90deg,#1e977e 60% 100%);box-shadow:0 4px 12px #1e977e26;transition:all .3s cubic-bezier(.25,.8,.25,1)}.login-btn-gradient:hover{background:linear-gradient(90deg,#17314b 60%,#1e977e);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #1e977e40}.login-btn-gradient:active{transform:translateY(1px) scale(.98)}.login-form-modern{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-input-modern{transition:all .3s ease;background:#ffffffe6}.login-input-modern:focus{background:#fff;box-shadow:0 0 0 3px #1e977e1a;transform:translateY(-1px)}.login-btn-modern{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #1e977e33}.login-btn-modern:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #1e977e4d}.login-btn-modern:active{transform:translateY(0) scale(1)}.lang-select-bar{width:100%;background:#f8f9fa;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px #00000008;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.5rem;font-size:1rem;position:relative;z-index:900;min-height:38px;flex-wrap:wrap;text-align:center}.lang-label{font-size:1rem;color:#444;margin-right:.5rem;white-space:normal;flex-shrink:0;text-align:center;line-height:1.4}.lang-select-bar button{background:#fff;color:#1e977e;border:1px solid #d1d5db;border-radius:5px;padding:.25rem 1.1rem;font-size:1rem;margin:0 .1rem;cursor:pointer;transition:background .2s,color .2s,border .2s;outline:none;font-family:inherit;font-weight:600;box-shadow:0 1px 2px #1e977e0a}.lang-select-bar button.active,.lang-select-bar button:focus{background:#1e977e;color:#fff;border:1.5px solid #1E977E}.lang-select-bar button:hover:not(.active){background:#e6f7f2;color:#17314b;border-color:#1e977e}.modern-hero{position:relative;padding:120px 0 80px;background:#f8fafc;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%}.hero-pattern{position:absolute;width:100%;height:100%;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.gradient-overlay{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary-rgb),.03),rgba(var(--secondary-rgb),.03))}.hero-flex-container{display:flex;align-items:center;gap:60px;position:relative;z-index:2}.hero-text-content{flex:1;max-width:600px}.hero-badge{display:inline-block;padding:8px 16px;background:var(--primary-color);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:24px}.hero-stats{display:flex;gap:32px;margin:32px 0}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:800;color:var(--primary-color);line-height:1}.stat-label{font-size:.9rem;color:var(--text-light)}.hero-image-content{flex:1;position:relative}.hero-image{width:100%;height:auto;animation:float 6s ease-in-out infinite}.floating-card{position:absolute;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 20px 40px #0000001a;display:flex;align-items:center;gap:12px;font-weight:600;font-size:.9rem}.floating-card i{color:var(--primary-color);font-size:1.2rem}.card-1{top:20%;left:-10%;animation:float 6s ease-in-out infinite}.card-2{bottom:20%;right:-10%;animation:float 6s ease-in-out infinite 3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section-light{background-color:var(--background-light)}.section-dark{background-color:var(--background-dark)}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.trust-card{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.trust-card i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.trust-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.trust-card p{color:var(--text-light);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{text-align:center;padding:2rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.feature-card h3 i{font-size:1.5rem;color:#4ade80}.feature-card p{color:#fffc;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#17a085;transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#1e3a54;transform:translateY(-2px)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll{animation:scroll 20s linear infinite}.animate-scroll:hover{animation-play-state:paused}@media (max-width: 768px){.lang-select-bar{font-size:.97rem;padding:.2rem .1rem;gap:.2rem;min-height:0}.lang-label{font-size:.97rem;margin:.2rem 0;width:100%;flex-basis:100%;display:block}.lang-select-bar button{font-size:.97rem;padding:.18rem .7rem;min-width:70px;margin-bottom:.2rem}.modern-hero{padding:80px 0 60px}.hero-flex-container{flex-direction:column;gap:40px}.hero-stats{gap:20px;justify-content:center}.stat-number{font-size:1.5rem}.floating-card{display:none}}@layer utilities{.text-balance{text-wrap:balance}.animate-fadeIn{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slideUp{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}.bg-blue-100{background-color:#dbeafe}.bg-yellow-100{background-color:#fef3c7}.bg-red-100{background-color:#fee2e2}.text-yellow-600{color:#ca8a04}.text-red-600{color:#dc2626}.border-blue-500{border-color:#3b82f6}.border-green-500{border-color:#22c55e}.border-yellow-500{border-color:#eab308}.border-red-500{border-color:#ef4444}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:#1a1c23}.sidebar-header{padding:1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6366f1}.logo-text h3{margin:0;font-size:1rem;font-weight:600;color:#e4e6eb}.logo-text span{font-size:.75rem;color:#9ca3af}.sidebar-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.sidebar-toggle:hover{background:#ffffff1a;color:#e4e6eb}.sidebar-user{padding:1.25rem;display:flex;align-items:center;gap:.875rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(to right,rgba(99,102,241,.1),transparent)}.user-avatar{width:42px;height:42px;background:#6366f133;border:2px solid #6366f1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6366f1;transition:all .3s ease}.user-avatar:hover{background:#6366f14d;transform:scale(1.05)}.user-info{overflow:inherit;flex:1}.user-name{font-weight:600;font-size:.9375rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;margin-bottom:4px}.user-role{display:flex;align-items:center;gap:8px}.role-badge{background:#6366f133;color:#6366f1;font-size:.6875rem;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.user-status{font-size:.6875rem;color:#10b981;display:flex;align-items:center;gap:4px}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin:.25rem 0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;width:100%;border:none;background:none;color:#9ca3af;cursor:pointer;transition:all .2s ease;text-align:left}.nav-link:hover{background:#ffffff1a;color:#e4e6eb}.nav-link.active{background:#6366f1;color:#fff}.nav-link.active .nav-description{color:#fffc}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.nav-icon svg{width:20px;height:20px}.nav-content{display:flex;flex-direction:column;min-width:0}.nav-label{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-description{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1.25rem;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:#ef44441a;color:#ef4444;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef444433}.logout-icon{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.admin-sidebar{transform:none;inset:auto 0 0;width:100%;height:auto;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000000d;padding:8px 0;z-index:1000}.admin-sidebar .sidebar-header,.admin-sidebar .sidebar-toggle,.admin-sidebar .sidebar-footer{display:none}.admin-sidebar[data-page=dashboard] .sidebar-footer{padding:0;border:none;position:fixed;bottom:80px;left:0;right:0;display:flex;justify-content:center;z-index:1000}.admin-sidebar[data-page=dashboard] .logout-btn{width:auto;min-width:120px;background:#ef4444;color:#fff;border-radius:20px;padding:8px 20px;margin:0 20px;box-shadow:0 2px 8px #ef44444d}.admin-sidebar[data-page=dashboard] .logout-btn:hover{background:#dc2626}.admin-sidebar[data-page=dashboard] .logout-text{font-weight:500}.admin-sidebar .nav-list{display:flex;justify-content:space-around;padding:0;margin:0}.admin-sidebar .nav-item{margin:0;flex:1}.admin-sidebar .nav-link{flex-direction:column;align-items:center;padding:8px 4px;gap:4px;height:auto;background:none}.admin-sidebar .nav-icon{width:24px;height:24px}.admin-sidebar .nav-content{align-items:center;text-align:center}.admin-sidebar .nav-label{font-size:.75rem;margin:0}.admin-sidebar .nav-description{display:none}.admin-sidebar .nav-link:hover,.admin-sidebar .nav-link.active{background:none}.admin-sidebar .nav-link.active,.admin-sidebar .nav-link.active .nav-label{color:#6366f1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.admin-layout{display:flex;min-height:100vh;background:#f8fafc}.admin-main-content{flex:1;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;overflow-x:hidden}.admin-main-content.sidebar-collapsed{margin-left:0}.mobile-menu-btn{position:fixed;top:1rem;left:1rem;z-index:1001;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;border:1px solid rgba(148,163,184,.2);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0f172a40;transition:all .2s ease}.mobile-menu-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0f172a59;border-color:#94a3b84d}.hamburger-icon{font-size:1.25rem;font-weight:700}.admin-main-content{padding-bottom:75px}@media (min-width: 769px){.admin-main-content{margin-left:280px;padding-bottom:0}.admin-main-content.sidebar-collapsed{margin-left:80px}}.loading-spinner-container{display:flex;align-items:center}.loading-spinner-container.size-md,.loading-spinner-container.size-lg{flex-direction:column;justify-content:center;padding:2rem}.loading-spinner{border-radius:50%;border-style:solid;border-color:transparent;animation:spin 1s linear infinite}.loading-spinner.size-sm{width:1.5rem;height:1.5rem;border-width:2px;border-top-color:#3b82f6;border-right-color:#e5e7eb;margin-right:.5rem}.loading-spinner.size-md{width:3rem;height:3rem;border-width:4px;border-top-color:#3b82f6;border-right-color:#e5e7eb;margin-bottom:1rem}.loading-spinner.size-lg{width:4rem;height:4rem;border-width:4px;border-top-color:#3b82f6;border-right-color:#e5e7eb;margin-bottom:1rem}.loading-message{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.loading-sub-message{font-size:.875rem;color:#6b7280;text-align:center;max-width:28rem}.admin-dashboard-content.minimal{min-height:100vh;background:#f8fafc}.admin-container.minimal{max-width:900px;margin:0 auto;padding:1.5rem .5rem;width:100%}.admin-header.minimal{margin-bottom:1.2rem;text-align:left}.admin-title.minimal{font-size:1.3rem;font-weight:700;color:#222;margin-bottom:.1rem;letter-spacing:-.5px}.admin-subtitle.minimal{font-size:.95rem;color:#6b7280;font-weight:400}.error-message.minimal{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.error-retry.minimal{background:none;border:none;color:#dc2626;text-decoration:underline;cursor:pointer;font-weight:500;font-size:.95rem}.stats-grid.minimal{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin-bottom:1.2rem}.stat-card.minimal{background:#fff;border-radius:10px;padding:1.1rem .7rem .9rem;border:1px solid #ececec;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:80px;box-shadow:none;transition:border .2s;position:relative}.stat-card.minimal:hover{border:1.5px solid var(--accent, #2563eb)}.stat-icon{width:24px;height:24px;margin-bottom:.3rem;display:flex;align-items:center;justify-content:center}.stat-label{font-size:.92rem;color:#555;font-weight:500;margin-bottom:.1rem}.stat-value{font-size:1.45rem;font-weight:700;color:var(--accent, #2563eb);line-height:1.1}.table-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border:1px solid #f1f5f9;overflow:hidden}.table-card.minimal{background:#fff;border-radius:10px;padding:1.2rem .7rem .7rem;border:1px solid #ececec;margin-bottom:1.2rem;box-shadow:none}.table-header{padding:2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fafbfc}.table-header.minimal{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.table-title{font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.table-title.minimal{font-size:1.1rem;font-weight:600;color:#222}.table-title:before{content:"👥";font-size:1.125rem}.table-actions,.table-actions.minimal{display:flex;align-items:center;gap:1rem}.refresh-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border:2px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.page-info{font-size:.875rem;color:#64748b;font-weight:600}.page-info.minimal{font-size:.95rem;color:#888}.users-table{width:100%;border-collapse:collapse}.users-table.minimal{width:100%;border-collapse:collapse;background:none}.table-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.table-head th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.users-table.minimal th,.users-table.minimal td{padding:.6rem .5rem;font-size:.97rem;text-align:left;border:none;background:none}.users-table.minimal th{color:#6b7280;font-weight:600;background:none;border-bottom:1.5px solid #f1f5f9;text-transform:none;letter-spacing:0}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.sortable-header:hover{background:#3b82f60d;color:#3b82f6}.table-body tr{transition:all .2s ease}.table-body tr:hover{background:#fafbfc}.table-body td{padding:1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.user-name{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.user-name.minimal{font-size:1rem;font-weight:500;color:#222}.user-id{font-size:.75rem;color:#64748b}.user-id.minimal{font-size:.8rem;color:#a3a3a3}.user-email,.user-phone{font-size:.875rem;color:#374151}.user-email.minimal,.user-phone.minimal{font-size:.97rem;color:#444}.status-container{display:flex;flex-direction:column;gap:.5rem}.status-container.minimal{display:flex;gap:.4rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.025em}.status-badge.minimal{display:inline-block;padding:.18rem .6rem;border-radius:8px;font-size:.85rem;font-weight:500;background:#f1f5f9;color:#2563eb}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #a7f3d0}.status-badge.minimal.active{color:#10b981;background:#e0f7ef}.status-badge.minimal.inactive{color:#f43f5e;background:#fee2e2}.status-badge.minimal.verified{color:#6366f1;background:#eef2ff}.status-badge.minimal.unverified{color:#f59e42;background:#fff7ed}.screenshot-container{display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px;min-height:70px;justify-content:center}.screenshot-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #e1e5e9;font-size:12px;font-weight:500;color:#2c3e50;min-width:100px;justify-content:center}.screenshot-status.no-screenshot{background:linear-gradient(135deg,#fafafa,#f0f0f0);color:#666;border-color:#ddd}.screenshot-icon{display:inline-flex;align-items:center;justify-content:center}.screenshot-icon svg,.screenshot-btn-icon svg{width:16px;height:16px;color:currentColor}.screenshot-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #667eea4d;min-width:80px;justify-content:center}.screenshot-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1);color:#fff;text-decoration:none}.screenshot-btn:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.screenshot-btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:13px}.screenshot-available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #a7f3d0;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;margin-bottom:.25rem;display:inline-block}.screenshot-none{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #e5e7eb;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:20px;display:inline-block}.screenshot-link{color:#3b82f6;text-decoration:none;font-size:.75rem;font-weight:600;transition:color .2s ease;display:inline-block;margin-top:.25rem}.screenshot-link:hover{color:#1d4ed8;text-decoration:underline}.date-text{font-size:.875rem;color:#64748b}.action-toggles{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.toggle-group{display:flex;align-items:center;gap:.75rem}.toggle-label-text{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.empty-state{padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-icon svg{width:48px;height:48px;color:#94a3b8}.empty-state-title{font-size:1.25rem;font-weight:700;color:#374151;margin-bottom:.5rem}.empty-state-description{font-size:.875rem;color:#64748b}.pagination{padding:2rem;border-top:1px solid #f1f5f9;background:#fafbfc;display:flex;justify-content:between;align-items:center}.pagination-info{font-size:.875rem;color:#64748b;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border:2px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-numbers{display:flex;gap:.25rem}.page-number{padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.page-number.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 4px #3b82f640}.page-number:not(.active){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.page-number:not(.active):hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.loading-container{display:flex;justify-content:center;align-items:center;padding:4rem}.loading-text{margin-left:1rem;font-size:.875rem;color:#64748b;font-weight:500}.coming-soon-card{background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 20px #00000014;text-align:center;margin-top:2rem}.coming-soon-content{max-width:400px;margin:0 auto}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.coming-soon-content h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.coming-soon-content p{font-size:1.125rem;color:#64748b;margin-bottom:.5rem}.coming-soon-content small{font-size:.875rem;color:#94a3b8;line-height:1.4}.admin-header.minimal,.admin-header.user-management{margin-bottom:1.2rem;text-align:left}.admin-title.user-management{font-size:1.3rem;font-weight:700;color:#222;margin-bottom:.1rem;letter-spacing:-.5px}.admin-subtitle.user-management{font-size:.95rem;color:#6b7280;font-weight:400}.stats-grid.user-management{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin-bottom:1.2rem}.admin-users-container .stats-grid.user-management .stat-card.user-management{background:#fff;border-radius:10px;padding:1.1rem .7rem .9rem;border:1px solid #ececec;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:70px;box-shadow:none;transition:border .2s;position:relative}.admin-users-container .stats-grid.user-management .stat-title.user-management{font-size:.95rem;font-weight:500;color:#444;margin-bottom:.2rem}.admin-users-container .stats-grid.user-management .stat-value.user-management{font-size:1.5rem;font-weight:700;line-height:1.1;color:#2563eb}.filters-card.minimal,.filters-card.user-management{background:#fff;border-radius:10px;padding:1.1rem .7rem .7rem;margin-bottom:1.2rem;box-shadow:none;border:1px solid #ececec}.filters-title.user-management{font-size:1.05rem;font-weight:600;color:#222;margin-bottom:1rem}.filters-grid.user-management{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.filter-group.user-management{display:flex;flex-direction:column}.filter-label.user-management{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.3rem}.filter-input.user-management,.filter-select.user-management{padding:.5rem .7rem;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.95rem;background:#fff}.clear-filters-btn.user-management{background:#f1f5f9;border:none;color:#2563eb;font-size:.95rem;padding:.4rem .9rem;border-radius:7px;cursor:pointer;font-weight:500;transition:background .15s}.clear-filters-btn.user-management:hover{background:#e0e7ef}.task-form.minimal,.assign-section.minimal{background:#fff;border-radius:10px;padding:1.1rem .7rem .7rem;margin-bottom:1.2rem;box-shadow:none;border:1px solid #ececec;max-width:500px}.form-title.minimal{font-size:1.05rem;font-weight:600;color:#222;margin-bottom:1rem}.form-group.minimal{display:flex;flex-direction:column;margin-bottom:.8rem}.form-label.minimal{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.3rem}.form-input.minimal{padding:.5rem .7rem;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.95rem;background:#fff}.create-task-btn.minimal,.assign-task-btn.minimal{background:#2563eb;color:#fff;border:none;border-radius:7px;font-size:.97rem;font-weight:500;padding:.5rem 1.2rem;cursor:pointer;margin-top:.5rem;transition:background .15s}.create-task-btn.minimal:disabled,.assign-task-btn.minimal:disabled{background:#a5b4fc;cursor:not-allowed}.create-task-btn.minimal:hover:not(:disabled),.assign-task-btn.minimal:hover:not(:disabled){background:#1d4ed8}.user-list.minimal{display:flex;flex-direction:column;gap:.3rem;max-height:200px;overflow-y:auto;margin-bottom:.7rem}.user-checkbox.minimal{font-size:.97rem;color:#222;display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.success-message.minimal{background:#ecfdf5;border:1px solid #34d399;color:#059669;padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.assignment-method.minimal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.assignment-method.minimal h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.assignment-method.minimal p{margin:0 0 .75rem;font-size:.875rem;color:#6b7280;line-height:1.4}.user-list.minimal{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;background:#fafafa}.user-checkbox.minimal{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.user-checkbox.minimal:last-child{border-bottom:none}.user-checkbox.minimal:hover{background-color:#f9fafb}.user-checkbox.minimal input[type=checkbox]{margin:0;cursor:pointer}.user-checkbox.minimal span{flex:1;font-size:.875rem;line-height:1.4}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive,.status-badge.paused{background-color:#fee2e2;color:#991b1b}.action-btn.minimal{padding:.25rem .5rem;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:500}.action-btn.minimal:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-btn.minimal:disabled{opacity:.6;cursor:not-allowed;transform:none}.tasks-two-col.minimal{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 768px){.tasks-two-col.minimal{grid-template-columns:1fr;gap:1rem}}.success-message.minimal{background:#f0fdf4;border:1px solid #86efac;color:#166534;padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem}.users-table.minimal th,.users-table.minimal td{padding:.75rem .5rem;vertical-align:top}.users-table.minimal th:first-child,.users-table.minimal td:first-child{max-width:200px}.users-table.minimal tbody tr:hover{background-color:#f9fafb}.form-input.minimal:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.assign-task-btn.minimal,.create-task-btn.minimal{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.assign-task-btn.minimal:hover,.create-task-btn.minimal:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.assign-task-btn.minimal:disabled,.create-task-btn.minimal:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.show-more-btn.minimal{background:none;border:1px solid #d1d5db;color:#4b5563;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;margin-top:.5rem;transition:all .2s}.show-more-btn.minimal:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width: 900px){.tasks-two-col.minimal{flex-direction:column;gap:.7rem}.task-form.minimal,.tasks-right-col.minimal{max-width:100%}}@media (max-width: 768px){.admin-container{padding:0 1rem 1rem}.admin-title{font-size:2rem}.stats-grid,.filters-grid{grid-template-columns:1fr;gap:1rem}.table-header{flex-direction:column;gap:1rem;align-items:stretch}.table-actions{justify-content:space-between}.users-table{font-size:.875rem}.table-head th,.table-body td{padding:.75rem}.pagination{flex-direction:column;gap:1rem}.pagination-controls{justify-content:center}.action-toggles{flex-direction:row;flex-wrap:wrap;gap:.5rem}}@media (max-width: 640px){.users-table{display:block;overflow-x:auto;white-space:nowrap}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}}.auto-assign-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin-top:1rem;position:relative;overflow:hidden}.auto-assign-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b)}.auto-assign-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer}.auto-assign-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.auto-assign-checkbox span{font-weight:600;color:#374151;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.auto-assign-details{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;margin-top:.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.auto-assign-info{font-size:.8rem;color:#6b7280;margin:0;font-style:italic;line-height:1.4;padding:.5rem .75rem;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px}.create-task-btn.minimal.auto-assign{background:linear-gradient(135deg,#3b82f6,#10b981);position:relative;overflow:hidden}.create-task-btn.minimal.auto-assign:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.create-task-btn.minimal.auto-assign:hover:before{left:100%}.task-settings-section{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.task-settings-section .form-label.minimal{font-weight:600;color:#374151}.form-group.minimal{margin-bottom:1rem}.form-group.minimal:last-child{margin-bottom:0}.form-input.minimal[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-input.minimal[type=number]::-webkit-outer-spin-button,.form-input.minimal[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toggle-container{display:flex;align-items:center;gap:8px}.toggle-wrapper{position:relative;display:inline-block}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-label{position:relative;display:block;cursor:pointer;background-color:#e5e7eb;border-radius:50px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.toggle-label:hover{transform:translateY(-1px);box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #0000001a}.toggle-slider{position:absolute;top:2px;left:2px;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.toggle-size-sm .toggle-label{width:32px;height:18px}.toggle-size-sm .toggle-slider{width:14px;height:14px}.toggle-size-md .toggle-label{width:44px;height:24px}.toggle-size-md .toggle-slider{width:20px;height:20px}.toggle-size-lg .toggle-label{width:56px;height:32px}.toggle-size-lg .toggle-slider{width:28px;height:28px}.toggle-checked.toggle-primary{background-color:#3b82f6}.toggle-checked.toggle-success{background-color:#10b981}.toggle-checked.toggle-warning{background-color:#f59e0b}.toggle-checked.toggle-danger{background-color:#ef4444}.toggle-checked.toggle-purple{background-color:#8b5cf6}.toggle-size-sm .toggle-checked .toggle-slider{transform:translate(14px)}.toggle-size-md .toggle-checked .toggle-slider{transform:translate(20px)}.toggle-size-lg .toggle-checked .toggle-slider{transform:translate(24px)}.toggle-disabled{opacity:.6;pointer-events:none}.toggle-disabled .toggle-label{cursor:not-allowed;background-color:#f3f4f6}.toggle-disabled .toggle-slider{background-color:#d1d5db}.toggle-text{font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-disabled .toggle-text{color:#9ca3af;cursor:not-allowed}.toggle-input:focus+.toggle-label{outline:2px solid #3b82f6;outline-offset:2px}.image-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:stretch;justify-content:stretch;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-container{background:transparent;border-radius:0;box-shadow:none;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;animation:none;justify-content:center;align-items:center}@keyframes slideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#000c;position:absolute;top:0;left:0;right:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:#fff}.image-modal-close{background:#ffffff1a;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-weight:700}.image-modal-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.image-modal-content{flex:1;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;width:100vw;height:100vh}.image-modal-image{width:100vw;height:100vh;max-width:100vw;max-height:100vh;-o-object-fit:contain;object-fit:contain;border-radius:0;box-shadow:none;transition:none}.image-modal-image:hover{transform:scale(1.02)}.image-modal-error{text-align:center;color:#6b7280;padding:40px}.error-icon{font-size:3rem;margin-bottom:16px}.image-modal-error p{margin:0;font-size:1.125rem;font-weight:500}@media (max-width: 768px){.image-modal-container{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0}.image-modal-content{padding:0;width:100vw;height:100vh}.image-modal-image{width:100vw;height:100vh;max-width:100vw;max-height:100vh}}@media (max-width: 480px){.image-modal-title{font-size:1.125rem}.image-modal-close{width:36px;height:36px;font-size:1.5rem}}.task-creation-container{padding:1.5rem;max-width:100%;width:100%}.task-creation-container h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;margin-bottom:1.5rem}.task-creation-container form{display:flex;flex-direction:column;gap:1.25rem}.task-creation-container select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#1e293b;font-size:.875rem;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.task-creation-container select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40}.task-creation-container select option{padding:.75rem;font-size:.875rem;color:#1e293b;background-color:#fff}.task-creation-container select option:checked{background-color:#eff6ff;color:#2563eb}.task-creation-container select option:hover{background-color:#f8fafc}.task-type-select{position:relative}.task-type-select label{display:flex;align-items:center;gap:.5rem;color:#475569;font-weight:500;margin-bottom:.5rem}.select-icon{width:1rem;height:1rem;color:#64748b}.task-type-select select{width:100%;padding:.625rem 2rem .625rem .875rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;transition:all .2s ease;cursor:pointer;position:relative;z-index:1;height:38px;line-height:1.2;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.task-type-select select.empty-select{color:transparent}.task-type-select select[size],.task-type-select select:not([size]){background-color:#fff}.task-type-select select option{padding:.75rem 1rem;font-size:.9375rem;background-color:#fff;color:#1e293b;cursor:pointer}.task-type-select select::-webkit-scrollbar{width:8px}.task-type-select select::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.task-type-select select::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.task-type-select select::-webkit-scrollbar-thumb:hover{background:#94a3b8}.select-placeholder{position:absolute;left:.875rem;top:2.5rem;color:#94a3b8;font-size:.875rem;pointer-events:none;z-index:2}.task-type-select select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40;outline:none}.task-type-select select:hover:not(:focus){border-color:#cbd5e1}.task-type-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.task-type-select select::-ms-expand{display:none}.task-type-select select option{padding:.5rem .75rem;font-size:.875rem;line-height:1.25}.task-type-select{position:relative;margin-bottom:1rem}.task-type-select label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#4b5563;font-size:.875rem;font-weight:500}.task-type-select select:focus+.select-placeholder{display:none}.task-type-select select:focus~:after{transform:rotate(180deg)}@media (max-width: 640px){.task-type-select select{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;height:38px}.select-placeholder{top:2.375rem;font-size:.875rem;left:.75rem}.task-type-select select option{padding:.5rem .75rem;font-size:.875rem;min-height:38px}.task-type-select select[size]:not([size="1"]){max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.task-type-select label{padding:.25rem 0}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#475569}.form-group input[type=text],.form-group input[type=number],.form-group input[type=datetime-local],.form-group textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#1e293b;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40}.form-group textarea{min-height:120px;resize:vertical}.form-group input[type=file]{width:100%;padding:.75rem;border:1px dashed #e5e7eb;border-radius:8px;background-color:#f8fafc;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s ease}.form-group input[type=file]:hover{border-color:#cbd5e1;background-color:#f1f5f9}.input-error{border-color:#ef4444!important}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠️";font-size:.875rem}.input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.field-error-container{display:flex;flex-direction:column;gap:.25rem}.field-error-container .error-message{margin-top:0}.form-group input[type=text].input-error,.form-group input[type=number].input-error,.form-group input[type=datetime-local].input-error,.form-group textarea.input-error{border-color:#ef4444;background-color:#fef2f2}.form-group input[type=file].input-error{border-color:#ef4444;background-color:#fef2f2;border-style:solid}.input-success{border-color:#10b981!important;background-color:#f0fdf4!important}.input-success:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.form-group input:valid:not(:-moz-placeholder):not(.input-error),.form-group textarea:valid:not(:-moz-placeholder):not(.input-error){border-color:#10b981;background-color:#f0fdf4}.form-group input:valid:not(:placeholder-shown):not(.input-error),.form-group textarea:valid:not(:placeholder-shown):not(.input-error){border-color:#10b981;background-color:#f0fdf4}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.api-error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.api-error-message:before{content:"❌";font-size:1rem}.success-message{background:#f0fdf4;border:1px solid #86efac;color:#15803d;padding:1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.success-message:before{content:"✅";font-size:1rem}.success-message{background:#f0fdf4;border:1px solid #86efac;color:#15803d;padding:1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.task-creation-container button[type=submit],.task-creation-container button[type=button]{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer}.task-creation-container button[type=submit]{background:#2563eb;color:#fff;border:none}.task-creation-container button[type=submit]:hover{background:#1d4ed8}.task-creation-container button[type=submit]:disabled{background:#93c5fd;cursor:not-allowed}.task-creation-container button[type=button]{background:#f1f5f9;color:#64748b;border:1px solid #e5e7eb}.task-creation-container button[type=button]:hover{background:#e2e8f0;color:#475569}.auto-assignment-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.auto-assignment-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.auto-assignment-toggle{display:flex;align-items:center;gap:.5rem}.auto-assignment-toggle input[type=checkbox]{width:1rem;height:1rem;border-radius:4px;border:1px solid #cbd5e1;cursor:pointer}.eligible-users-count{font-size:.875rem;color:#64748b}.assignment-count-input{max-width:200px}@media (max-width: 640px){.task-creation-container{padding:1rem}.form-actions{flex-direction:column}.task-creation-container button[type=submit],.task-creation-container button[type=button]{width:100%}.auto-assignment-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.task-creation-container button[type=submit]:disabled{animation:pulse 1.5s ease-in-out infinite}.task-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.task-type-badge{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.task-status-indicator{font-size:.75rem;font-weight:600;color:var(--status-color);display:flex;align-items:center;gap:.25rem;position:relative}.task-status-indicator:after{content:"";display:block;width:24px;height:3px;background:#e5e7eb;border-radius:9999px;margin-left:.25rem;position:relative;overflow:hidden}.task-status-indicator:before{content:"";position:absolute;right:0;top:50%;width:24px;height:3px;background:var(--status-color);border-radius:9999px;transform:translateY(-50%);transition:width .3s ease;width:var(--progress)}.task-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem;line-height:1.4}.task-stats{display:flex;gap:1rem;margin-bottom:1rem}.task-footer{display:flex;justify-content:flex-end}.view-details-btn{background:none;border:none;color:#2563eb;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.view-details-btn:hover{background:#eff6ff}.redesigned-task-card{background:#fff;border-radius:10px;padding:.5rem .6rem;box-shadow:0 2px 8px #00000012;border:1px solid #e5e7eb;cursor:pointer;transition:box-shadow .2s;min-width:140px;max-width:220px;width:100%;display:flex;flex-direction:column;gap:.3rem;font-size:.6rem}.redesigned-task-card:hover{box-shadow:0 6px 18px #0000001f;border-color:#d1d5db}.redesigned-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.55rem}.redesigned-badge{background:#f3f4f6;color:#374151;padding:.12rem .4rem;border-radius:9999px;font-size:.5rem;font-weight:500;text-transform:capitalize}.redesigned-status{font-size:.5rem;font-weight:600;color:var(--status-color)}.redesigned-title{font-size:.6rem;font-weight:600;color:#111827;margin-bottom:.3rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.redesigned-stats{display:flex;gap:.2rem;margin-bottom:.2rem;align-items:center;justify-content:flex-start}.stat-item{display:flex;align-items:center;gap:.08rem;font-size:.45rem;background:none;box-shadow:none;padding:0}.stat-icon{font-size:.5em;margin:0;padding:0}.stat-value{font-size:.45em;margin:0;padding:0}.redesigned-footer{display:flex;justify-content:flex-end}.redesigned-btn{background:#2563eb;border:none;color:#fff;font-size:.5rem;font-weight:500;padding:.3rem .6rem;border-radius:6px;cursor:pointer;transition:background .15s}.redesigned-btn:hover{background:#174ea6}.task-card-modern{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014;border:1px solid #f1f5f9;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;gap:.75rem}.task-card-modern:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;border-color:#e2e8f0}.task-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .2s ease}.task-card-modern:hover:before{opacity:1}.task-card-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.375rem}.task-type-section{display:flex;align-items:center;gap:.375rem}.task-type-icon{font-size:1rem;opacity:.8}.task-type-badge-modern{background:#f8fafc;color:#475569;padding:.25rem .5rem;border-radius:16px;font-size:.7rem;font-weight:600;text-transform:capitalize;border:1px solid #e2e8f0}.task-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.status-indicator-modern{display:flex;align-items:center;gap:.375rem;font-size:.7rem;font-weight:600;color:var(--status-color)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--status-color);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.task-title-modern{font-size:.95rem;font-weight:700;color:#1e293b;line-height:1.3;margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-section{margin:.375rem 0}.progress-bar-container{width:100%;height:4px;background:#f1f5f9;border-radius:8px;overflow:hidden;margin-bottom:.375rem}.progress-bar-fill{height:100%;border-radius:8px;transition:width .5s ease}.progress-text{display:flex;align-items:center;gap:.125rem;font-size:.75rem;color:#64748b}.current-count{font-weight:700;color:#1e293b}.max-count{font-weight:600;color:#475569}.separator{color:#94a3b8}.assignments-text{color:#64748b;margin-left:.125rem}.task-stats-modern{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.375rem 0}.stat-item-modern{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.stat-icon-modern{font-size:1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000001a}.stat-content{display:flex;flex-direction:column;gap:.1rem}.stat-label{font-size:.7rem;color:#64748b;font-weight:500}.stat-value-modern{font-size:.8rem;font-weight:700;color:#1e293b}.task-footer-modern{margin-top:auto;display:flex;justify-content:flex-end}.view-details-btn-modern{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;box-shadow:0 1px 4px #3b82f64d}.view-details-btn-modern:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f666}.view-details-btn-modern:active{transform:translateY(0)}.btn-icon{transition:transform .2s ease;width:14px;height:14px}.view-details-btn-modern:hover .btn-icon{transform:translate(2px)}@media (max-width: 768px){.task-card-modern{padding:.875rem;min-height:180px;gap:.625rem}.task-card-header-modern{flex-direction:column;align-items:flex-start;gap:.5rem}.task-status-section{align-items:flex-start}.task-title-modern{font-size:.9rem}.task-stats-modern{grid-template-columns:1fr;gap:.375rem}.stat-item-modern{padding:.375rem}.view-details-btn-modern{width:100%;justify-content:center;font-size:.75rem;padding:.5rem}}@media (max-width: 640px){.task-card{padding:.875rem}.task-title{font-size:.938rem;margin-bottom:.75rem}.task-stats{flex-wrap:wrap;gap:.75rem}.view-details-btn{width:100%;text-align:center;padding:.625rem;background:#eff6ff}.redesigned-task-card{padding:.3rem;min-width:100px;max-width:160px}.redesigned-title{font-size:.75rem;margin-bottom:.2rem}.redesigned-stats{flex-wrap:wrap;gap:.2rem}.redesigned-btn{width:100%;text-align:center;padding:.3rem}}.all-tasks-container{margin-top:1.5rem}.tasks-header{margin-bottom:1.5rem}.filters-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-input{width:100%;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.938rem;transition:all .15s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-group{display:flex;gap:.5rem;align-items:center}.filter-select{padding:.625rem 2rem .625rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.view-toggle{display:flex;gap:.25rem}.view-btn{padding:.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s ease}.view-btn svg{width:1.25rem;height:1.25rem}.view-btn:hover{border-color:#d1d5db;color:#374151}.view-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.tasks-grid{display:grid;gap:1rem}.tasks-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tasks-grid.list{grid-template-columns:1fr}.tasks-grid.list .task-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.tasks-grid.list .task-card-header{margin-bottom:0}.tasks-grid.list .task-title{margin-bottom:.5rem}.tasks-grid.list .task-stats{margin-bottom:0}.no-tasks{text-align:center;padding:3rem 1rem;color:#6b7280}.no-tasks-icon{width:3rem;height:3rem;margin-bottom:1rem;color:#9ca3af}.no-tasks p{font-size:1.125rem;font-weight:500;margin-bottom:.5rem;color:#374151}.no-tasks span{font-size:.875rem}.tasks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 640px){.filters-row{gap:.75rem}.search-box{width:100%}.filter-group{width:100%;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.filter-select{flex:1;min-width:140px}.view-toggle{width:100%;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #e5e7eb}.tasks-grid.grid{grid-template-columns:1fr}.tasks-grid.list .task-card{grid-template-columns:1fr;gap:.75rem;padding:1rem}.tasks-grid.list .task-footer{justify-content:flex-start}}.tasks-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}.tasks-table th,.tasks-table td{border:1px solid #e5e7eb;padding:.5rem .7rem;text-align:left;white-space:nowrap}.tasks-table th{background:#f3f4f6;color:#374151;font-weight:600}.tasks-table tr:hover{background:#f9fafb}.view-details-btn{background:#2563eb;border:none;color:#fff;font-size:.85rem;font-weight:500;padding:.3rem .7rem;border-radius:6px;cursor:pointer;transition:background .15s}.view-details-btn:hover{background:#174ea6}@media (max-width: 640px){.tasks-table th,.tasks-table td{font-size:.8rem;padding:.3rem}}.assignment-manager{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.assignment-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.assignment-manager .ant-table{border-radius:8px;overflow:hidden}.assignment-manager .ant-table-thead>tr>th{background:#f8fafc;color:#475569;font-weight:600;padding:1rem}.assignment-manager .ant-table-tbody>tr>td{padding:1rem;vertical-align:middle}.assignment-manager .ant-table-tbody>tr:hover>td{background:#f1f5f9}.assignment-manager .ant-tag{border-radius:4px;padding:.25rem .75rem;font-weight:500;text-transform:capitalize}.assignment-manager .ant-image{border-radius:4px;overflow:hidden;border:1px solid #e5e7eb}.assignment-manager .ant-image:hover{border-color:#cbd5e1}.assignment-manager .ant-btn-link{padding:4px 8px;height:auto;font-size:.875rem}.assignment-manager .ant-btn-link:not(:last-child){margin-right:.5rem}.inactive-users-section{margin-top:2rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.inactive-users-section h4{font-size:1rem;font-weight:600;color:#475569;margin:0 0 1rem}.inactive-users-section ul{list-style:none;padding:0;margin:0}.inactive-users-section li{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:.875rem}.inactive-users-section li:last-child{border-bottom:none}.assignment-manager .ant-modal-content{border-radius:12px;overflow:hidden}.assignment-manager .ant-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.assignment-manager .ant-modal-body{padding:1.5rem}.assignment-manager .ant-form-item-label>label{font-weight:500;color:#475569}.assignment-manager .ant-select{width:100%}@media (max-width: 640px){.assignment-manager{padding:1rem;margin-top:1rem}.assignment-header{flex-direction:column;gap:1rem;align-items:flex-start}.assignment-header .ant-btn{width:100%}.assignment-manager .ant-table{overflow-x:auto}.assignment-manager .ant-table-thead>tr>th,.assignment-manager .ant-table-tbody>tr>td{white-space:nowrap;padding:.75rem}.assignment-manager .ant-table-tbody>tr>td:last-child{display:flex;flex-direction:column;gap:.5rem}.assignment-manager .ant-btn-link{padding:.5rem;justify-content:center;width:100%}.inactive-users-section li{flex-direction:column;align-items:flex-start;gap:.5rem}.inactive-users-section .ant-btn{width:100%}}.assignment-manager .ant-table-placeholder{padding:2rem;text-align:center}.assignment-manager .ant-table-placeholder .ant-table-cell{border-bottom:none}.assignment-manager .ant-image-preview{border-radius:8px;overflow:hidden}.assignment-manager .ant-btn-link:disabled{color:#94a3b8;cursor:not-allowed}.assignment-manager .ant-btn-link.ant-btn-dangerous{color:#ef4444}.assignment-manager .ant-btn-link.ant-btn-dangerous:hover{color:#dc2626;background:#fef2f2}.task-detail-page{padding:2rem;max-width:1200px;margin:0 auto;background:#f8fafc;min-height:100vh}.task-detail-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.task-detail-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.75rem}.task-detail-header h2:before{content:"📋";font-size:1.5rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.back-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.back-button .back-icon{width:1.25rem;height:1.25rem}.task-detail-content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;border:1px solid #f1f5f9;padding:2rem;margin-bottom:2rem}.task-detail-content>div{margin-bottom:1.5rem}.task-detail-content strong{color:#475569;font-weight:600;display:inline-block;min-width:160px;font-size:.9rem}.task-detail-content>div:not(.task-detail-actions){padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:all .2s ease}.task-detail-content>div:not(.task-detail-actions):hover{background:#f1f5f9;border-color:#e2e8f0}.task-detail-content>div:not(.task-detail-actions) strong{color:#334155;margin-bottom:.25rem}.task-detail-content>div:not(.task-detail-actions)>div{color:#1e293b;font-size:.95rem;line-height:1.5}.form-group{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:all .2s ease}.form-group:hover{background:#f1f5f9;border-color:#e2e8f0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.875rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:120px;resize:vertical;line-height:1.5}.task-detail-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.task-detail-actions button{padding:.875rem 1.75rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;border:none;box-shadow:0 2px 4px #0000001a}.task-detail-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.task-detail-actions button:active{transform:translateY(0)}.task-detail-actions button[type=submit],.task-detail-actions button.save{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.task-detail-actions button[type=submit]:hover,.task-detail-actions button.save:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.task-detail-actions button.cancel{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.task-detail-actions button.cancel:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.task-detail-actions button.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;margin-left:auto}.task-detail-actions button.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.loading-state{text-align:center;padding:2rem;color:#64748b}.error-message{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.media-preview{margin-top:1rem}.media-preview img{border-radius:8px;border:1px solid #e5e7eb}@media (max-width: 640px){.task-detail-page{padding:1rem}.task-detail-header{margin-bottom:1.5rem}.task-detail-header h2{font-size:1.25rem;padding:0 2rem}.back-button{padding:.375rem .75rem}.task-detail-content{padding:1rem}.task-detail-content>div{flex-direction:column;gap:.25rem}.task-detail-content strong{min-width:auto}.task-detail-actions{flex-direction:column;gap:.75rem}.task-detail-actions button{width:100%}}.admin-tasks-content{padding:1.5rem;min-height:100vh;background:#f8fafc}.admin-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.header-content h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;margin-bottom:.25rem}.header-content p{color:#64748b;margin:0}.create-task-button{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-task-button svg{width:1.25rem;height:1.25rem}.create-task-button:hover{background:#1d4ed8;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.close-modal{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.close-modal svg{width:1.25rem;height:1.25rem}.close-modal:hover{background:#f1f5f9;color:#0f172a}.success-banner{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.success-content{display:flex;align-items:center;gap:.75rem;color:#15803d}.success-content svg{width:1.25rem;height:1.25rem}.success-banner button{background:none;border:none;color:#15803d;padding:.25rem;cursor:pointer;border-radius:4px;transition:background .2s ease}.success-banner button:hover{background:#dcfce7}.success-banner button svg{width:1rem;height:1rem}.error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#dc2626}.error-banner button{background:none;border:none;color:#dc2626;padding:.25rem;cursor:pointer;border-radius:4px;transition:background .2s ease}.error-banner button:hover{background:#fee2e2}.error-banner button svg{width:1rem;height:1rem}@media (max-width: 640px){.admin-tasks-content{padding:1rem}.admin-tasks-header{margin-bottom:1.5rem}.header-content{width:100%;margin-bottom:1rem}.create-task-button{width:100%;justify-content:center}.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}}.task-details-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.back-button:hover{background:#f1f5f9;color:#1e293b}.back-button svg{width:1.25rem;height:1.25rem}.task-actions{display:flex;gap:.75rem}.task-actions button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-task-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.edit-task-btn:hover{background:#dbeafe;border-color:#93c5fd}.delete-task-btn{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.delete-task-btn:hover{background:#fee2e2;border-color:#fca5a5}.payment-stats{padding:1rem 0}.stats-header{margin-bottom:2rem}.stats-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.stats-header p{color:#64748b;margin:0}.stats-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.stats-card h3{font-size:.875rem;font-weight:500;color:#64748b;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.stats-value{font-size:1.875rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;line-height:1.2}.stats-label{font-size:.875rem;color:#64748b}.stats-card.highlight{background:#f8faff;border-color:#3b82f6}.stats-card.highlight .stats-value{color:#2563eb}.stats-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.stats-error{margin:2rem 0}.payments-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.stats-value{font-size:1.5rem}.payments-actions{flex-direction:column}.action-button{width:100%}}.payments-list-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.payments-list-table{min-width:800px}@media screen and (max-width: 768px){.payments-list-container{margin:0 -1rem;padding:0}}.payments-list-container::-webkit-scrollbar{height:6px}.payments-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.payments-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.payments-list-container::-webkit-scrollbar-thumb:hover{background:#555}.payment-history{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.payment-history-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.payment-history-header p{margin:8px 0 0;color:#6b7280;font-size:.875rem}.payments-page{min-height:calc(100vh - 120px)}.payments-page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:12px;margin-bottom:24px}.payments-page-header h2{margin:0;font-size:2rem;font-weight:700;color:#fff}.payments-page-header p{margin:8px 0 0;opacity:.9;font-size:1rem}.ant-tabs-card .ant-tabs-tab{background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;margin-right:8px;border-radius:8px 8px 0 0}.ant-tabs-card .ant-tabs-tab-active{background:#fff;border-color:#3b82f6;color:#3b82f6}.ant-tabs-card .ant-tabs-tab:hover{color:#3b82f6}.ant-tabs-card .ant-tabs-content-holder{border:1px solid #e2e8f0;border-radius:0 8px 8px;background:#fff;padding:0}.ant-tabs-card .ant-tabs-content{padding:0}.ant-table-thead>tr>th{background:#f8fafc;font-weight:600;color:#374151}.ant-table-tbody>tr:hover>td{background:#f8fafc}.ant-tag{font-weight:500;border-radius:4px;text-transform:uppercase;font-size:.75rem;padding:2px 8px}.ant-modal-header{border-radius:8px 8px 0 0}.ant-modal-content{border-radius:8px}.ant-btn-primary{background:#3b82f6;border-color:#3b82f6;border-radius:6px;font-weight:500}.ant-btn-primary:hover{background:#2563eb;border-color:#2563eb}.ant-input,.ant-select-selector,.ant-picker{border-radius:6px}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-picker:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}@media (max-width: 768px){.payment-history{padding:16px;margin:0 -16px;border-radius:0}.payments-page-header{padding:24px 16px;margin:0 -16px 24px;border-radius:0}.payments-page-header h2{font-size:1.5rem}.ant-tabs-card .ant-tabs-tab{margin-right:4px;font-size:.875rem}}.ant-table-tbody>tr.ant-table-placeholder:hover>td{background:transparent}.ant-empty{padding:48px 24px}.ant-empty-description{color:#6b7280}.payments-page{padding:1.5rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 64px);background:#f8fafc}.payments-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.payments-header h1{font-size:1.875rem;font-weight:600;color:#1e293b;margin:0}.payments-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden}.payments-tabs{padding:0 1rem;border-bottom:1px solid #e2e8f0}@media (max-width: 768px){.payments-page{padding:0}.payments-container{border-radius:0;box-shadow:none}}.payments-tabs .ant-tabs-nav{margin:0}@media (max-width: 768px){.payments-tabs{padding:1rem 0;display:flex;justify-content:center}.payments-tabs .ant-tabs-nav{display:flex;width:100%;max-width:100%}.payments-tabs .ant-tabs-nav-list{display:flex;width:100%;justify-content:space-between}.payments-tabs .ant-tabs-tab{flex:1;margin:0 4px!important;min-width:0;text-align:center}.payments-tabs .ant-tabs-tab-btn{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}.payments-tabs .ant-tabs-nav-wrap{flex:1}.payments-tabs .ant-tabs-nav-list{display:flex!important;flex-direction:column!important;width:100%;gap:.75rem}.payments-tabs .ant-tabs-tab{justify-content:flex-start;margin:0!important;padding:1rem!important;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px!important;width:100%;min-height:56px}.payments-tabs .ant-tabs-tab-active{background:#2563eb!important;border-color:#2563eb!important}.payments-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.payments-tabs .ant-tabs-tab-btn{width:100%}.payments-tabs .ant-tabs-ink-bar{display:none}.tab-label{display:flex;align-items:center;gap:12px}.tab-label .anticon{font-size:20px}.tab-text{font-size:1rem;font-weight:500}.payments-tabs .ant-tabs-tab:hover{background:#f1f5f9;border-color:#cbd5e1}}.payments-content{padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-card{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s}.stats-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.ant-table-wrapper{border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ant-table{background:#fff}.ant-table-thead>tr>th{background:#f8fafc;color:#475569;font-weight:600;padding:1rem}.ant-table-tbody>tr>td{padding:1rem}.ant-table-tbody>tr:hover>td{background:#f1f5f9}.status-tag{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-pending{background:#fef3c7;color:#b45309}.status-completed{background:#dcfce7;color:#15803d}.status-failed{background:#fee2e2;color:#b91c1c}.action-button{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.action-button.primary{background:#2563eb;color:#fff;border:none}.action-button.primary:hover{background:#1d4ed8}.action-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.action-button.secondary:hover{background:#e2e8f0;color:#1e293b}@media (max-width: 768px){.payments-page{padding:1rem}.payments-header{flex-direction:column;gap:1rem;align-items:flex-start}.payments-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.payments-tabs .ant-tabs-tab{padding:.75rem 1rem}}.admin-reports-content{padding:2rem;max-width:1400px;margin:0 auto}.reports-header{margin-bottom:2rem;text-align:center}.reports-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.reports-header p{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.error-banner{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:.25rem}.reports-container{display:grid;grid-template-columns:350px 1fr;gap:2rem;min-height:600px}.task-selection-panel{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.selection-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.selection-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.filters{display:flex;flex-direction:column;gap:.75rem}.search-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.tasks-list{max-height:500px;overflow-y:auto}.task-item{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.task-item:hover{background-color:#f8fafc}.task-item.selected{background-color:#eff6ff;border-left:4px solid #3b82f6}.task-info h4{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;line-height:1.4}.task-type{font-size:.75rem;color:#6b7280;text-transform:capitalize;display:block;margin-bottom:.25rem}.assignments{font-size:.75rem;color:#059669;font-weight:500}.loading-state,.no-tasks{padding:2rem 1.5rem;text-align:center;color:#6b7280;font-size:.875rem}.report-preview-panel{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.no-task-selected{padding:4rem 2rem;text-align:center;color:#6b7280}.placeholder-icon{margin-bottom:1rem;color:#d1d5db}.no-task-selected h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.report-content{height:100%;display:flex;flex-direction:column}.report-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;display:flex;justify-content:space-between;align-items:center}.report-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.generate-pdf-btn{background:#059669;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.generate-pdf-btn:hover:not(:disabled){background:#047857}.generate-pdf-btn:disabled{background:#9ca3af;cursor:not-allowed}.report-preview{padding:2rem;background:#fff;flex:1;overflow-y:auto}.report-section{margin-bottom:2rem;page-break-inside:avoid}.report-header-section{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #e5e7eb;padding-bottom:1.5rem;margin-bottom:2rem}.logo-header{display:flex;align-items:center;gap:1rem}.company-logo{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.company-info h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.company-info p{font-size:1.125rem;color:#6b7280}.report-meta{text-align:right;font-size:.875rem;color:#6b7280}.report-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.task-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.875rem;font-weight:500;color:#6b7280}.detail-item span{font-size:.875rem;color:#1f2937;line-height:1.4}.task-details-content{display:flex;flex-direction:column;gap:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.metric-item{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.metric-item label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.metric-value{font-size:1.5rem;font-weight:700;color:#059669}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.screenshot-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000001a}.screenshot-image{position:relative;background:#f8fafc;display:flex;align-items:center;justify-content:center;min-height:200px}.screenshot-image img{width:100%;height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain}.image-fallback{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.screenshot-info{padding:.75rem;background:#fff}.report-user-name{font-size:.875rem;color:#1f2937;margin-bottom:.25rem}.submission-date{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.completed{background:#dbeafe;color:#1e40af}.status-badge.assigned{background:#fef3c7;color:#92400e}.status-badge.rejected{background:#fef2f2;color:#991b1b}.no-screenshots{text-align:center;padding:2rem;color:#6b7280;font-style:italic;background:#f8fafc;border-radius:8px;border:1px dashed #d1d5db}.report-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center;color:#6b7280;font-size:.875rem}@media (max-width: 1024px){.reports-container{grid-template-columns:1fr}.task-selection-panel{max-height:300px}}@media (max-width: 768px){.admin-reports-content{padding:1rem}.reports-header h1{font-size:2rem}.report-header{flex-direction:column;gap:1rem;align-items:flex-start}.screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media print{body{margin:0;padding:0;background:#fff}.admin-reports-content,.reports-header,.error-banner,.task-selection-panel,.report-header,.generate-pdf-btn,.reports-container,.report-preview-panel,.report-content{display:none!important}.report-preview{display:block!important;width:100%;padding:20px;margin:0;background:#fff;position:static}.report-preview *{visibility:visible!important;color:#000!important;background:#fff!important}.report-section{margin-bottom:1.5rem;page-break-inside:avoid}.report-header-section{display:flex!important;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #000;padding-bottom:1.5rem;margin-bottom:2rem}.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.screenshot-item{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #000}.screenshot-image img{max-height:300px}.report-section:last-child{page-break-after:avoid}.company-info h1{color:#000!important;font-size:24px!important}.company-info p{color:#666!important}.report-section h3{color:#000!important;border-bottom:1px solid #000}.detail-item label{color:#666!important}.detail-item span{color:#000!important}.metric-value{color:#059669!important}.report-user-name{color:#000!important}.submission-date,.report-footer{color:#666!important}}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--background-color);z-index:1000;height:80px;box-shadow:var(--shadow);overflow:visible}.header-container{max-width:1200px;margin:0 auto;padding:0 1.25rem;width:100%}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;position:relative;z-index:1001;height:80px}.header-logo{display:flex;align-items:center;padding:.5rem 0}.header-logo img{height:60px;width:auto;-o-object-fit:contain;object-fit:contain}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem;gap:.25rem}.mobile-menu-toggle span{width:1.5rem;height:.125rem;background-color:var(--text-color);transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(.375rem,.375rem)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(.375rem,-.375rem)}.header-nav-menu{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:2rem}.header-nav-menu li{margin:0}.header-nav-link{color:var(--text-color);font-weight:600;text-decoration:none;position:relative;transition:color .3s ease;padding:.5rem 0;display:block}.header-nav-link:hover{color:var(--secondary-color)}.header-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.header-nav-link:hover:after{width:100%}.header-btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;text-align:center}.header-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.header-nav-menu{display:none;position:absolute;top:80px;left:0;width:100%;background-color:var(--background-color);box-shadow:var(--shadow);flex-direction:column;padding:1rem 0;gap:.5rem}.header-nav-menu.mobile-open{display:flex}.header-nav-menu li{margin:0}.header-nav-link{padding:.75rem 1rem;text-align:center}.header-btn{margin:0 1rem}}@media (min-width: 769px) and (max-width: 1024px){.header-container{padding:0 1rem}.header-nav-menu{gap:1.5rem}}@media (min-width: 1200px){.header-container{max-width:1400px}}.footer{background-color:var(--footer-bg);color:var(--footer-text);padding:0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.footer-content{text-align:center;padding:1.5rem 0}.footer-copyright{margin:1.5rem 0 0;color:var(--footer-text);font-size:1rem}.footer-social{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0 .5rem;flex-wrap:wrap}.footer-social-link{color:var(--footer-text);font-size:1.3rem;transition:color .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;transition:all .3s ease}.footer-social-link:hover{color:var(--footer-link-hover);transform:translateY(-2px)}.footer-social-link.whatsapp:hover{color:#25d366}.footer-disclaimer{color:var(--footer-disclaimer);font-size:.875rem;max-width:100%;margin:1rem auto 0;line-height:1.5;text-align:center;padding:0 .25rem}.footer-social-link i{font-size:inherit}@media (max-width: 768px){.footer-content{padding:1.25rem 0}.footer-copyright{font-size:.9rem;margin:1.25rem 0 0}.footer-social{gap:.75rem;margin:.75rem 0 .5rem}.footer-social-link{font-size:1.2rem;width:2.25rem;height:2.25rem}.footer-disclaimer{font-size:.8rem;line-height:1.4;margin:.75rem auto 0}}@media (min-width: 769px) and (max-width: 1024px){.footer-container{padding:0 1rem}.footer-disclaimer{max-width:90%}}@media (min-width: 1200px){.footer-container{max-width:1400px}.footer-disclaimer{max-width:80%}}.footer-social-link:focus{outline:2px solid var(--footer-link-hover);outline-offset:2px}@media print{.footer{background:transparent;color:#000}.footer-social{display:none}}.home-page{width:100%;overflow-x:hidden}.hero{padding:3rem 0;margin-top:80px;background-color:#f5f5f5}.hero-content{display:flex;align-items:center;gap:60px}.hero-text{flex:1}.hero-text h1{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:#2d3748;line-height:1.2}.hero-text p{font-size:1.25rem;color:#4a5568;margin-bottom:2.5rem;line-height:1.6;font-weight:500;max-width:650px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;transform:none!important;transition:none!important;animation:none!important}.hero-image img{max-width:100%;height:auto;box-shadow:none;transform:none!important;transition:none!important;animation:none!important;pointer-events:none}.section-light{background-color:#fff}.section-dark{background-color:#232323;color:#fff}.section-dark .section-title h2{color:#fff!important}.section-title{text-align:center!important;margin-bottom:3rem;width:100%;display:block}.section-title:after,.section-title h2:after,.section-title h3:after{display:none!important;content:none!important}.section-title h2{font-size:2.2rem;font-weight:700;color:inherit;text-align:center!important;margin:0 auto;display:block;width:100%}.section-title h3{text-align:center!important;margin:0 auto;display:block}.split-layout{display:flex;align-items:center;gap:60px}.content-text{flex:1;padding-right:2rem}.content-text p{margin-bottom:1.5rem;line-height:1.8;color:#444;font-size:1.1rem}.content-text .intro-text{font-size:1.25rem;color:#333;font-weight:500}.content-image{flex:1;display:flex;justify-content:center;align-items:center;padding-left:2rem;padding-right:2rem}.content-image img{max-width:100%;height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain}.trust-header{text-align:center!important;margin-bottom:60px;width:100%;display:block}.trust-label{display:inline-block;padding:8px 16px;background:#1e977e1a;color:#1e977e;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.trust-stats{display:flex;justify-content:center;gap:60px;margin-top:30px}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;background:linear-gradient(135deg,#1e977e,#2eaa93);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#1e977e}.stat-label{font-size:1rem;color:#718096;font-weight:500}.trust-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:60px}.feature-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.feature-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px}.feature-icon.security{background:#1e977e1a;color:#1e977e}.feature-icon.speed{background:#f6ad551a;color:#dd6b20}.feature-icon.support{background:#4299e11a;color:#3182ce}.feature-icon.growth{background:#9f7aea1a;color:#805ad5}.how-it-works{background:#f8f9fa}.process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0}.process-card{background:#fff;border-radius:12px;padding:40px 30px;text-align:center;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease}.process-card:hover{transform:translateY(-10px)}.process-icon{font-size:36px;color:#1e977e;margin-bottom:20px}.process-card h3{font-size:1.4rem;font-weight:600;color:#1e977e;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.process-card p{color:#718096;font-size:1rem;line-height:1.6}.cta-container{text-align:center;margin-top:40px}.btn-primary{background-color:#1e977e;color:#fff;padding:12px 30px;font-size:1.1rem;border-radius:6px;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background-color:#17856e;transform:translateY(-3px);box-shadow:0 5px 15px #1e977e4d}.social-app-container{display:flex;align-items:center;gap:60px}.social-app-image{flex:1;position:relative}.social-app-content{flex:1}.join-requirements ul{list-style:none;padding:0;margin:2rem 0}.join-requirements li{padding:.5rem 0;display:flex;align-items:center}.join-requirements li:before{content:"✓";color:#1e977e;margin-right:1rem}.advertisers-grid{margin-top:2rem}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-card{background:#ffffff1a;padding:2rem;border-radius:10px;text-align:center;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-card i{font-size:2rem;color:#1e977e;margin-bottom:1rem}.contact-info{max-width:800px;margin:0 auto;text-align:center}.contact-details{margin:2rem 0}.contact-details a{color:#1e977e;text-decoration:none;margin-left:.5rem}.contact-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.faq-wrapper{max-width:800px;margin:0 auto}.faq-group{margin-bottom:2rem}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;transition:all .2s ease}.faq-item[open]{box-shadow:0 4px 12px #0000001a}.faq-item{display:block}.faq-item summary{-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-item[open] .faq-answer{display:block!important;visibility:visible!important;opacity:1!important}.faq-item summary{background:#f8f9fa;padding:1.25rem;cursor:pointer;font-weight:600;font-size:1.1rem;color:#2d3748;border:none;outline:none;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;font-weight:700;color:#1e977e;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{background:#e8f4f8}.faq-answer{padding:0 1.25rem;background:#fff;color:#4a5568;line-height:1.6;max-height:0;overflow:hidden;transition:all .3s ease-out}.faq-item[open] .faq-answer{padding:1.25rem;max-height:1000px;transition:all .3s ease-in}.faq-answer p{margin-bottom:1rem}.faq-answer ul{margin-left:1.5rem;margin-bottom:1rem}.faq-answer li{margin-bottom:.5rem}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s ease;background-color:#1e977e;color:#fff;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-secondary{background-color:#17314b;color:#fff}.btn-poster-login{background-color:#ff9800;color:#fff}.btn-support{background-color:#1e977e;color:#fff}.btn-sales{background-color:#17314b;color:#fff}.btn-whatsapp{background-color:#25d366;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}.section-title,.section-title h2,.section-title h3,.trust-header,.trust-header h2{text-align:center!important}}@media (max-width: 992px){.hero{padding:2rem 0;margin-top:80px}.hero-content,.split-layout,.social-app-container{flex-direction:column}.hero-text{text-align:center;margin-top:1rem}.section-title,.section-title h2,.section-title h3,.trust-header{text-align:center!important}.hero-buttons{justify-content:center}.trust-grid,.process-cards{grid-template-columns:repeat(2,1fr)}.trust-stats{flex-wrap:wrap;justify-content:center;gap:30px}.who-join-wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#fff;font-weight:600;font-size:1.1rem;padding:10px 24px;border:none;border-radius:30px;margin:24px auto 0;box-shadow:0 2px 8px #00000014;transition:background .2s;text-decoration:none;width:-moz-fit-content;width:fit-content;min-width:0}.trust-grid,.process-cards{grid-template-columns:1fr}.trust-stats{flex-direction:column;gap:20px}.trust-card,.process-card{padding:30px 20px}.process-icon{font-size:32px}.process-card h3{font-size:1.2rem}.who-join-card{border-radius:0;margin:0}.who-join-right{padding:20px 8px}}@media (max-width: 480px){.hero-text h1{font-size:1.8rem;text-align:center}.hero-buttons{flex-direction:column;gap:1rem}.btn{width:100%;text-align:center}.section-title,.section-title h2,.section-title h3,.trust-header,.trust-header h2,.process-card h3,.trust-card h3{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}.trust-section{padding:80px 0}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:40px}.trust-card{background:#fff;border-radius:12px;padding:30px 20px;text-align:center;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease}.trust-card:hover{transform:translateY(-5px)}.trust-icon{font-size:32px;color:#1e977e;margin-bottom:15px}.trust-card h3{font-size:1.25rem;margin-bottom:10px;color:#2d3748;text-align:center}.trust-card p{font-size:1rem;color:#718096;line-height:1.5}.who-join-card{display:flex;background:#fff;border-radius:28px;box-shadow:0 4px 24px #1e977e12;overflow:hidden;margin:40px auto;max-width:1200px;min-height:480px}.who-join-left{background:#1e977e;display:flex;align-items:center;justify-content:center;position:relative;min-width:340px;min-height:420px}.who-join-img-bg{position:relative;width:100%;height:100%;min-height:420px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.who-join-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;margin-bottom:0;display:block}.floating-icon{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:#00000026 0 5px 15px;border-radius:15px;animation:3s ease-in-out 0s infinite normal none running float}.floating-icon.whatsapp{top:20%;left:75%;animation-delay:2s}.floating-icon.coin{background:#e6f7f2;color:#1e977e;font-size:1.2rem;width:36px;height:36px}.floating-icon.coin1{bottom:20%;right:10%;animation-delay:1.5s}.floating-icon.coin2{bottom:60px;left:60px}.floating-badge i{margin-right:6px}.floating-badge span{display:block;font-size:.85rem;color:#718096;margin-top:2px}.floating-icon.badge-bottom{top:35%;left:5%;animation-delay:0s;background:#1e977e;color:#fff;font-size:1.3rem}.who-join-right{flex:1.5;padding:48px 48px 48px 40px;display:flex;flex-direction:column;justify-content:center}.who-join-top-btn{background:#1e977e;color:#fff;border:none;border-radius:22px;padding:8px 28px;font-size:1rem;font-weight:600;margin-bottom:18px;align-self:flex-start;cursor:pointer;transition:background .2s}.who-join-top-btn:hover{background:#17856e}.who-join-right h2{font-size:2rem;font-weight:700;margin-bottom:18px;color:#232323}.who-join-desc{color:#444;font-size:1.08rem;margin-bottom:28px;line-height:1.7}.who-join-desc b{color:#1e977e;font-weight:700}.who-join-feature{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}.who-join-feature .feature-icon{background:#e6f7f2;color:#1e977e;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-top:2px}.who-join-feature b{color:#1e977e;font-weight:700;font-size:1.08rem}.who-join-feature span{color:#444;font-size:.98rem}.who-join-wa-btn{margin-top:32px;background:#25d366;color:#fff;border:none;border-radius:8px;padding:16px 36px;font-size:1.15rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;box-shadow:0 2px 8px #25d3661a;transition:background .2s,transform .2s}.who-join-wa-btn:hover{background:#1ebe5d;transform:translateY(-2px)}@media (max-width: 992px){.who-join-card{flex-direction:column;min-height:unset}.who-join-left,.who-join-right{min-width:0}.who-join-right{padding:32px 24px}}@media (max-width: 600px){.who-join-card{border-radius:0;margin:0}.who-join-right{padding:20px 8px}.section-title,.section-title h2,.section-title h3,.trust-header,.trust-header h2{text-align:center!important}.who-join-img-bg{align-items:flex-end!important;justify-content:center!important;position:relative;width:100%;height:100%;min-height:420px;display:flex}.who-join-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;margin-bottom:0;display:block}}.language-selector{width:100%;background-color:#f8f9fa;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem;min-height:38px;flex-wrap:wrap;text-align:center;position:fixed;top:80px;left:0;right:0;z-index:999;margin:0}.language-text{font-size:1rem;color:var(--text-color);white-space:normal;text-align:center;line-height:1.4;margin-right:.5rem;flex-shrink:0}.language-btn{padding:.25rem 1rem;font-size:1rem;border-radius:.25rem;border:1px solid;font-weight:600;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;outline:none;margin:0 .125rem;cursor:pointer;background:transparent}.language-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.language-btn.inactive{background-color:#fff;color:var(--primary-color);border-color:var(--border-light)}.language-btn.inactive:hover{background-color:#e6f7f2;color:var(--secondary-color);border-color:var(--primary-color)}.language-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){.language-selector{padding:.75rem .5rem;gap:.5rem;min-height:42px;top:80px}.language-text{font-size:.9rem;margin-right:.25rem;text-align:center;width:100%;margin-bottom:.25rem}.language-btn{padding:.375rem 1.25rem;font-size:.9rem;margin:0 .25rem}}@media (min-width: 769px) and (max-width: 1024px){.language-selector{padding:.625rem;gap:.625rem}.language-text{font-size:.95rem}}@media print{.language-selector{display:none}}.turnstile-widget-container{display:flex;justify-content:center;align-items:center;margin:1rem 0;min-height:65px}.turnstile-widget-container>div{margin:0 auto}.form-group .turnstile-widget-container{margin-top:.5rem;margin-bottom:1rem}.turnstile-widget-container iframe{border-radius:4px}.poster-page{min-height:100vh;background-color:var(--background-light);font-family:Nunito,sans-serif;color:var(--text-color);line-height:1.7}.poster-page .poster-main{background-color:var(--background-light);padding:2rem 0;padding-top:60px;margin-top:80px}.poster-page .poster-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.poster-page .section-title{text-align:center;margin-bottom:2rem}.poster-page .section-title h2{font-size:2rem;font-weight:700;color:var(--text-color);position:relative;display:inline-block;margin-bottom:2rem}.poster-page .section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--primary-color)}.poster-page .existing-poster-login{display:flex;justify-content:center;margin:2rem auto;max-width:800px}.poster-page .login-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196F3;border-radius:12px;padding:2rem;text-align:center;box-shadow:var(--shadow-medium);transition:all .3s ease;position:relative;overflow:hidden;max-width:400px;width:100%;margin:0 auto}.poster-page .login-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-large)}.poster-page .login-card h3{color:#1565c0;font-size:1.5rem;margin-bottom:1rem;font-weight:700}.poster-page .login-card p{color:#1976d2;margin-bottom:1.5rem;font-weight:500}.poster-page .login-btn{display:inline-block;background:#2196f3;color:#fff;padding:.8rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.poster-page .login-btn:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d;color:#fff}.poster-page .section-content{text-align:center;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.poster-page .section-content p{color:var(--text-muted);font-size:1rem;margin-bottom:1rem}.poster-page .form-container{max-width:600px;margin:0 auto}.poster-page .form-card{background-color:var(--background-color);border-radius:10px;box-shadow:var(--shadow);padding:2rem}.poster-page .form{width:100%}.poster-page .form-group{margin-bottom:1.5rem}.poster-page .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.poster-page .form-group label:after{content:" *";color:#dc3545}.poster-page .radio-group label:after{content:none}.poster-page .form-group label.optional:after{content:none}.poster-page .form-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:5px;font-size:1rem;font-family:Nunito,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:border-color .3s ease,box-shadow .3s ease}.poster-page .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e977e1a}.poster-page .form-input:required:invalid{border-color:#dc3545}.poster-page .form-input:required:valid{border-color:#28a745}.poster-page .password-input-container{position:relative;width:100%}.poster-page .password-input-container .form-input{padding-right:40px}.poster-page .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;z-index:10;background:none;border:none;font-size:1rem;padding:.25rem}.poster-page .password-toggle:hover{color:var(--primary-color)}.poster-page .radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.poster-page .radio-item{display:flex;align-items:center;gap:.5rem}.poster-page .radio-item input[type=radio]{width:auto;margin:0}.poster-page .radio-item label{margin:0;font-weight:400}.poster-page .error-message{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem}.poster-page .error-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.poster-page .error-alert i{color:#dc2626;font-size:1.1rem}.poster-page .error-alert p{color:#dc2626;margin:0;font-size:.9rem}.poster-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.poster-page .other-input-container{margin-top:.5rem}.poster-page .terms-summary{background:var(--background-gray);border:1px solid var(--border-light);border-radius:8px;padding:20px;margin:20px 0;box-shadow:var(--shadow-light)}.poster-page .terms-summary h3{color:var(--text-primary);margin-bottom:15px;text-align:center;font-size:1.25rem}.poster-page .terms-summary .terms-content ul{padding-left:20px;margin-bottom:1rem}.poster-page .terms-summary .terms-content li{margin-bottom:8px;color:var(--text-color)}.poster-page .terms-summary .btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-top:16px}.poster-page .terms-summary .btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);color:#fff}.poster-page .terms-disclaimer{margin:1.5rem 0}.poster-page .checkbox-wrapper{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.poster-page .checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin-top:2px;flex-shrink:0}.poster-page .checkbox-wrapper label{margin:0;cursor:pointer;font-size:.9rem;line-height:1.4}.poster-page .checkbox-wrapper label:after{content:none}.poster-page .disclaimer-text{font-size:.85rem;color:var(--text-muted);margin-top:.5rem;line-height:1.4}.poster-page .submit-btn{width:100%;background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.poster-page .submit-btn:hover:not(:disabled){background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.poster-page .submit-btn:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none}.poster-page .submit-btn.loading{position:relative;color:transparent}.poster-page .submit-btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:poster-spin 1s linear infinite}@keyframes poster-spin{to{transform:rotate(360deg)}}.poster-page .login-link-section{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.poster-page .login-link-section p{margin-bottom:0;color:var(--text-muted)}.poster-page .login-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.poster-page .login-link:hover{color:var(--secondary-color);text-decoration:underline}.poster-page .captcha-container{margin:20px 0}.poster-page .math-challenge{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.poster-page .captcha-answer{width:60px;text-align:center}.poster-page .captcha-reset{padding:6px 10px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.poster-page .captcha-reset:hover{background:var(--secondary-color)}.poster-page .contact-field-hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.success-popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.success-popup{background-color:#fff;border-radius:.5rem;padding:2rem;max-width:28rem;margin:1rem;text-align:center;box-shadow:0 25px 50px -12px #00000040}.success-popup-icon-container{margin-bottom:1.5rem}.success-popup-icon-wrapper{width:4rem;height:4rem;background-color:#d1fae5;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-popup-icon{width:2rem;height:2rem;color:#059669}.success-popup-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.success-popup-message{color:#4b5563;margin-bottom:1rem}.success-popup-countdown{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.success-popup-countdown-timer{font-weight:600;color:#059669}.success-popup-buttons{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.success-popup-buttons{flex-direction:row;justify-content:center}}.success-popup-button{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;transition:background-color .2s;cursor:pointer;border:none}.success-popup-button-primary{background-color:#10b981;color:#fff}.success-popup-button-primary:hover{background-color:#059669}.success-popup-button-secondary{background-color:#f3f4f6;color:#374151}.success-popup-button-secondary:hover{background-color:#e5e7eb}@media (max-width: 768px){.poster-page .poster-main{padding-top:80px;margin-top:100px}.poster-page .form-grid{grid-template-columns:1fr}.poster-page .poster-container{padding:0 15px}.poster-page .form-card{padding:1.5rem}.poster-page .section-title h2{font-size:1.75rem}.poster-page .login-card{padding:1.5rem}.poster-page .radio-group{flex-direction:column;gap:.5rem}.poster-page .math-challenge{justify-content:flex-start}}@media (max-width: 480px){.poster-page .poster-main{padding:1rem 0;padding-top:90px;margin-top:110px}.poster-page .form-card{padding:1rem}.poster-page .section-title h2{font-size:1.5rem}.poster-page .checkbox-wrapper{align-items:flex-start}}:root{--primary-color: #1E977E;--secondary-color: #17314B;--text-color: #1F2937;--muted: #6B7280;--bg: #FFFFFF}.hero{position:relative;background:#fff}.hero .hero-background{display:none}.hero-badge{display:inline-block;background:#1e977e;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:12px;color:#fff}.hero-pattern,.gradient-overlay{display:none}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:56px;max-width:1200px;margin:0 auto;position:relative;z-index:1;padding:80px 0 64px}.hero-content-col{flex:1 1 0;max-width:540px;display:flex;margin-top:5rem;margin-bottom:2rem;flex-direction:column;align-items:flex-start;z-index:2}.hero-title-main{font-size:2.6rem;font-weight:800;color:#17314b;margin-bottom:18px;line-height:1.13}.hero-desc-main{color:#374151;font-size:1.18rem;margin-bottom:32px;line-height:1.6}.hero-cta-row{display:flex;gap:18px;margin-top:18px}.hero-cta-primary{background:var(--primary-color);color:#fff;font-weight:700;padding:14px 28px;border-radius:8px;font-size:1.08rem;box-shadow:0 2px 8px #1e977e12;transition:background .18s}.hero-cta-primary:hover{background:#157a63}.hero-cta-secondary{background:var(--secondary-color);color:#fff;font-weight:700;padding:14px 28px;border-radius:8px;font-size:1.08rem;box-shadow:0 2px 8px #17314b12;transition:background .18s}.hero-cta-secondary:hover{background:#123}.hero-image-col{flex:1 1 0;display:flex;flex-direction:column;align-items:bottom;position:relative;z-index:2}.hero-image{width:420px;max-width:100%;height:auto;border-radius:16px;margin-bottom:0;-o-object-fit:cover;object-fit:cover;background:transparent!important}@media (max-width: 1024px){.hero-container{flex-direction:column;gap:36px;padding:48px 0 32px}.hero-content-col,.hero-image-col{max-width:100%;align-items:center;text-align:center}.hero-image{width:100%;max-width:340px}.hero-cta-row{justify-content:center}}.ad-solutions-section{background:linear-gradient(135deg,#f8fafc 70%,#e6faf6);border-top:1.5px solid #e0e7ef;border-bottom:1.5px solid #e0e7ef;padding:72px 0 56px;position:relative;z-index:1}.ad-solutions-section .ad-solutions-title,h2.ad-solutions-title{font-size:2.5rem!important;font-weight:900!important;color:#17314b!important;margin-bottom:24px!important;text-align:left!important;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;letter-spacing:-.02em!important;line-height:1.2!important}.ad-solutions-desc{color:#374151;font-size:1.08rem;margin-bottom:18px;max-width:800px}h3.ad-solutions-subtitle,.ad-solutions-subtitle{font-size:1.4rem!important;font-weight:700!important;color:#1e977e!important;margin:32px 0 16px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;letter-spacing:-.01em!important}.solutions-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;width:100%;margin:0 auto 24px!important;padding:0!important;list-style:none!important}.solutions-list li{background:#fff;border-radius:12px;box-shadow:0 4px 16px #1e202614;padding:16px;color:#23272f;font-size:.95rem;line-height:1.5;border:1px solid #e8f5f2;margin:0!important;display:flex;flex-direction:row;align-items:center;text-align:left;gap:12px;min-height:auto;transition:all .2s ease;position:relative;overflow:hidden}.solutions-list li:hover{box-shadow:0 6px 20px #1e977e1f;transform:translateY(-2px);border-color:#1e977e33}.solutions-list li:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary-color),#1ac5a5)}.solution-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#e6faf6 60%,#f8fafc);font-size:1.2rem;color:#1e977e;transition:all .2s ease;flex-shrink:0;position:relative}.solution-icon i{font-size:1.2rem;color:#1e977e;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;position:relative;top:0;left:0}.solution-title{font-size:1rem;font-weight:600;color:var(--secondary-color);margin:0;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.solutions-list li:hover .solution-icon{transform:scale(1.1);background:linear-gradient(135deg,#d4f4ec 60%,#e6faf6)}.solutions-list li:hover .solution-title{color:var(--primary-color)}@media (max-width: 1400px){.solutions-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1000px){.solutions-list{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.solutions-list{grid-template-columns:1fr}}.how-it-works-section{padding:72px 0;background:#fff}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;grid-auto-rows:1fr}.step{background:#fff;border-radius:16px;padding:32px 24px;text-align:left;border:1px solid #e0e7ef;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;height:100%}.step:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014;border-color:#1e977e33}.step-header{display:flex;align-items:center;gap:12px;width:100%}.step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-color);color:#fff;font-size:1.5rem;font-weight:800!important;border-radius:50%;margin:0;box-shadow:0 4px 12px #1e977e40;flex-shrink:0}h3.step-title,.step-title{font-size:1.3rem!important;font-weight:800!important;color:var(--secondary-color)!important;margin:0!important;line-height:1.3!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;letter-spacing:-.01em;text-align:left;flex:1}.step-desc{color:#6b7280;line-height:1.7;font-size:.95rem;font-weight:400;margin:0;text-align:left;width:100%}.why-choose-us-section{padding:72px 0;background:linear-gradient(135deg,#f8fafc 70%,#e6faf6)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.benefit-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;box-shadow:0 4px 24px #0000000d;transition:transform .2s}.benefit-card:hover{transform:translateY(-5px)}.benefit-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:16px}.benefit-card h3{font-size:1.25rem;font-weight:700;color:var(--secondary-color);margin-bottom:12px}.benefit-card p{color:var(--muted);line-height:1.6}.get-started-section{padding:80px 0;background:linear-gradient(135deg,#17314b,#1e977e);position:relative;overflow:hidden}.get-started-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');background-size:50px 50px;opacity:.3}.get-started-content{position:relative;z-index:1;background:#fffffffa;border-radius:20px;padding:56px 48px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.get-started-text{max-width:700px}h2.get-started-title,.get-started-title{font-size:2.5rem!important;font-weight:900!important;color:#17314b!important;margin:0 0 20px!important;line-height:1.2!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;letter-spacing:-.02em;text-align:center!important}.get-started-desc{font-size:1.15rem;color:#374151;line-height:1.7;margin:0}.get-started-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.cta-primary-btn,.cta-secondary-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.cta-primary-btn{background:linear-gradient(135deg,#1e977e,#17ab8e);color:#fff}.cta-primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1e977e4d;background:linear-gradient(135deg,#17ab8e,#1e977e)}.cta-secondary-btn{background:#25d366;color:#fff}.cta-secondary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #25d3664d;background:#20ba5a}.cta-primary-btn i,.cta-secondary-btn i{font-size:1.2rem}@media (max-width: 768px){.get-started-content{padding:40px 24px;gap:32px}h2.get-started-title,.get-started-title{font-size:2rem!important}.get-started-desc{font-size:1rem}.get-started-actions{flex-direction:column;width:100%}.cta-primary-btn,.cta-secondary-btn{width:100%;justify-content:center}}.floating-card{position:absolute;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;gap:8px;animation:float 3s ease-in-out infinite;z-index:3}.card-1{top:20%;left:-20px;animation-delay:0s}.card-2{bottom:30%;right:-20px;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.creative-support-section{padding:72px 0;background:#fff}.support-options{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.support-option{text-align:center;padding:32px 24px;background:#f8fafc;border-radius:16px;transition:transform .2s,box-shadow .2s;border:1px solid #e0e7ef}.support-option:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.support-option i{font-size:2.5rem;color:var(--primary-color);margin-bottom:16px}.support-option h3{font-size:1.25rem;font-weight:700;color:var(--secondary-color);margin-bottom:12px}.support-option p{color:var(--muted);line-height:1.6}.faq-section{padding:72px 0;background:#fff}.faq-list{max-width:800px;margin:48px auto 0}.faq-item{border-bottom:1px solid #e0e7ef;padding:8px 0}.faq-question{font-size:1.1rem;font-weight:600;color:var(--secondary-color);display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:6px 16px;transition:color .2s;margin:0}.faq-question:hover{color:var(--primary-color)}.faq-question:focus{outline:2px solid var(--primary-color);outline-offset:2px}.faq-question:after{content:"+";font-size:1.3rem;transition:transform .2s}.faq-question.active:after{content:"−"}.faq-answer{color:var(--muted);line-height:1.6;max-height:0;overflow:hidden;transition:max-height .2s ease-out;padding:0 16px}.faq-answer.show{max-height:500px;padding:4px 16px 8px}.btn:focus,.hero-cta-primary:focus,.hero-cta-secondary:focus,.primary-cta:focus{outline:2px solid var(--primary-color);outline-offset:2px}.benefit-card i,.support-option i{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}h2.section-title,.section-title,.section-title h2{font-size:2.5rem!important;font-weight:900!important;color:#17314b!important;text-align:left!important;position:relative;margin-bottom:24px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;letter-spacing:-.02em!important;line-height:1.2!important;display:block!important;width:100%!important;margin-left:0!important;margin-right:auto!important}@media (max-width: 1024px){.steps-container,.benefits-grid,.support-options{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.support-options{grid-template-columns:1fr}}@media (max-width: 600px){.steps-container,.benefits-grid{grid-template-columns:1fr}}.ad-submission-container{min-height:100vh;background-color:#f9fafb;padding-top:20px}.language-bar{width:100%;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;text-align:center}.language-text{color:#374151;font-size:14px;margin-right:8px}.language-button{padding:4px 12px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;cursor:pointer;transition:all .2s ease}.language-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.language-button:not(.active){background-color:#fff;color:#3b82f6}.language-button:not(.active):hover{background-color:#f9fafb}.ad-submission-main{padding:64px 0;margin-top:130px}@media (max-width: 768px){.ad-submission-main{margin-top:150px!important;padding:32px 0}}.ad-submission-content{max-width:56rem;margin:0 auto;padding:0 16px}.ad-submission-header{text-align:center;margin-bottom:48px;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 20px #00000026;position:relative;z-index:10;border:2px solid #3b82f6}.ad-submission-title{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:16px}.ad-submission-description{font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto}.ad-submission-form-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:32px}.ad-submission-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:120px}.form-select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.estimated-views{margin-top:8px;font-size:14px;color:#6b7280}.estimated-views strong{font-weight:600;color:#374151}.terms-container{background-color:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.terms-label{display:flex;align-items:flex-start;gap:12px}.terms-checkbox{width:20px;height:20px;color:#3b82f6;border-color:#d1d5db;border-radius:4px;margin-top:2px}.terms-checkbox:focus{outline:2px solid #3b82f6;outline-offset:2px}.terms-text{font-size:14px;color:#374151;line-height:1.5}.terms-link{color:#3b82f6;text-decoration:none}.terms-link:hover{text-decoration:underline}.submit-button-container{padding-top:16px}.submit-button{width:100%;padding:12px 24px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:#2563eb}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.submit-button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner{width:20px;height:20px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.success-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.success-modal{background-color:#fff;border-radius:12px;padding:32px;max-width:28rem;margin:0 16px;text-align:center}.success-icon{width:64px;height:64px;background-color:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.success-icon svg{width:32px;height:32px;color:#16a34a}.success-message{font-size:18px;color:#111827;margin-bottom:24px}.success-button{background-color:#16a34a;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.success-button:hover{background-color:#15803d}@media (max-width: 768px){.ad-submission-main{padding:32px 0;margin-top:150px!important}.ad-submission-title{font-size:1.875rem}.ad-submission-description{font-size:1.125rem}.ad-submission-form-container{padding:24px}.language-bar{flex-direction:column;gap:8px;padding:12px}.language-text{margin-right:0;margin-bottom:8px}}.honeypot-field{display:none}.poster-terms-container{min-height:100vh;background-color:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.poster-terms-main{padding:2rem 0;margin-top:8rem}@media (max-width: 768px){.poster-terms-main{margin-top:12rem;padding:1.5rem 0}.header-title{font-size:1.125rem}.terms-content{padding:1.25rem}.section-title{font-size:1rem}.item-text{font-size:.875rem}}.poster-terms-content{max-width:64rem;margin:0 auto;padding:0 1rem}.back-link{display:inline-flex;align-items:center;color:#2563eb;margin-bottom:1.5rem;text-decoration:none;transition:color .2s ease;font-size:.875rem;font-weight:500}.back-link:hover{color:#1d4ed8}.back-icon{margin-right:.5rem;transition:transform .2s ease;font-size:.875rem}.back-link:hover .back-icon{transform:translate(-.25rem)}.header-section{text-align:center;margin-bottom:2.5rem}.header-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem;line-height:1.3}.effective-date{font-size:.75rem;color:#6b7280;font-weight:400}.terms-content{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:2rem}.terms-section{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:1rem}.terms-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.poster-terms-content .section-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.75rem;line-height:1.4;text-align:left!important}.section-list{list-style:none;padding:0;margin:0}.section-item{display:flex;align-items:flex-start;margin-bottom:.75rem}.section-item:last-child{margin-bottom:0}.bullet-point{width:.375rem;height:.375rem;background-color:#2563eb;border-radius:50%;margin-top:.5rem;margin-right:.75rem;flex-shrink:0}.item-text{color:#374151;line-height:1.6;font-size:.9375rem;font-weight:400}.footer-note{margin-top:2rem;padding:1.25rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem}.footer-text{color:#0369a1;text-align:center;margin:0;font-size:.875rem;font-weight:500;line-height:1.5}.info-icon{margin-right:.5rem;font-size:.875rem}.language-selector{background-color:#f8fafc;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.language-buttons{display:flex;justify-content:center;gap:.75rem;max-width:64rem;margin:0 auto;padding:0 1rem}.language-button{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#fff;color:#475569;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.language-button:hover{background-color:#f8fafc;border-color:#94a3b8}.language-button.active{background-color:#2563eb;color:#fff;border-color:#2563eb}:root{--primary-color: #1E977E;--secondary-color: #17314B;--accent-color: #10B981;--background-color: #fff;--background-light: #f9fafb;--background-gray: #f8f9fa;--text-color: #333;--text-primary: #111827;--text-secondary: #374151;--text-muted: #4b5563;--text-light: #9ca3af;--text-placeholder: #9ca3af;--border-color: #e5e7eb;--border-light: #d1d5db;--border-focus: #1E977E;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-light: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-large: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--success-color: #065f46;--success-bg: #ecfdf5;--success-border: #a7f3d0;--error-color: #b91c1c;--error-bg: #fef2f2;--error-border: #fecaca;--warning-color: #1d4ed8;--warning-bg: #eff6ff;--warning-border: #bfdbfe;--footer-bg: #1F2937;--footer-text: #fff;--footer-link-hover: #10B981;--footer-disclaimer: #9CA3AF;--input-border: #d1d5db;--input-focus: #1E977E;--input-focus-shadow: rgba(30, 151, 126, .2);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 1.25rem}.page-with-language-selector{padding-top:118px}@media (max-width: 768px){.page-with-language-selector{padding-top:122px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.login-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb;position:relative}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;min-height:calc(100vh - 118px)}@media (max-width: 768px){.login-main{padding:1.5rem 1rem;min-height:calc(100vh - 122px)}}.login-card{width:100%;max-width:20rem;margin:0 auto}.login-box{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid #e5e7eb;overflow:hidden;width:320px}.login-header{text-align:center;padding:2rem}.login-logo{max-width:120px;height:auto;margin-bottom:1rem;margin-left:auto;margin-right:auto;display:block;-o-object-fit:contain;object-fit:contain}.login-title{font-size:1.25rem;font-weight:600;color:#1e977e;margin-bottom:.5rem}.login-form{padding:0 2rem 2rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;height:3rem;padding:0 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:1rem;background-color:#fff;color:#111827}.form-input:focus{outline:none;border-color:#1e977e;box-shadow:0 0 0 2px #1e977e33}.password-wrapper{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer}.password-toggle:hover{color:#4b5563}.submit-btn{width:100%;height:3rem;background-color:#1e977e;color:#fff;font-weight:600;border-radius:.75rem;font-size:1rem;transition:background-color .2s;border:none;cursor:pointer}.submit-btn:hover{background-color:#17314b}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-links{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#4b5563}.login-link{color:#1e977e;font-weight:500;text-decoration:none}.login-link:hover{color:#17314b}.loading-message{margin:0 2rem 1.5rem;padding:.75rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;color:#1d4ed8;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.error-message{margin:0 2rem 1.5rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#b91c1c;font-size:.875rem}.loading-spinner{width:.75rem;height:.75rem;border:2px solid #bfdbfe;border-top-color:#1d4ed8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-content{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;margin:0 1rem;overflow:hidden}.modal-header{padding:1.5rem;text-align:center;background:linear-gradient(135deg,#1e977e,#17314b)}.modal-title{font-size:1.25rem;font-weight:700;color:#fff}.modal-body{padding:1.5rem}.modal-text{margin-bottom:1.5rem;color:#4b5563;line-height:1.625}.modal-input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;margin-bottom:1.5rem}.modal-input:focus{outline:none;border-color:#1e977e;box-shadow:0 0 0 4px #1e977e33}.modal-btn{width:100%;color:#fff;padding:1rem;border-radius:.75rem;font-weight:600;font-size:1rem;transition:all .3s;border:none;cursor:pointer;background:linear-gradient(135deg,#1e977e,#17314b)}.modal-btn:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.status-message{margin-top:1.5rem;padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;border:2px solid}.status-error{background-color:#fef2f2;color:#b91c1c;border-color:#fecaca}.status-success{background-color:#ecfdf5;color:#065f46;border-color:#a7f3d0}.user-dashboard__sidebar .sidebar-profile .user-profile-label,.user-dashboard__sidebar .sidebar-profile .user-profile-value,.sidebar-profile .user-profile-label,.sidebar-profile .user-profile-value{color:#232b4d!important}.sidebar-profile__info,.sidebar-profile__label,.sidebar-profile__value{color:#232b4d}.user-dashboard__sidebar{width:25%;min-width:280px;max-width:300px;background:linear-gradient(180deg,#1a2340 60%,#232b4d);color:#fff;box-shadow:2px 0 8px #00000014;padding:2.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;border-right:none;position:relative;transition:width .3s ease}.sidebar-profile{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.sidebar-profile__avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:16px;background:#fff}.sidebar-profile__name{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:#232b4d}.sidebar-profile__level{background:#e6eaff;color:#232b4d;border-radius:16px;padding:4px 16px;font-size:.9rem;font-weight:500;margin-bottom:8px}.sidebar-menu{width:100%;background:#ffffff0a;border-radius:18px 0 0;padding:24px 0;margin-bottom:auto}.sidebar-menu__item{display:flex;align-items:center;gap:12px;font-size:1.05rem;padding:12px 24px;color:#cfd8e3;cursor:pointer;border-radius:8px;transition:background .2s,color .2s}.sidebar-menu__item.active{color:#fff;background:#2d3a5a}.sidebar-menu__dot{width:8px;height:8px;background:#4f5fff;border-radius:50%;margin-left:auto}.sidebar-contact{width:100%;background:#ffffff0f;border-radius:12px;padding:16px 20px;margin-top:32px;text-align:left;color:#cfd8e3;font-size:.98rem}.sidebar-contact__link{display:block;margin-top:8px;color:#4f5fff;font-weight:500;text-decoration:underline;cursor:pointer}.user-dashboard__title{font-size:2rem;font-weight:600;margin-bottom:24px}@media (max-width: 480px){.user-dashboard__main-layout{flex-direction:column;margin:0;padding:0;width:100vw;min-height:100vh;box-sizing:border-box}.user-dashboard__sidebar{margin-top:0;padding:0}.user-dashboard__content{padding:0}.user-dashboard__title{font-size:1.5rem;margin-bottom:16px}}.user-dashboard__loading{display:flex;justify-content:center;align-items:center;min-height:300px;margin-top:0}.user-dashboard__error{color:#d32f2f;font-weight:500;font-size:1.1rem}.user-dashboard{min-height:100vh;display:flex;flex-direction:column}.user-dashboard__main{flex-grow:1;width:100%;align-items:center;background:#f7f8fa}.user-dashboard__loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.user-dashboard__error{color:#ef4444;font-weight:500;font-size:1.1rem}@media (max-width: 1024px){.user-dashboard__sidebar{width:30%;min-width:240px;padding:2rem 1.25rem}.sidebar-profile__avatar{width:70px;height:70px}}@media (max-width: 768px){.user-dashboard__sidebar{width:100%;max-width:100%;padding:1.5rem;margin-top:0}.sidebar-profile__avatar{width:60px;height:60px}.sidebar-menu__item{padding:10px 16px;font-size:.95rem}}@media (max-width: 480px){.user-dashboard__sidebar{padding:1rem}.sidebar-profile__avatar{width:50px;height:50px}.sidebar-menu__item{padding:8px 12px;font-size:.9rem}}.user-dashboard-dark .wallet-info-help>div{background:#232b36!important;color:#e0e6ed!important;box-shadow:0 1px 4px #0000001f!important}.user-dashboard-dark .wallet-info-help li{color:#e0e6ed!important}.user-dashboard-dark .wallet-info-help b{color:#38e8fc!important}.user-dashboard-dark .wallet-card .ant-card-body{background:#232b36!important;color:#e0e6ed!important;border-radius:10px!important}.user-dashboard-dark .payments-page{background:#181c24!important;color:#e0e6ed!important}.user-dashboard-dark .payments-page h2{color:#f8fafc!important}.user-dashboard-dark .wallet-card{background:#232b36!important;color:#e0e6ed!important;border-radius:18px!important;box-shadow:0 2px 12px #0000002e!important;border:none!important}.user-dashboard-dark .wallet-card .ant-typography,.user-dashboard-dark .wallet-card .ant-typography-title{color:#e0e6ed!important}.user-dashboard-dark .wallet-card .ant-statistic-content{color:#38e8fc!important;font-weight:600!important}.user-dashboard-dark .wallet-card .ant-statistic-content-value{color:#38e8fc!important;font-weight:700!important;background:transparent!important}.user-dashboard-dark .wallet-card .ant-statistic-content-value span{color:#38e8fc!important;background:transparent!important}.user-dashboard-dark .wallet-card .ant-statistic-title{color:#b6c2d1!important}.user-dashboard-dark .payments-page .ant-table,.user-dashboard-dark .payments-page .ant-table-thead,.user-dashboard-dark .payments-page .ant-table-tbody,.user-dashboard-dark .payments-page .ant-table-row,.user-dashboard-dark .payments-page th,.user-dashboard-dark .payments-page td{background:#232b36!important;color:#e0e6ed!important;border-color:#232b36!important}.user-dashboard-dark .payments-page .ant-table-thead>tr>th{background:#232b36!important;color:#b6c2d1!important;border-bottom:2px solid #232b36!important}.user-dashboard-dark .payments-page .ant-table-tbody>tr>td{background:#181c24!important;color:#e0e6ed!important;border-bottom:1px solid #232b36!important}.user-dashboard-dark .payments-page .ant-table-tbody>tr.ant-table-row:hover>td{background:#232b36!important}.user-dashboard-dark .available-tasks-section{background:#2d3748!important;color:#f3f6fa!important;border-radius:12px;box-shadow:0 2px 12px #0000001f;padding:1.5rem 1.5rem 1rem;margin-bottom:2rem}.user-dashboard-dark .available-tasks-section h2{color:#f8fafc!important;border-bottom:1px solid #475569!important}.user-dashboard-dark .my-tasks-table-card .ant-table,.user-dashboard-dark .my-tasks-table-card .ant-table-thead,.user-dashboard-dark .my-tasks-table-card .ant-table-tbody,.user-dashboard-dark .my-tasks-table-card .ant-table-row,.user-dashboard-dark .my-tasks-table-card th,.user-dashboard-dark .my-tasks-table-card td{background:#232b36!important;color:#e0e6ed!important;border-color:#232b36!important}.user-dashboard-dark .my-tasks-table-card .ant-table-thead>tr>th{background:#232b36!important;color:#b6c2d1!important;border-bottom:2px solid #232b36!important}.user-dashboard-dark .my-tasks-table-card .ant-table-tbody>tr>td{background:#181c24!important;color:#e0e6ed!important;border-bottom:1px solid #232b36!important}.user-dashboard-dark .my-tasks-table-card .ant-table-tbody>tr.ant-table-row:hover>td{background:#232b36!important}.user-dashboard-dark .my-tasks-table-card{background:#232b36!important;color:#e0e6ed!important;border-radius:12px!important;box-shadow:0 2px 12px #0000002e!important;border:none!important}.user-dashboard-dark .user-greeting-card{background:#232b36!important;color:#e0e6ed!important;box-shadow:0 2px 12px #0000002e!important;border-radius:12px!important;border:none!important}.user-dashboard-dark .user-greeting-card h2,.user-dashboard-dark .user-greeting-card h3{color:#f8fafc!important;font-weight:700!important;letter-spacing:.01em}.user-dashboard-dark .user-greeting-card p{color:#f3f6fa!important;font-weight:500!important}.user-dashboard-dark .dashboard-stats__container>.dashboard-stat-card,.user-dashboard-dark .dashboard-stat-card,.user-dashboard-dark .dashboard-stats__container .dashboard-stat-card{background:#232b36!important;color:#e0e6ed!important;box-shadow:0 2px 12px #0000002e!important;border-radius:12px!important;border:none!important}.user-dashboard-dark .user-dashboard__main,.user-dashboard-dark .user-dashboard{background:#181c24!important;color:#e0e6ed!important}.user-dashboard-dark .user-dashboard__loading,.user-dashboard-dark .user-dashboard__error{background:#232b36!important;color:#e0e6ed!important;border-radius:12px}.user-dashboard-dark .user-dashboard__title{color:#e0e6ed!important}.user-dashboard-dark .dashboard-content,.user-dashboard-dark .dashboard-stat-card,.user-dashboard-dark .accepted-completed-card,.user-dashboard-dark .user-profile-card{background:#232b36!important;color:#e0e6ed!important}.user-dashboard-dark .dashboard-stat-card{background:#232b36!important;color:#e0e6ed!important;box-shadow:0 2px 12px #0000002e}.user-dashboard-dark .dashboard-stat-card.ant-card,.user-dashboard-dark .dashboard-stat-card.ant-card-bordered,.user-dashboard-dark .dashboard-stat-card.ant-card-outlined,.user-dashboard-dark .dashboard-stat-card .ant-card,.user-dashboard-dark .dashboard-stat-card .ant-card-bordered,.user-dashboard-dark .dashboard-stat-card .ant-card-outlined{background:#232b36!important;color:#e0e6ed!important;border:none!important;box-shadow:0 2px 12px #0000002e!important}.user-dashboard-dark .dashboard-stat-card.ant-card:before,.user-dashboard-dark .dashboard-stat-card.ant-card-bordered:before,.user-dashboard-dark .dashboard-stat-card.ant-card-outlined:before,.user-dashboard-dark .dashboard-stat-card .ant-card:before,.user-dashboard-dark .dashboard-stat-card .ant-card-bordered:before,.user-dashboard-dark .dashboard-stat-card .ant-card-outlined:before{background:#232b36!important}.user-dashboard-dark .dashboard-stat-card.ant-card:after,.user-dashboard-dark .dashboard-stat-card.ant-card-bordered:after,.user-dashboard-dark .dashboard-stat-card.ant-card-outlined:after,.user-dashboard-dark .dashboard-stat-card .ant-card:after,.user-dashboard-dark .dashboard-stat-card .ant-card-bordered:after,.user-dashboard-dark .dashboard-stat-card .ant-card-outlined:after{background:#232b36!important}.user-dashboard-dark .dashboard-stat-card .ant-card,.user-dashboard-dark .dashboard-stat-card .ant-card-bordered{background:#232b36!important;color:#e0e6ed!important;border:none!important;box-shadow:0 2px 12px #0000002e!important}.user-dashboard-dark .dashboard-stat-card .stat-label{color:#b6c2d1!important}.user-dashboard-dark .dashboard-stat-card .stat-value{color:#38b2ac!important}.user-dashboard-dark .dashboard-stat-card.completed .stat-value{color:#22c55e!important}.user-dashboard-dark .dashboard-stat-card.in-progress .stat-value{color:#2563eb!important}.user-dashboard-dark .dashboard-stat-card.earned .stat-value{color:#fbbf24!important}.user-dashboard-dark .dashboard-stat-card.balance .stat-value{color:#38b2ac!important}.user-dashboard-dark .dashboard-stats__loading,.user-dashboard-dark .dashboard-stats__error{color:#e0e6ed!important;background:#232b36!important}.user-dashboard-dark .task-item-card{background:#232b36!important;color:#e0e6ed!important;border-color:#232b36!important}.user-dashboard-dark .task-card h3{color:#e0e6ed!important}.user-dashboard-dark .task-card .type-badge{background-color:#2d3a5a!important;color:#38b2ac!important}.user-dashboard-dark .task-card .payment-amount{color:#fbbf24!important}.user-dashboard-dark .task-actions button{background:#1e977e!important;color:#fff!important}.user-dashboard-dark .task-actions button:hover{background:#14695c!important}.user-dashboard-dark .user-profile-card{background:#232b36!important;color:#e0e6ed!important;box-shadow:0 1px 3px #0000002e}.user-dashboard-dark .user-profile-title{color:#e0e6ed!important}.user-dashboard-dark .user-profile-label{color:#b6c2d1!important}.user-dashboard-dark .user-profile-value{color:#e0e6ed!important}.user-dashboard-dark .user-sidebar,.user-dashboard-dark .user-profile{background:#232b36!important;color:#e0e6ed!important}.user-dashboard-dark .user-info,.user-dashboard-dark .user-name{color:#e0e6ed!important}.user-dashboard-dark .user-email,.user-dashboard-dark .user-tasks-completed{color:#b6c2d1!important}.user-dashboard-dark .user-menu a,.user-dashboard-dark .user-menu span{color:#e0e6ed!important;background:transparent!important}.user-dashboard-dark .user-menu a.active,.user-dashboard-dark .user-menu span.active{background:#2563eb!important;color:#fff!important}.user-dashboard-dark .user-menu a:hover,.user-dashboard-dark .user-menu span:hover{background:#232b36!important;color:#fff!important}.user-dashboard-dark .logout-button{background:#1e977e!important;color:#fff!important}.user-dashboard-dark .logout-button:hover{background:#14695c!important}.user-dashboard-dark .accepted-completed-card,.user-dashboard-dark .user-profile-card,.user-dashboard-dark .dashboard-content,.user-dashboard-dark .user-tasks-container{background:#232b36!important;color:#e0e6ed!important}body.dark-mode,.user-dashboard-dark,.user-dashboard-dark .user-tasks-container,.user-dashboard-dark .dashboard-content,.user-dashboard-dark .userdb-main-content{background:#181c24!important;color:#e0e6ed!important}.user-dashboard-dark .tasks-table{background:#232b36!important;color:#e0e6ed!important;box-shadow:0 .25rem 1rem #00000040}.user-dashboard-dark .tasks-table th{background:#232b36!important;color:#b6c2d1!important;border-bottom:2px solid #232b36}.user-dashboard-dark .tasks-table td{background:#181c24!important;color:#e0e6ed!important;border-bottom:1px solid #232b36}.user-dashboard-dark .tasks-table tr:nth-child(2n) td{background:#20232b!important}.user-dashboard-dark .tasks-table tr:hover td{background:#232b36!important}.user-dashboard-dark .accept-button{background:#1e977e!important;color:#fff!important}.user-dashboard-dark .accept-button:hover{background:#14695c!important}.user-dashboard-dark .type-cell,.user-dashboard-dark .payment-cell{background:#232b36!important;color:#b6c2d1!important}.user-dashboard-dark .action-cell{background:#232b36!important}.user-dashboard-dark .user-sidebar{background:#232b36!important;color:#e0e6ed!important}.user-dashboard-dark .sidebar-profile__name{color:#e0e6ed!important}.user-dashboard-dark .sidebar-profile__level{background:#232b36!important;color:#b6c2d1!important}@media (max-width: 768px){.user-dashboard-dark .tasks-table th,.user-dashboard-dark .tasks-table td{font-size:.85rem;padding:.5rem}.user-dashboard-dark .accept-button{font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 480px){.user-dashboard-dark .tasks-table th,.user-dashboard-dark .tasks-table td{font-size:.8rem;padding:.4rem}.user-dashboard-dark .accept-button{font-size:.8rem;padding:.3rem .6rem;min-width:70px}}.dashboard-stats-container{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.stat-card{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9;transition:all .2s ease;min-height:70px;animation:slideInUp .3s ease-out}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#2563eb1a;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-value{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.2;margin-bottom:2px}.stat-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.025em;line-height:1}.stat-completed .stat-icon{background:#22c55e1a}.stat-progress .stat-icon{background:#2563eb1a}.stat-earned .stat-icon{background:#f59e0b1a}.stat-balance .stat-icon{background:#10b9811a}.stat-card.loading{opacity:.7}.stat-card.loading .stat-value{animation:pulse 1.5s ease-in-out infinite}.stat-card:nth-child(1){animation-delay:0ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.user-dashboard-dark .stat-card{background:#1e293b;border-color:#334155}.user-dashboard-dark .stat-value{color:#f1f5f9}.user-dashboard-dark .stat-label{color:#94a3b8}.user-dashboard-dark .stat-card:hover{background:#334155}@media (max-width: 380px){.stats-grid{gap:.5rem}.stat-card{padding:.75rem;min-height:60px}.stat-icon{width:32px;height:32px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem;min-height:80px}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}.stat-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;gap:.75rem;min-height:120px}.stat-icon{width:48px;height:48px;margin-bottom:.25rem}.stat-value{font-size:1.75rem;margin-bottom:.25rem}.stat-label{font-size:.85rem}}@media (min-width: 1024px){.dashboard-stats-container{margin-bottom:2rem}.stats-grid{gap:1.5rem}.stat-card{padding:1.75rem 1.25rem;min-height:140px}.stat-value{font-size:2rem}}.user-greeting-card{background:#fff;border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #f1f5f9;display:flex;align-items:center;gap:1rem;min-height:80px;animation:slideInUp .4s ease-out}.greeting-content{flex:1;min-width:0}.greeting-header{display:flex;align-items:flex-start;gap:.75rem}.greeting-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#2563eb1a;flex-shrink:0;margin-top:2px}.greeting-text{flex:1;min-width:0}.greeting-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem;line-height:1.3}.greeting-message{font-size:.85rem;color:#64748b;margin:0 0 .5rem;line-height:1.4}.greeting-accent{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.greeting-visual{flex-shrink:0;display:flex;align-items:center;justify-content:center}.greeting-badge{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.user-dashboard-dark .user-greeting-card{background:#1e293b;border-color:#334155}.user-dashboard-dark .greeting-title{color:#f1f5f9}.user-dashboard-dark .greeting-message,.user-dashboard-dark .greeting-accent{color:#94a3b8}@media (min-width: 640px){.user-greeting-card{padding:1.5rem;min-height:100px}.greeting-header{gap:1rem}.greeting-icon{width:48px;height:48px}.greeting-title{font-size:1.25rem}.greeting-message{font-size:.9rem}.greeting-accent{font-size:.8rem}.greeting-badge{width:70px;height:70px}}@media (min-width: 768px){.user-greeting-card{padding:2rem;gap:1.5rem;min-height:120px}.greeting-title{font-size:1.4rem}.greeting-message{font-size:1rem}.greeting-badge{width:80px;height:80px}}@media (min-width: 1024px){.user-greeting-card{padding:2.5rem;margin-bottom:2rem}}.upi-notification{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:12px;margin:1rem auto;max-width:1200px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #667eea4d;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.upi-notification__content{display:flex;align-items:center;gap:1rem;flex:1}.upi-notification__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff}.upi-notification__message{display:flex;flex-direction:column;gap:.75rem}.upi-notification__title{margin:0;font-size:1rem;font-weight:500;line-height:1.4}.upi-notification__action{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start;text-decoration:none;display:inline-block}.upi-notification__action:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.upi-notification__close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;flex-shrink:0}.upi-notification__close:hover{background:#fff3}@media (max-width: 768px){.upi-notification{margin:.75rem;padding:1rem}.upi-notification__content{gap:.75rem}.upi-notification__title{font-size:.9rem}.upi-notification__action{font-size:.85rem;padding:.4rem .85rem}}@media (max-width: 480px){.upi-notification{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}.upi-notification__content{width:100%}.upi-notification__message{gap:.5rem}.upi-notification__title{font-size:.875rem}.upi-notification__action{width:100%;text-align:center}.upi-notification__close{position:absolute;top:.5rem;right:.5rem}}.user-profile-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.user-profile-title{color:#000;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.user-profile-field{margin-bottom:1rem}.user-profile-label{color:#4b5563;font-size:.875rem}.user-profile-value{color:#232b4d;font-weight:500;margin-top:.25rem}.user-profile-page{padding:1rem 0}.mobile-settings-section{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.mobile-setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.setting-info{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#374151}.setting-icon{font-size:1.25rem;color:#6b7280}.toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:24px;background:#e5e7eb;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.toggle-button.active{background:#2563eb;color:#fff}.toggle-button svg{font-size:14px}.mobile-logout-section{margin-top:2rem;padding-top:1rem}.logout-button-mobile{width:100%;padding:1rem;background:#ef4444;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s ease}.logout-button-mobile:hover{background:#dc2626}.user-dashboard-dark .mobile-settings-section{background:#1e293b}.user-dashboard-dark .setting-info{color:#e2e8f0}.user-dashboard-dark .setting-icon{color:#94a3b8}.user-dashboard-dark .toggle-button{background:#374151;color:#9ca3af}.user-dashboard-dark .toggle-button.active{background:#60a5fa;color:#fff}@media (min-width: 769px){.mobile-settings-section,.mobile-logout-section{display:none}}._container_qcfxj_5{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:6rem 1rem}._content_qcfxj_23{background:#fff;border-radius:20px;padding:3rem 2.5rem;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._header_qcfxj_49{margin-bottom:2.5rem;text-align:center}._iconWrapper_qcfxj_59{margin-bottom:1.5rem}._mainIcon_qcfxj_67{font-size:5rem;color:#ef4444;animation:_pulse_qcfxj_1 2s infinite}@keyframes _pulse_qcfxj_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}._title_qcfxj_101{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.2}._subtitle_qcfxj_117{font-size:1.125rem;color:#6b7280;line-height:1.6}._alert_qcfxj_131{margin-bottom:2rem;border-radius:12px;border:none}._alert_qcfxj_131 .ant-alert-message{font-weight:600;color:#dc2626}._alert_qcfxj_131 .ant-alert-description{color:#7f1d1d;line-height:1.5}._infoCard_qcfxj_165{margin-bottom:2.5rem;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._infoHeader_qcfxj_179{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}._infoIcon_qcfxj_193{font-size:1.5rem;color:#3b82f6}._infoTitle_qcfxj_203{margin:0;color:#1f2937;font-weight:600}._infoContent_qcfxj_215{display:flex;flex-direction:column;gap:1.25rem}._infoItem_qcfxj_227{display:flex;align-items:flex-start;gap:1rem;text-align:left}._infoBullet_qcfxj_241{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background:#3b82f6;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}._infoText_qcfxj_269{color:#374151;line-height:1.5;margin:0;font-size:1rem}._actions_qcfxj_285{width:100%;margin-bottom:2.5rem}._primaryButton_qcfxj_295{background:#3b82f6;border:none;border-radius:12px;height:56px;font-weight:600;font-size:1.1rem;transition:all .2s ease}._primaryButton_qcfxj_295:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}._secondaryButton_qcfxj_327{background:#10b981;border:none;color:#fff;border-radius:12px;height:56px;font-weight:600;font-size:1.1rem;transition:all .2s ease}._secondaryButton_qcfxj_327:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}._footer_qcfxj_363{border-top:1px solid #e5e7eb;padding-top:2rem;text-align:center}._supportText_qcfxj_375{color:#6b7280;font-size:1rem;margin-bottom:1.5rem;display:block}._supportLink_qcfxj_389{color:#3b82f6;text-decoration:none;font-weight:600}._supportLink_qcfxj_389:hover{text-decoration:underline}._logoutButton_qcfxj_409{background:#6b7280;border:none;color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s ease}._logoutButton_qcfxj_409:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width: 768px){._content_qcfxj_23{padding:2.5rem 2rem;border-radius:16px}._title_qcfxj_101{font-size:2rem}._subtitle_qcfxj_117{font-size:1rem}._mainIcon_qcfxj_67{font-size:4rem}}@media (max-width: 640px){._container_qcfxj_5{margin-top:5rem;padding:1rem}._content_qcfxj_23{padding:2rem 1.5rem;border-radius:12px}._title_qcfxj_101{font-size:1.75rem}._mainIcon_qcfxj_67{font-size:3.5rem}._infoItem_qcfxj_227{gap:.75rem}._infoBullet_qcfxj_241{min-width:1.75rem;height:1.75rem;font-size:.75rem}._primaryButton_qcfxj_295,._secondaryButton_qcfxj_327{height:50px;font-size:1rem}}@media (max-width: 480px){._content_qcfxj_23{padding:1.5rem 1rem}._title_qcfxj_101{font-size:1.5rem}._subtitle_qcfxj_117{font-size:.9rem}._mainIcon_qcfxj_67{font-size:3rem}._infoHeader_qcfxj_179{flex-direction:column;gap:.5rem;text-align:center}._infoItem_qcfxj_227{flex-direction:column;text-align:center;gap:.5rem}._infoBullet_qcfxj_241{align-self:center}}._statusCheck_qcfxj_621{margin:1.5rem 0;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;animation:_fadeInUp_qcfxj_1 .5s ease-out}._statusCheckContent_qcfxj_639{display:flex;align-items:center;justify-content:center;gap:.5rem}@keyframes _fadeInUp_qcfxj_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._container_1t898_5{text-align:center;padding:48px;margin-top:5rem}._icon_1t898_17{font-size:72px;color:#f59e0b;margin-bottom:24px}._title_1t898_29{font-size:30px;font-weight:700;color:#1f2937;margin-bottom:16px}._description_1t898_43{font-size:18px;color:#6b7280;max-width:448px;margin:0 auto}._infoCard_1t898_57{margin-top:32px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:24px;max-width:512px;margin-left:auto;margin-right:auto}._infoHeader_1t898_79{display:flex;align-items:center;justify-content:center;gap:8px;color:#1d4ed8;margin-bottom:8px}._infoHeaderText_1t898_97{font-weight:600}._infoText_1t898_105{color:#2563eb;font-size:14px}._statusCheck_1t898_115{margin-top:20px;padding:12px 16px;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;max-width:300px;margin-left:auto;margin-right:auto;color:#0ea5e9;font-size:14px;font-weight:500}._container_1kv8a_5{max-width:1024px;margin:0 auto;text-align:center;padding:32px;margin-top:4rem}@media (max-width: 767px){._container_1kv8a_5{margin-top:4rem}}._introText_1kv8a_33{font-size:18px;color:#6b7280;margin-bottom:32px}._stepCard_1kv8a_45{background-color:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:32px;margin-bottom:32px;max-width:672px;margin-left:auto;margin-right:auto}._stepTitle_1kv8a_67{font-size:24px;font-weight:600;color:#2563eb;margin-bottom:24px}._socialMediaGrid_1kv8a_81{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (min-width: 768px){._socialMediaGrid_1kv8a_81{grid-template-columns:repeat(4,1fr)}}._socialItem_1kv8a_107{display:flex;flex-direction:column;align-items:center}._socialIcon_1kv8a_119{font-size:32px;margin-bottom:12px;transition:transform .2s}._socialIcon_1kv8a_119:hover{transform:scale(1.1)}._socialButton_1kv8a_139{color:#fff;padding:8px 16px;border-radius:8px;font-weight:500;text-decoration:none;font-size:14px;transition:opacity .2s}._socialButton_1kv8a_139:hover{opacity:.9}._socialButtonBlack_1kv8a_167{background-color:#000}._socialButtonBlue_1kv8a_169{background-color:#2563eb}._socialButtonPink_1kv8a_171{background-color:#ec4899}._socialButtonBlueLight_1kv8a_173{background-color:#1d4ed8}._socialTextBlack_1kv8a_177{color:#000}._socialTextBlue_1kv8a_179{color:#2563eb}._socialTextPink_1kv8a_181{color:#ec4899}._socialTextBlueLight_1kv8a_183{color:#1d4ed8}._grayText_1kv8a_187{color:#6b7280}._taskContent_1kv8a_195{display:flex;flex-direction:column;align-items:center;gap:24px}._imageSection_1kv8a_209{display:flex;flex-direction:column;align-items:center}._adImage_1kv8a_221{max-width:240px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:2px solid #e5e7eb}._downloadButton_1kv8a_235{margin-top:16px;background-color:#10b981;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:8px;transition:background-color .2s}._downloadButton_1kv8a_235:hover{background-color:#059669}._infoText_1kv8a_271{margin-top:12px;font-size:14px;color:#6b7280;display:flex;align-items:center;gap:4px}._infoIcon_1kv8a_289{color:#10b981}._textSection_1kv8a_297{width:100%;max-width:448px}._textLabel_1kv8a_307{display:block;font-weight:600;color:#374151;margin-bottom:8px;text-align:left}._textInputSection_1kv8a_323{display:flex;gap:8px}._textarea_1kv8a_333{flex:1;padding:16px;border:2px solid #d1d5db;border-radius:8px;background-color:#f9fafb;color:#374151;resize:none}._copyButton_1kv8a_353{background-color:#374151;color:#fff;padding:16px;border-radius:8px;border:none;cursor:pointer;align-self:flex-start;transition:background-color .2s}._copyButton_1kv8a_353:hover{background-color:#1f2937}._captionInfo_1kv8a_383{margin-top:8px;font-size:14px;color:#6b7280;text-align:left;display:flex;align-items:center;gap:4px}._stepComplete_1kv8a_403{margin-top:24px;color:#2563eb;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}._completeIcon_1kv8a_423{color:#10b981}._uploadInstructions_1kv8a_431{color:#6b7280;margin-bottom:24px}._uploadForm_1kv8a_441{display:flex;flex-direction:column;gap:16px}._fileInput_1kv8a_453{width:100%;padding:12px;border:2px solid #d1d5db;border-radius:8px}._fileInput_1kv8a_453:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;border-color:transparent}._uploadButton_1kv8a_479{background-color:#10b981;color:#fff;padding:12px 32px;border-radius:8px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 auto;transition:background-color .2s}._uploadButton_1kv8a_479:hover{background-color:#059669}._uploadButton_1kv8a_479:disabled{background-color:#9ca3af;cursor:not-allowed}._uploadStatus_1kv8a_527{text-align:center;color:#2563eb;font-weight:500}._uploadNotes_1kv8a_539{margin-top:24px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:#6b7280}._noteItem_1kv8a_557{display:flex;align-items:center;justify-content:center;gap:8px}._noteItemBlue_1kv8a_571{color:#2563eb}.user-sidebar{width:280px;background:#17314b;min-height:100vh;display:flex;flex-direction:column;border:none;padding:1.5rem 1rem;align-items:stretch;transition:width .3s ease;position:fixed;left:0;top:0;overflow-y:auto;max-height:100vh;box-sizing:border-box}.logo{margin-bottom:2rem;padding:1rem 0;display:flex;justify-content:center}.logo img{height:60px;width:auto;display:block;margin:0 auto}.user-profile{padding:1rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;border:none;background:#ffffff0d;border-radius:8px;position:relative}.user-avatar{width:5.25rem;height:5.25rem;border-radius:50%;margin-bottom:1rem;box-shadow:0 4px 16px #2563eb26;border:3px solid #2563eb;background:#fff}.user-info{width:100%;text-align:left;margin-bottom:.5rem;z-index:1}.user-name{font-weight:800;font-size:1.25rem;color:#fff;margin-bottom:.25rem;letter-spacing:.01em;text-shadow:0 1px 4px rgba(23,49,75,.15)}.user-email{font-size:.97rem;color:#e0e7ef;background:none;padding:0;border-radius:0;display:block;margin-bottom:.5rem;font-weight:400}.user-status{font-size:.95rem;background:none;padding:0;border-radius:0;display:flex;align-items:center;gap:.5em;margin-bottom:.5rem;font-weight:500}.user-status.active{color:#22c55e}.user-status.inactive{color:#028d0e}@keyframes blink{0%{opacity:1}to{opacity:.3}}.user-tasks-completed{font-size:.95rem;color:#e0e7ef;background:none;padding:0;border-radius:0;display:block;font-weight:400}.user-menu{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}.user-menu a{padding:.7rem 1.2rem;color:#fff;text-decoration:none;border-radius:8px;background:transparent;font-weight:500;letter-spacing:.01em;box-shadow:none;transition:all .3s ease;border:none;position:relative;display:flex;align-items:center;gap:.5rem;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.user-sidebar{width:30%;min-width:240px;padding:2rem 1.5rem}.user-avatar{width:4.5rem;height:4.5rem}}@media (max-width: 768px){.user-sidebar{display:none}}.user-menu a:not(.active):not(:hover){background:transparent;color:#cbd5e1;opacity:1}.user-menu a:not(.active):not(:hover) .user-sidebar{position:relative;min-height:unset;padding:1rem .5rem .5rem;box-shadow:0 2px 8px #17314b14;border-radius:0 0 16px 16px;flex-direction:column;align-items:stretch}.user-menu a:not(.active):not(:hover) .logo{margin-bottom:1rem;padding:.5rem 0;justify-content:flex-start}.user-menu a:not(.active):not(:hover) .user-profile{margin-bottom:1rem;padding:.5rem;align-items:flex-start;border-radius:8px;background:#ffffff0a}.user-menu a:not(.active):not(:hover) .user-info{margin-top:.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.user-menu a:not(.active):not(:hover) .user-menu{margin-top:.5rem;gap:.25rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.user-menu a:not(.active):not(:hover) .user-menu a{font-size:.97rem;padding:.5rem .7rem;border-radius:6px;margin-right:.5rem;margin-bottom:.5rem}.user-menu a:not(.active):not(:hover) .logout-button{width:100%;margin-left:0;margin-bottom:.5rem;margin-top:1rem;padding:.6rem 0;font-size:1rem}.user-menu a.active{background:#2563eb;color:#fff;border-radius:8px;opacity:1}.user-menu a:hover{background:#1e293b;color:#fff;border-radius:8px;opacity:1}.logout-button{margin-top:auto;width:90%;margin-left:5%;margin-bottom:1.5rem;padding:.7rem 0;background:#38b2ac;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s}.logout-button:hover{background:#319795}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#17314b;border-top:1px solid rgba(255,255,255,.1);z-index:1000;padding:env(safe-area-inset-bottom,0) 0 0 0;box-shadow:0 -2px 16px #17314b26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;padding:8px 16px 12px;max-width:100%}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .2s ease;padding:8px 12px;border-radius:12px;min-width:60px;min-height:48px;color:#e0e7ef;position:relative}.bottom-nav-item:hover{background:#ffffff0d;transform:translateY(-1px)}.bottom-nav-item.active{color:#2563eb;background:#2563eb1a}.bottom-nav-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:30px;height:3px;background:#2563eb;border-radius:0 0 3px 3px}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:transform .2s ease}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-label{font-size:11px;font-weight:500;letter-spacing:.025em;text-align:center;line-height:1}.user-dashboard-dark .bottom-navigation{background:#0f172a;border-top-color:#ffffff0d}.user-dashboard-dark .bottom-nav-item{color:#94a3b8}.user-dashboard-dark .bottom-nav-item.active{color:#60a5fa;background:#60a5fa1a}.user-dashboard-dark .bottom-nav-item.active:before{background:#60a5fa}.user-dashboard-dark .bottom-nav-item:hover{background:#ffffff08}@media (min-width: 769px){.bottom-navigation{display:none}}@media (max-width: 320px){.bottom-nav-container{padding:6px 8px 10px}.bottom-nav-item{padding:6px 8px;min-width:50px}.bottom-nav-label{font-size:10px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:env(safe-area-inset-bottom)}}.userdb-layout{display:flex;min-height:100vh;background:#f8fafc}.userdb-main-content{flex:1;margin-left:280px;padding:2rem;background-color:#f8fafc;transition:margin-left .3s ease}.dashboard-content{max-width:1200px;margin:0 auto;width:100%}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:1000;background:#17314b;border:none;color:#fff;padding:.5rem;border-radius:4px;cursor:pointer}.hamburger-icon{font-size:1.5rem;line-height:1}.userdb-flex-layout .user-dashboard__sidebar-wrapper{margin-top:0}@media (max-width: 1200px){.user-main-content{padding:20px 15px}}@media (max-width: 900px){.user-main-content{padding:20px 10px}}@media (max-width: 768px){.userdb-main-content{margin-left:0;padding:1rem;transition:margin-left .3s ease}.userdb-main-content.mobile-layout{padding-bottom:90px}.mobile-menu-btn{display:none}.dashboard-content{padding-top:0}.user-sidebar,.sidebar-overlay{display:none}}.task-item-card{border-radius:.75rem;box-shadow:0 .125rem .5rem #00000014;padding:1rem;margin-bottom:.75rem;background:#fff;transition:box-shadow .2s;border:.125rem dashed #eaeaea;display:flex;justify-content:space-between;align-items:center}.task-item-card:hover{box-shadow:0 .25rem 1rem #00000026}.task-card{display:flex;align-items:center;gap:1rem;flex-grow:1}.task-card .type-badge{display:inline-block;padding:.2em .6em;border-radius:.5rem;font-size:.85em;background-color:#e0ffe0;color:#28a745;white-space:nowrap}.task-card h3{margin:0;font-size:1.1rem;color:#333;flex-grow:1}.task-card .payment-amount{font-weight:700;color:#007bff;white-space:nowrap}.task-actions{display:flex;gap:.5rem}.task-actions button{padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:700;transition:background-color .2s;font-size:.9rem}.accept-button,.complete-button,.details-button{background-color:#28a745;color:#fff}.accept-button:hover,.complete-button:hover,.details-button:hover{background-color:#218838}.task-item-card.whatsapp_status .task-card .type-badge{background-color:#d4edda;color:#155724}.task-item-card.google_review .task-card .type-badge{background-color:#d1ecf1;color:#0c5460}.task-item-card.youtube_like .task-card .type-badge{background-color:#f8d7da;color:#721c24}@media (max-width: 768px){.task-item-card{padding:.75rem;flex-direction:column;align-items:stretch;gap:.75rem}.task-card{flex-direction:column;align-items:flex-start;gap:.5rem}.task-actions{justify-content:flex-end;margin-top:.5rem}}@media (max-width: 480px){.task-item-card{padding:.75rem}.task-actions{flex-direction:column;gap:.5rem}.task-actions button{width:100%;padding:.75rem}.task-card h3{font-size:1rem}}.row-inactive{opacity:.7}.row-completed{background-color:#f6f6f6!important;pointer-events:none}.row-approved{background-color:#e6ffed!important;pointer-events:none}.row-rejected{background-color:#fff1f0!important}.user-tasks-container{padding-top:0;padding-left:1.25rem;padding-right:1.25rem;min-height:100%;height:100%}.tasks-table-container{width:100%;overflow-x:auto;margin-top:1.5rem;-webkit-overflow-scrolling:touch}.tasks-table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1rem #0000000d}.tasks-table th{text-align:left;padding:1rem;background-color:#1e977e;color:#fff;font-weight:600;border-bottom:2px solid #e0e0e0}.tasks-table tr:nth-child(2n) td{background-color:#f9f9f9}.tasks-table tr:nth-child(odd) td{background-color:#fff}.tasks-table td{padding:1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle;transition:all .2s ease}.tasks-table tr:not(:last-child) td{border-bottom:1px solid #f0f0f0}.tasks-table tr:hover td{background-color:#f8faff;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.tasks-table .type-cell{text-align:center;color:#17314b;font-weight:500;background-color:#1e977e}.tasks-table th.type-cell{color:#fff}.tasks-table .payment-cell{text-align:right;color:#17314b;font-weight:600;background-color:#1e977e}.tasks-table th.payment-cell{color:#fff}.tasks-table .action-cell{text-align:center}.tasks-table .accept-button{padding:.5rem 1.25rem;background-color:#1e977e;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.tasks-table .accept-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:#1b5247}.tasks-table tr:last-child td{border-bottom:none}@media (max-width: 768px){.tasks-table{border-radius:0;box-shadow:none}.tasks-table th,.tasks-table td{padding:.5rem;font-size:.85rem}.tasks-table .accept-button{padding:.4rem .8rem;font-size:.85rem}}@media (max-width: 480px){.tasks-table{min-width:100%;border:1px solid #e0e0e0}.tasks-table th,.tasks-table td{padding:.4rem;font-size:.8rem}.tasks-table .accept-button{padding:.3rem .6rem;min-width:70px}}.user-tasks-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.available-tasks-column,.other-tasks-column{display:flex;flex-direction:column;gap:1.25rem}.accepted-completed-card{background:#fff;border-radius:.75rem;box-shadow:0 .25rem 1rem #0000000d;padding:1.5rem;margin-top:1.5rem}.accepted-completed-card h2{font-size:1.5rem;color:#333;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.75rem}.accepted-completed-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;background:#fff;border-radius:.5rem;overflow:hidden}.accepted-completed-table th{text-align:left;padding:1rem;background-color:#f0f7ff;color:#1a73e8;font-weight:600;border-bottom:2px solid #e0e0e0}.accepted-completed-table tr:nth-child(2n) td{background-color:#f9f9f9}.accepted-completed-table tr:nth-child(odd) td{background-color:#fff}.accepted-completed-table td{padding:1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.accepted-completed-table tr:hover td{background-color:#f8faff}.approved-rejected-card{background:#fff;border-radius:.75rem;box-shadow:0 .25rem .75rem #0000000d;padding:1.25rem}.approved-rejected-card h2{font-size:1.5rem;color:#333;margin-bottom:.9375rem;border-bottom:1px solid #eee;padding-bottom:.625rem}.task-list-container{display:flex;flex-direction:column;gap:.625rem}.available-tasks-section h2{font-size:1.5rem;color:#333;margin-bottom:.9375rem;border-bottom:1px solid #eee;padding-bottom:.625rem}.task-tabs{display:flex;margin-bottom:1.25rem;background-color:#e9ecef;border-radius:.5rem;overflow:hidden}.tab-button{flex:1;padding:.75rem 1.25rem;background:transparent;border:none;cursor:pointer;font-weight:700;color:#495057;transition:background-color .2s,color .2s;text-align:center}.tab-button.active{background:#007bff;color:#fff;box-shadow:inset 0 0 .625rem #0000001a}.tab-button:hover:not(.active){background-color:#dee2e6}.empty-state{text-align:center;padding:1.875rem;color:#6c757d;font-style:italic;background-color:#f8f9fa;border-radius:.5rem;margin-top:1.25rem}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:.625rem;border-radius:.3125rem;margin-bottom:.9375rem}@media (max-width: 768px){.user-tasks-grid{display:flex;flex-direction:column;gap:1rem}.available-tasks-column,.other-tasks-column{gap:1rem}.accepted-completed-card,.approved-rejected-card{padding:.75rem;margin-bottom:.75rem}.task-list-container{gap:.5rem}.task-item-card{flex-direction:column;align-items:stretch;padding:1rem}.task-card{flex-direction:column;gap:.5rem;align-items:flex-start}.task-actions{flex-direction:row;justify-content:flex-end;margin-top:.5rem}}.available-tasks-mobile{display:none;padding:8px}.task-card-mobile{background:#fff;border-radius:12px;margin-bottom:12px;border:1px solid #e8e8e8;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;overflow:hidden}.task-card-mobile:active{transform:translateY(1px);box-shadow:0 1px 4px #0000001a}.task-card-header-new{padding:12px 12px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f5f5f5}.task-type-and-slots{display:flex;align-items:center;gap:8px}.task-type-chip{background:#1e977e;color:#fff;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-type-chip.custom-task{background:linear-gradient(135deg,#00c853,#69f0ae);color:#004d40;font-weight:700;box-shadow:0 2px 4px #00c85333;border:1px solid rgba(255,255,255,.4);animation:glow 2s infinite}@keyframes glow{0%{box-shadow:0 2px 4px #00c85333}50%{box-shadow:0 2px 8px #00c85366}to{box-shadow:0 2px 4px #00c85333}}.slots-count{background:#fff7e6;color:#fa8c16;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:500;border:1px solid #ffd591}.task-deadline-compact{font-size:11px;color:#1890ff;font-weight:500}.task-title-new{padding:0 12px;font-size:15px;font-weight:600;color:#262626;line-height:1.4;margin-bottom:12px}.task-bottom-section{padding:12px;display:flex;justify-content:space-between;align-items:center;background:#fafbfc;gap:12px}.payment-highlight{display:flex;flex-direction:column;align-items:flex-start}.payment-label{font-size:11px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.payment-amount-large{font-size:24px;font-weight:800;color:#1e977e;line-height:1}.accept-button-new{background:linear-gradient(135deg,#1e977e,#17a2b8);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #1e977e4d}.accept-button-new:active{transform:translateY(1px);box-shadow:0 1px 4px #1e977e66;background:linear-gradient(135deg,#1b5247,#138496)}.no-tasks-compact{text-align:center;padding:20px;margin:8px;background:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.no-tasks-icon{font-size:24px;margin-bottom:4px}.no-tasks-text{color:#6c757d;font-size:14px}.loading-compact{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;margin:8px;background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid #e9ecef;border-top:2px solid #1E977E;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.tasks-table-container{display:none}.available-tasks-mobile{display:block}.user-tasks-container{padding:4px}.accepted-completed-card,.approved-rejected-card{padding:.75rem}.task-tabs{flex-direction:column}.tab-button{padding:.5rem}.available-tasks-section h2{font-size:1.25rem;margin-bottom:12px;padding:0 8px}}@media (max-width: 480px){.available-tasks-mobile{padding:4px}.task-card-header-new{padding:10px 10px 6px}.task-title-new{padding:0 10px;font-size:14px;margin-bottom:10px}.task-bottom-section{padding:10px}.payment-amount-large{font-size:20px}.accept-button-new{padding:10px 16px;font-size:12px}.user-tasks-container{padding:.5rem}}@media (max-width: 360px){.task-card-header-new{padding:8px 8px 6px;flex-direction:column;align-items:flex-start;gap:6px}.task-title-new{padding:0 8px;font-size:13px;margin-bottom:8px}.task-bottom-section{padding:8px;flex-direction:column;align-items:stretch;gap:8px}.payment-highlight{align-items:center}.payment-amount-large{font-size:18px}.accept-button-new{width:100%;padding:10px;font-size:12px}.task-type-chip{font-size:10px;padding:3px 8px}.slots-count{font-size:9px;padding:2px 6px}}.my-tasks-mobile{display:none}.my-tasks-title-mobile{font-size:1.5rem;color:#333;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.75rem;font-weight:600}@media (max-width: 480px){.my-tasks-title-mobile{font-size:1.25rem;margin-bottom:.75rem;padding-bottom:.5rem}}.my-task-card-mobile{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.my-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px;flex-wrap:wrap}.my-task-title{font-size:16px;font-weight:600;color:#262626;flex:1;min-width:0;word-wrap:break-word}.my-task-details{margin-bottom:16px}.my-task-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.my-task-type{font-size:14px;color:#666;background:#f0f2f5;padding:4px 8px;border-radius:6px}.my-task-payment{font-size:16px;font-weight:700;color:#1e977e}.my-task-deadline{font-size:13px;color:#8c8c8c;background:#fafafa;padding:6px 10px;border-radius:6px;border-left:3px solid #ffa940}.my-task-actions{display:flex;justify-content:flex-end}.complete-btn-mobile,.view-btn-mobile{min-height:36px;min-width:80px}.no-my-tasks-mobile{text-align:center;padding:40px 20px;color:#8c8c8c;font-style:italic;background:#fafafa;border-radius:12px;border:1px dashed #d9d9d9;margin:20px 0}@media (max-width: 768px){.tasks-table-container{display:none}.available-tasks-mobile{display:block}.my-tasks-table-card{display:none}.my-tasks-mobile{display:block}.user-tasks-container,.accepted-completed-card,.approved-rejected-card{padding:.75rem}.task-tabs{flex-direction:column}.tab-button{padding:.5rem}}@media (max-width: 480px){.task-card-mobile{padding:12px}.task-title-mobile{font-size:15px}.payment-mobile{font-size:16px}.accept-button-mobile{padding:8px 12px;min-width:70px;font-size:14px}.my-task-card-mobile{padding:12px}.my-task-title,.my-task-payment{font-size:15px}.complete-btn-mobile,.view-btn-mobile{min-height:32px;min-width:70px;font-size:14px}.user-tasks-container{padding:.5rem}}.completion-modal{max-width:90%;width:90%}.file-upload-mobile{margin:20px 0}.file-upload-label{display:block;cursor:pointer}.file-upload-text{display:block;margin-bottom:10px;font-weight:500;color:#262626}.file-input-mobile{position:absolute;opacity:0;width:0;height:0}.file-upload-button{background:#1e977e;color:#fff;padding:12px 16px;border-radius:8px;text-align:center;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px}.file-upload-button:hover{background:#1b5247}.file-selected{background:#f0f9f4;border:1px solid #b7eb8f;padding:8px 12px;border-radius:6px;color:#389e0d;font-size:14px;margin-top:8px}.modal-actions-mobile{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.modal-cancel-btn{background:#f0f0f0;color:#262626;border:1px solid #d9d9d9;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;min-width:80px}.modal-submit-btn{background:#1e977e;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;min-width:120px}.modal-submit-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 480px){.completion-modal{max-width:95%;width:95%;margin:20px}.modal-actions-mobile{flex-direction:column;gap:8px}.modal-cancel-btn,.modal-submit-btn{width:100%;min-height:44px}.file-upload-button{padding:14px 16px;min-height:44px}}.task-details-redesign{padding:0!important;border-radius:12px!important;box-shadow:0 10px 40px #00000026!important}.modal-header-redesign{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0;background:linear-gradient(135deg,#1e977e,#2daa8c);border-radius:12px 12px 0 0;color:#fff}.header-content{flex:1}.task-title-redesign{color:#fff!important;margin:0 0 12px!important;font-size:1.5rem!important;font-weight:700!important}.task-meta-redesign{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.payment-badge{background:#fff3;color:#fff;padding:4px 12px;border-radius:20px;font-weight:600;font-size:14px}.close-btn-redesign{color:#fff!important;background:#ffffff1a!important;border:none!important;border-radius:8px!important}.close-btn-redesign:hover{background:#fff3!important}.info-grid{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#666;font-size:14px}.info-value{color:#262626;font-size:14px;text-align:right}.section-header{display:flex;align-items:center;margin-bottom:12px;font-weight:600;color:#262626;font-size:15px}.whatsapp-content{display:flex;flex-direction:column;gap:20px}.media-section img{border-radius:12px;border:2px solid #e8e8e8}.text-content p{line-height:1.6;font-size:15px}.url-container{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.url-label{font-weight:600;color:#666;font-size:14px}.url-action{display:flex;align-items:center;gap:8px;background:#f9f9f9;padding:12px;border-radius:8px;border:1px solid #e8e8e8}.video-link,.profile-link{flex:1;color:#1890ff;text-decoration:none;font-size:14px;word-break:break-all}.video-link:hover,.profile-link:hover{text-decoration:underline}.duration-info,.username-info{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.duration-label,.username-label{font-weight:600;color:#666;font-size:14px}.duration-value,.username-value{color:#262626;font-size:14px}.generic-content{display:flex;flex-direction:column;gap:12px}.generic-field{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f0f0f0}.generic-field:last-child{border-bottom:none}.field-label{font-weight:600;color:#666;font-size:14px;min-width:120px}.field-value{color:#262626;font-size:14px;text-align:right;flex:1;word-break:break-word}.url-field{display:flex;align-items:center;gap:8px;background:#f9f9f9;padding:8px 12px;border-radius:6px;border:1px solid #e8e8e8}.url-field a{color:#1890ff;text-decoration:none;flex:1;word-break:break-all}.url-field a:hover{text-decoration:underline}.info-card,.screenshot-card,.content-card{border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid #e8e8e8!important}.info-card .ant-card-body,.screenshot-card .ant-card-body,.content-card .ant-card-body{padding:16px!important}@media (max-width: 768px){.modal-header-redesign{padding:16px 16px 0;flex-direction:column;gap:12px}.task-title-redesign{font-size:1.25rem!important}.task-meta-redesign{justify-content:flex-start}.info-item{flex-direction:column;align-items:flex-start;gap:4px}.info-value{text-align:left}.url-action{flex-direction:column;align-items:stretch;gap:8px}.generic-field{flex-direction:column;align-items:flex-start;gap:4px}.field-value{text-align:left}}@media (hover: none) and (pointer: coarse){.accept-button-mobile{min-height:44px;min-width:44px}.task-card-mobile{padding:16px;margin-bottom:16px}.complete-btn-mobile,.view-btn-mobile{min-height:44px;min-width:44px}.my-task-card-mobile{padding:16px;margin-bottom:16px}.file-upload-button,.modal-cancel-btn,.modal-submit-btn{min-height:44px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.modal-backdrop .task-modal-fullscreen{position:relative;display:flex;flex-direction:column;width:95%;max-width:720px;max-height:90vh;border-radius:12px;overflow:hidden;box-shadow:0 12px 48px #0006}.modal-backdrop .task-modal-fullscreen .app-content{flex:1 1 auto;overflow-y:auto}@media (max-width: 600px){.modal-backdrop .task-modal-fullscreen{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important;inset:0!important}.modal-backdrop .task-modal-fullscreen .app-content{overflow-y:auto;-webkit-overflow-scrolling:touch}}.task-modal-fullscreen{position:fixed;inset:0;background:#f5f5f5;display:flex;flex-direction:column;z-index:1001}.app-header{background:#1e977e;display:flex;align-items:center;padding:0 16px;height:56px;box-shadow:0 2px 8px #0000001a;position:relative;z-index:10}.back-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;margin:-8px 0 -8px -8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.back-btn:active{background:#ffffff1a}.header-title{flex:1;text-align:center;font-size:18px;font-weight:600;color:#fff;margin:0 16px}.header-actions{display:flex;align-items:center}.payment-chip{background:#fff3;color:#fff;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-bar{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0f0f0}.status-info{display:flex;align-items:center;gap:8px}.status-indicator{font-size:16px;line-height:1}.status-indicator.assigned{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:14px;font-weight:600;color:#666}.task-type-tag{background:#e8f4f8;color:#1e977e;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.task-title-card{background:#fff;margin:0 16px 16px;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000a}.task-title-main{font-size:18px;font-weight:700;color:#262626;line-height:1.4;margin-bottom:4px}.task-date{font-size:13px;color:#888}.app-content{flex:1;overflow-y:auto;padding-bottom:20px}.instructions-section{margin:0 16px}.task-instructions{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a;margin-bottom:16px}.steps-header{background:linear-gradient(135deg,#1e977e,#2daa8c);color:#fff;padding:16px;font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}.steps-list{padding:16px}.step{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.step:last-child{margin-bottom:0}.step-number{background:linear-gradient(135deg,#1e977e,#2daa8c);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #1e977e4d}.step-content{flex:1;min-width:0}.step-text{font-size:15px;color:#262626;margin-bottom:12px;font-weight:500;line-height:1.4}.media-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:12px;border:1px solid #e8e8e8}.media-preview img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.text-to-copy{background:#f8f9fa;border-radius:12px;border:1px solid #e8e8e8;padding:12px;margin-top:8px}.copy-text{font-size:14px;color:#444;line-height:1.4;margin-bottom:8px;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #dee2e6}.video-link,.profile-link{background:#f8f9fa;border-radius:12px;border:1px solid #e8e8e8;padding:12px;margin-top:8px}.video-link a,.profile-link a{color:#1e977e;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #dee2e6;font-size:14px;margin-bottom:8px;width:100%;box-sizing:border-box}.video-link a:before{content:"🎥"}.profile-link a:before{content:"📸"}.duration-info,.username-info{font-size:12px;color:#666;margin-top:4px}.generic-fields{padding:8px}.field-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.field-row:last-child{margin-bottom:0}.field-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:14px;color:#262626}.url-field{display:flex;align-items:center;gap:8px}.screenshot-section{background:#fff;border-radius:12px;padding:16px;margin:0 16px 16px;box-shadow:0 2px 8px #0000000a}.section-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:12px;display:flex;align-items:center;gap:8px}.submitted-screenshot{width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:12px;border:1px solid #e8e8e8;background:#f8f9fa;box-shadow:0 2px 8px #00000014}.description-section{background:#fff;border-radius:12px;padding:16px;margin:0 16px 16px;box-shadow:0 2px 8px #0000000a;border-left:4px solid #1E977E}.description-text{font-size:14px;color:#444;line-height:1.5}.ant-btn{border-radius:8px!important;font-weight:500!important;height:auto!important;padding:8px 16px!important;border:none!important;box-shadow:0 2px 8px #00000014!important;transition:all .2s ease!important}.ant-btn-primary{background:linear-gradient(135deg,#1e977e,#2daa8c)!important}.ant-btn-default{background:#fff!important;color:#1e977e!important;border:1px solid #e8e8e8!important}.ant-btn:active{transform:translateY(1px)!important}@media (min-width: 769px){.task-modal-fullscreen{position:relative;max-width:480px;margin:0 auto;height:90vh;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.app-header{border-radius:12px 12px 0 0}}@media (max-width: 768px) and (min-width: 481px){.task-modal-fullscreen{margin:20px;height:calc(100vh - 40px);border-radius:12px;overflow:hidden}.app-header{border-radius:12px 12px 0 0}}@media (max-width: 360px){.step{gap:12px}.step-number{width:28px;height:28px;font-size:12px}.media-preview img{width:70px;height:70px}.task-title-card{margin:0 12px 12px;padding:12px}.instructions-section{margin:0 12px}.screenshot-section,.description-section{margin:0 12px 12px}}.modal-content{background:#fff;padding:1.25rem;border-radius:.5rem;max-width:31.25rem;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6;padding-bottom:.625rem;margin-bottom:.9375rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.close-button:hover{color:#212529}.task-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:.9375rem}.task-meta-item{display:flex}.meta-label{font-weight:700;margin-right:.3125rem}.meta-value{color:#495057}.task-description,.task-instructions,.task-requirements{margin-bottom:.9375rem}.task-description h4,.task-instructions h4,.task-requirements h4{margin-bottom:.3125rem;color:#212529}.task-card{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;padding:.8rem;background-color:var(--card-background-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden;word-wrap:break-word}.task-card .icon{width:12px;height:12px}.task-card h3{font-size:1rem;margin-bottom:.3rem}.task-card p{font-size:.8rem;margin:.3rem 0}.task-card .task-actions{display:flex;flex-direction:row;justify-content:flex-end;margin-top:.3rem}.redesigned-search-controls{display:flex;align-items:center;gap:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 .125rem .5rem #0000000a;padding:1.125rem 1.75rem;margin-bottom:1.5rem}.search-bar-wrapper{display:flex;align-items:center;background:#f3f4f6;border-radius:.5rem;padding:0 .75rem;flex:1;min-width:13.75rem}.search-icon{font-size:1.2rem;color:#2563eb;margin-right:.5rem}.search-input{border:none;background:transparent;font-size:1rem;padding:.625rem 0;outline:none;width:100%}.redesigned-tasks-controls{display:flex;align-items:center;gap:1rem}.page-btn{background:#2563eb;color:#fff;border:none;border-radius:.375rem;padding:.375rem .875rem;font-size:1rem;cursor:pointer;transition:background .2s}.page-btn:disabled{background:#cbd5e1;color:#6b7280;cursor:not-allowed}.page-indicator{font-weight:600;color:#232b4d;font-size:1rem}.filter-select{border:1px solid #e5e7eb;border-radius:.375rem;padding:.375rem .75rem;font-size:1rem;background:#f3f4f6;color:#232b4d}.filter-select:focus{outline:2px solid #2563eb}@media (max-width: 768px){.redesigned-search-controls{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.search-bar-wrapper{min-width:auto}.redesigned-tasks-controls{justify-content:space-between;width:100%}}@media (max-width: 480px){.redesigned-search-controls{padding:.75rem;gap:.75rem}.redesigned-tasks-controls{flex-direction:column;gap:.5rem;align-items:stretch}.page-btn{padding:.5rem;width:100%}.filter-select{width:100%}}