@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-emerald:#047857;--primary-emerald-light:#059669;--primary-emerald-dark:#065f46;--primary-emerald-darker:#064e3b;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#047857;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:var(--white);--bg-secondary:var(--slate-50);--bg-tertiary:var(--slate-100);--text-primary:var(--slate-900);--text-secondary:var(--slate-600);--text-tertiary:var(--slate-400);--border-color:var(--slate-200);--shadow-color:#0000001a;--glass-bg:#ffffff40;--glass-border:#ffffff2e;--glass-shadow:0 8px 32px 0 #1f29375e;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-family-secondary:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-floating:1090}[data-theme=dark]{--bg-primary:var(--slate-900);--bg-secondary:var(--slate-800);--bg-tertiary:var(--slate-700);--text-primary:var(--slate-100);--text-secondary:var(--slate-300);--text-tertiary:var(--slate-500);--border-color:var(--slate-700);--shadow-color:#0000004d;--glass-bg:#0f172a40;--glass-border:#0f172a2e;--glass-shadow:0 8px 32px 0 #0000005e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);line-height:1.6;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-semibold);margin-bottom:1rem;margin-bottom:var(--space-4)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);line-height:1.2}h1{font-size:2.25rem;font-size:var(--text-4xl);font-weight:700;font-weight:var(--font-bold)}@media(min-width:768px){h1{font-size:3rem;font-size:var(--text-5xl)}}h2{color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:600;font-weight:var(--font-semibold);line-height:1.3}@media(min-width:768px){h2{font-size:2.25rem;font-size:var(--text-4xl)}}h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);line-height:1.4}h3,p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary)}p{color:#475569;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#047857;color:var(--primary-emerald);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#065f46;color:var(--primary-emerald-dark)}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4);width:100%}@media(min-width:640px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.glass-panel{background:#ffffff40;border:1px solid #ffffff2e;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;padding:1.5rem;padding:var(--space-6)}.glass-panel,[data-theme=dark] .glass-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=dark] .glass-panel{background:#0f172a40;border:1px solid #0f172a2e;box-shadow:0 8px 32px 0 #0000005e}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.glass-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.glass-card{padding:1.5rem;padding:var(--space-6)}.btn{border:none;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);line-height:1.5;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .25s ease-in-out}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.btn--primary{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.5;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.btn--primary:disabled{cursor:not-allowed;opacity:.5}.btn--primary:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.btn--primary{background:linear-gradient(135deg,#047857,#059669);background:linear-gradient(135deg,var(--primary-emerald),var(--primary-emerald-light));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn--primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.5;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.btn--secondary:disabled{cursor:not-allowed;opacity:.5}.btn--secondary:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.btn--secondary{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:#f1f5f9;background:var(--bg-tertiary);border-color:#047857;border-color:var(--primary-emerald)}.btn--ghost{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.5;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.btn--ghost:disabled{cursor:not-allowed;opacity:.5}.btn--ghost:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.btn--ghost{background:#0000;color:#0f172a;color:var(--text-primary)}.btn--ghost:hover:not(:disabled){background:#f8fafc;background:var(--bg-secondary)}.btn--large{font-size:1.125rem;padding:1rem 2rem}.btn--small{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.input{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--text-base);line-height:1.5;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:100%}.input:focus{border-color:#047857;border-color:var(--primary-emerald);box-shadow:0 0 0 3px #10b9811a;outline:none}.input::placeholder{color:#94a3b8;color:var(--text-tertiary)}.input:disabled{cursor:not-allowed;opacity:.5}.input-group input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;line-height:1.5;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .25s ease-in-out}.input-group input:focus{border-color:#047857}.input-group input::placeholder{color:#94a3b8;color:var(--text-tertiary)}.input-group input:disabled{cursor:not-allowed;opacity:.5}.input-group input{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:1.5rem;padding-top:var(--space-6)}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{color:#047857}.input-group label{color:#94a3b8;font-size:1rem;left:1rem;padding:0 .25rem}.card,.input-group label{background:#fff;transition:all .25s ease-in-out}.card{background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card{padding:1.5rem;padding:var(--space-6)}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.bounce-in{animation:bounceIn .6s ease-out}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.grid-auto-fit{grid-gap:1.5rem;grid-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fill,.grid-auto-fit{display:grid;gap:1.5rem;gap:var(--space-6)}.grid-auto-fill{grid-gap:1.5rem;grid-gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.p-0{padding:var(--space-0)}.pt-0{padding-top:var(--space-0)}.pr-0{padding-right:var(--space-0)}.pb-0{padding-bottom:var(--space-0)}.pl-0,.px-0{padding-left:var(--space-0)}.px-0{padding-right:var(--space-0)}.py-0{padding-bottom:var(--space-0);padding-top:var(--space-0)}.m-0{margin:var(--space-0)}.mt-0{margin-top:var(--space-0)}.mr-0{margin-right:var(--space-0)}.mb-0{margin-bottom:var(--space-0)}.ml-0,.mx-0{margin-left:var(--space-0)}.mx-0{margin-right:var(--space-0)}.my-0{margin-bottom:var(--space-0);margin-top:var(--space-0)}.p-1{padding:.25rem;padding:var(--space-1)}.pt-1{padding-top:.25rem;padding-top:var(--space-1)}.pr-1{padding-right:.25rem;padding-right:var(--space-1)}.pb-1{padding-bottom:.25rem;padding-bottom:var(--space-1)}.pl-1,.px-1{padding-left:.25rem;padding-left:var(--space-1)}.px-1{padding-right:.25rem;padding-right:var(--space-1)}.py-1{padding-bottom:.25rem;padding-bottom:var(--space-1);padding-top:.25rem;padding-top:var(--space-1)}.m-1{margin:.25rem;margin:var(--space-1)}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mr-1{margin-right:.25rem;margin-right:var(--space-1)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.ml-1,.mx-1{margin-left:.25rem;margin-left:var(--space-1)}.mx-1{margin-right:.25rem;margin-right:var(--space-1)}.my-1{margin-bottom:.25rem;margin-bottom:var(--space-1);margin-top:.25rem;margin-top:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.pt-2{padding-top:.5rem;padding-top:var(--space-2)}.pr-2{padding-right:.5rem;padding-right:var(--space-2)}.pb-2{padding-bottom:.5rem;padding-bottom:var(--space-2)}.pl-2,.px-2{padding-left:.5rem;padding-left:var(--space-2)}.px-2{padding-right:.5rem;padding-right:var(--space-2)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.m-2{margin:.5rem;margin:var(--space-2)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mr-2{margin-right:.5rem;margin-right:var(--space-2)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.ml-2,.mx-2{margin-left:.5rem;margin-left:var(--space-2)}.mx-2{margin-right:.5rem;margin-right:var(--space-2)}.my-2{margin-bottom:.5rem;margin-bottom:var(--space-2);margin-top:.5rem;margin-top:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.pt-3{padding-top:.75rem;padding-top:var(--space-3)}.pr-3{padding-right:.75rem;padding-right:var(--space-3)}.pb-3{padding-bottom:.75rem;padding-bottom:var(--space-3)}.pl-3,.px-3{padding-left:.75rem;padding-left:var(--space-3)}.px-3{padding-right:.75rem;padding-right:var(--space-3)}.py-3{padding-bottom:.75rem;padding-bottom:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.m-3{margin:.75rem;margin:var(--space-3)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mr-3{margin-right:.75rem;margin-right:var(--space-3)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.ml-3,.mx-3{margin-left:.75rem;margin-left:var(--space-3)}.mx-3{margin-right:.75rem;margin-right:var(--space-3)}.my-3{margin-bottom:.75rem;margin-bottom:var(--space-3);margin-top:.75rem;margin-top:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.pt-4{padding-top:1rem;padding-top:var(--space-4)}.pr-4{padding-right:1rem;padding-right:var(--space-4)}.pb-4{padding-bottom:1rem;padding-bottom:var(--space-4)}.pl-4,.px-4{padding-left:1rem;padding-left:var(--space-4)}.px-4{padding-right:1rem;padding-right:var(--space-4)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.m-4{margin:1rem;margin:var(--space-4)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mr-4{margin-right:1rem;margin-right:var(--space-4)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.ml-4,.mx-4{margin-left:1rem;margin-left:var(--space-4)}.mx-4{margin-right:1rem;margin-right:var(--space-4)}.my-4{margin-bottom:1rem;margin-bottom:var(--space-4);margin-top:1rem;margin-top:var(--space-4)}.p-5{padding:1.25rem;padding:var(--space-5)}.pt-5{padding-top:1.25rem;padding-top:var(--space-5)}.pr-5{padding-right:1.25rem;padding-right:var(--space-5)}.pb-5{padding-bottom:1.25rem;padding-bottom:var(--space-5)}.pl-5,.px-5{padding-left:1.25rem;padding-left:var(--space-5)}.px-5{padding-right:1.25rem;padding-right:var(--space-5)}.py-5{padding-bottom:1.25rem;padding-bottom:var(--space-5);padding-top:1.25rem;padding-top:var(--space-5)}.m-5{margin:1.25rem;margin:var(--space-5)}.mt-5{margin-top:1.25rem;margin-top:var(--space-5)}.mr-5{margin-right:1.25rem;margin-right:var(--space-5)}.mb-5{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.ml-5,.mx-5{margin-left:1.25rem;margin-left:var(--space-5)}.mx-5{margin-right:1.25rem;margin-right:var(--space-5)}.my-5{margin-bottom:1.25rem;margin-bottom:var(--space-5);margin-top:1.25rem;margin-top:var(--space-5)}.p-6{padding:1.5rem;padding:var(--space-6)}.pt-6{padding-top:1.5rem;padding-top:var(--space-6)}.pr-6{padding-right:1.5rem;padding-right:var(--space-6)}.pb-6{padding-bottom:1.5rem;padding-bottom:var(--space-6)}.pl-6,.px-6{padding-left:1.5rem;padding-left:var(--space-6)}.px-6{padding-right:1.5rem;padding-right:var(--space-6)}.py-6{padding-bottom:1.5rem;padding-bottom:var(--space-6);padding-top:1.5rem;padding-top:var(--space-6)}.m-6{margin:1.5rem;margin:var(--space-6)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mr-6{margin-right:1.5rem;margin-right:var(--space-6)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.ml-6,.mx-6{margin-left:1.5rem;margin-left:var(--space-6)}.mx-6{margin-right:1.5rem;margin-right:var(--space-6)}.my-6{margin-bottom:1.5rem;margin-bottom:var(--space-6);margin-top:1.5rem;margin-top:var(--space-6)}.p-7{padding:var(--space-7)}.pt-7{padding-top:var(--space-7)}.pr-7{padding-right:var(--space-7)}.pb-7{padding-bottom:var(--space-7)}.pl-7,.px-7{padding-left:var(--space-7)}.px-7{padding-right:var(--space-7)}.py-7{padding-bottom:var(--space-7);padding-top:var(--space-7)}.m-7{margin:var(--space-7)}.mt-7{margin-top:var(--space-7)}.mr-7{margin-right:var(--space-7)}.mb-7{margin-bottom:var(--space-7)}.ml-7,.mx-7{margin-left:var(--space-7)}.mx-7{margin-right:var(--space-7)}.my-7{margin-bottom:var(--space-7);margin-top:var(--space-7)}.p-8{padding:2rem;padding:var(--space-8)}.pt-8{padding-top:2rem;padding-top:var(--space-8)}.pr-8{padding-right:2rem;padding-right:var(--space-8)}.pb-8{padding-bottom:2rem;padding-bottom:var(--space-8)}.pl-8,.px-8{padding-left:2rem;padding-left:var(--space-8)}.px-8{padding-right:2rem;padding-right:var(--space-8)}.py-8{padding-bottom:2rem;padding-bottom:var(--space-8);padding-top:2rem;padding-top:var(--space-8)}.m-8{margin:2rem;margin:var(--space-8)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mr-8{margin-right:2rem;margin-right:var(--space-8)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.ml-8,.mx-8{margin-left:2rem;margin-left:var(--space-8)}.mx-8{margin-right:2rem;margin-right:var(--space-8)}.my-8{margin-bottom:2rem;margin-bottom:var(--space-8);margin-top:2rem;margin-top:var(--space-8)}.p-9{padding:var(--space-9)}.pt-9{padding-top:var(--space-9)}.pr-9{padding-right:var(--space-9)}.pb-9{padding-bottom:var(--space-9)}.pl-9,.px-9{padding-left:var(--space-9)}.px-9{padding-right:var(--space-9)}.py-9{padding-bottom:var(--space-9);padding-top:var(--space-9)}.m-9{margin:var(--space-9)}.mt-9{margin-top:var(--space-9)}.mr-9{margin-right:var(--space-9)}.mb-9{margin-bottom:var(--space-9)}.ml-9,.mx-9{margin-left:var(--space-9)}.mx-9{margin-right:var(--space-9)}.my-9{margin-bottom:var(--space-9);margin-top:var(--space-9)}.p-10{padding:2.5rem;padding:var(--space-10)}.pt-10{padding-top:2.5rem;padding-top:var(--space-10)}.pr-10{padding-right:2.5rem;padding-right:var(--space-10)}.pb-10{padding-bottom:2.5rem;padding-bottom:var(--space-10)}.pl-10,.px-10{padding-left:2.5rem;padding-left:var(--space-10)}.px-10{padding-right:2.5rem;padding-right:var(--space-10)}.py-10{padding-bottom:2.5rem;padding-bottom:var(--space-10);padding-top:2.5rem;padding-top:var(--space-10)}.m-10{margin:2.5rem;margin:var(--space-10)}.mt-10{margin-top:2.5rem;margin-top:var(--space-10)}.mr-10{margin-right:2.5rem;margin-right:var(--space-10)}.mb-10{margin-bottom:2.5rem;margin-bottom:var(--space-10)}.ml-10,.mx-10{margin-left:2.5rem;margin-left:var(--space-10)}.mx-10{margin-right:2.5rem;margin-right:var(--space-10)}.my-10{margin-bottom:2.5rem;margin-bottom:var(--space-10);margin-top:2.5rem;margin-top:var(--space-10)}.p-11{padding:var(--space-11)}.pt-11{padding-top:var(--space-11)}.pr-11{padding-right:var(--space-11)}.pb-11{padding-bottom:var(--space-11)}.pl-11,.px-11{padding-left:var(--space-11)}.px-11{padding-right:var(--space-11)}.py-11{padding-bottom:var(--space-11);padding-top:var(--space-11)}.m-11{margin:var(--space-11)}.mt-11{margin-top:var(--space-11)}.mr-11{margin-right:var(--space-11)}.mb-11{margin-bottom:var(--space-11)}.ml-11,.mx-11{margin-left:var(--space-11)}.mx-11{margin-right:var(--space-11)}.my-11{margin-bottom:var(--space-11);margin-top:var(--space-11)}.p-12{padding:3rem;padding:var(--space-12)}.pt-12{padding-top:3rem;padding-top:var(--space-12)}.pr-12{padding-right:3rem;padding-right:var(--space-12)}.pb-12{padding-bottom:3rem;padding-bottom:var(--space-12)}.pl-12,.px-12{padding-left:3rem;padding-left:var(--space-12)}.px-12{padding-right:3rem;padding-right:var(--space-12)}.py-12{padding-bottom:3rem;padding-bottom:var(--space-12);padding-top:3rem;padding-top:var(--space-12)}.m-12{margin:3rem;margin:var(--space-12)}.mt-12{margin-top:3rem;margin-top:var(--space-12)}.mr-12{margin-right:3rem;margin-right:var(--space-12)}.mb-12{margin-bottom:3rem;margin-bottom:var(--space-12)}.ml-12,.mx-12{margin-left:3rem;margin-left:var(--space-12)}.mx-12{margin-right:3rem;margin-right:var(--space-12)}.my-12{margin-bottom:3rem;margin-bottom:var(--space-12);margin-top:3rem;margin-top:var(--space-12)}.p-13{padding:var(--space-13)}.pt-13{padding-top:var(--space-13)}.pr-13{padding-right:var(--space-13)}.pb-13{padding-bottom:var(--space-13)}.pl-13,.px-13{padding-left:var(--space-13)}.px-13{padding-right:var(--space-13)}.py-13{padding-bottom:var(--space-13);padding-top:var(--space-13)}.m-13{margin:var(--space-13)}.mt-13{margin-top:var(--space-13)}.mr-13{margin-right:var(--space-13)}.mb-13{margin-bottom:var(--space-13)}.ml-13,.mx-13{margin-left:var(--space-13)}.mx-13{margin-right:var(--space-13)}.my-13{margin-bottom:var(--space-13);margin-top:var(--space-13)}.p-14{padding:var(--space-14)}.pt-14{padding-top:var(--space-14)}.pr-14{padding-right:var(--space-14)}.pb-14{padding-bottom:var(--space-14)}.pl-14,.px-14{padding-left:var(--space-14)}.px-14{padding-right:var(--space-14)}.py-14{padding-bottom:var(--space-14);padding-top:var(--space-14)}.m-14{margin:var(--space-14)}.mt-14{margin-top:var(--space-14)}.mr-14{margin-right:var(--space-14)}.mb-14{margin-bottom:var(--space-14)}.ml-14,.mx-14{margin-left:var(--space-14)}.mx-14{margin-right:var(--space-14)}.my-14{margin-bottom:var(--space-14);margin-top:var(--space-14)}.p-15{padding:var(--space-15)}.pt-15{padding-top:var(--space-15)}.pr-15{padding-right:var(--space-15)}.pb-15{padding-bottom:var(--space-15)}.pl-15,.px-15{padding-left:var(--space-15)}.px-15{padding-right:var(--space-15)}.py-15{padding-bottom:var(--space-15);padding-top:var(--space-15)}.m-15{margin:var(--space-15)}.mt-15{margin-top:var(--space-15)}.mr-15{margin-right:var(--space-15)}.mb-15{margin-bottom:var(--space-15)}.ml-15,.mx-15{margin-left:var(--space-15)}.mx-15{margin-right:var(--space-15)}.my-15{margin-bottom:var(--space-15);margin-top:var(--space-15)}.p-16{padding:4rem;padding:var(--space-16)}.pt-16{padding-top:4rem;padding-top:var(--space-16)}.pr-16{padding-right:4rem;padding-right:var(--space-16)}.pb-16{padding-bottom:4rem;padding-bottom:var(--space-16)}.pl-16,.px-16{padding-left:4rem;padding-left:var(--space-16)}.px-16{padding-right:4rem;padding-right:var(--space-16)}.py-16{padding-bottom:4rem;padding-bottom:var(--space-16);padding-top:4rem;padding-top:var(--space-16)}.m-16{margin:4rem;margin:var(--space-16)}.mt-16{margin-top:4rem;margin-top:var(--space-16)}.mr-16{margin-right:4rem;margin-right:var(--space-16)}.mb-16{margin-bottom:4rem;margin-bottom:var(--space-16)}.ml-16,.mx-16{margin-left:4rem;margin-left:var(--space-16)}.mx-16{margin-right:4rem;margin-right:var(--space-16)}.my-16{margin-bottom:4rem;margin-bottom:var(--space-16);margin-top:4rem;margin-top:var(--space-16)}.p-17{padding:var(--space-17)}.pt-17{padding-top:var(--space-17)}.pr-17{padding-right:var(--space-17)}.pb-17{padding-bottom:var(--space-17)}.pl-17,.px-17{padding-left:var(--space-17)}.px-17{padding-right:var(--space-17)}.py-17{padding-bottom:var(--space-17);padding-top:var(--space-17)}.m-17{margin:var(--space-17)}.mt-17{margin-top:var(--space-17)}.mr-17{margin-right:var(--space-17)}.mb-17{margin-bottom:var(--space-17)}.ml-17,.mx-17{margin-left:var(--space-17)}.mx-17{margin-right:var(--space-17)}.my-17{margin-bottom:var(--space-17);margin-top:var(--space-17)}.p-18{padding:var(--space-18)}.pt-18{padding-top:var(--space-18)}.pr-18{padding-right:var(--space-18)}.pb-18{padding-bottom:var(--space-18)}.pl-18,.px-18{padding-left:var(--space-18)}.px-18{padding-right:var(--space-18)}.py-18{padding-bottom:var(--space-18);padding-top:var(--space-18)}.m-18{margin:var(--space-18)}.mt-18{margin-top:var(--space-18)}.mr-18{margin-right:var(--space-18)}.mb-18{margin-bottom:var(--space-18)}.ml-18,.mx-18{margin-left:var(--space-18)}.mx-18{margin-right:var(--space-18)}.my-18{margin-bottom:var(--space-18);margin-top:var(--space-18)}.p-19{padding:var(--space-19)}.pt-19{padding-top:var(--space-19)}.pr-19{padding-right:var(--space-19)}.pb-19{padding-bottom:var(--space-19)}.pl-19,.px-19{padding-left:var(--space-19)}.px-19{padding-right:var(--space-19)}.py-19{padding-bottom:var(--space-19);padding-top:var(--space-19)}.m-19{margin:var(--space-19)}.mt-19{margin-top:var(--space-19)}.mr-19{margin-right:var(--space-19)}.mb-19{margin-bottom:var(--space-19)}.ml-19,.mx-19{margin-left:var(--space-19)}.mx-19{margin-right:var(--space-19)}.my-19{margin-bottom:var(--space-19);margin-top:var(--space-19)}.p-20{padding:5rem;padding:var(--space-20)}.pt-20{padding-top:5rem;padding-top:var(--space-20)}.pr-20{padding-right:5rem;padding-right:var(--space-20)}.pb-20{padding-bottom:5rem;padding-bottom:var(--space-20)}.pl-20,.px-20{padding-left:5rem;padding-left:var(--space-20)}.px-20{padding-right:5rem;padding-right:var(--space-20)}.py-20{padding-bottom:5rem;padding-bottom:var(--space-20);padding-top:5rem;padding-top:var(--space-20)}.m-20{margin:5rem;margin:var(--space-20)}.mt-20{margin-top:5rem;margin-top:var(--space-20)}.mr-20{margin-right:5rem;margin-right:var(--space-20)}.mb-20{margin-bottom:5rem;margin-bottom:var(--space-20)}.ml-20,.mx-20{margin-left:5rem;margin-left:var(--space-20)}.mx-20{margin-right:5rem;margin-right:var(--space-20)}.my-20{margin-bottom:5rem;margin-bottom:var(--space-20);margin-top:5rem;margin-top:var(--space-20)}.p-21{padding:var(--space-21)}.pt-21{padding-top:var(--space-21)}.pr-21{padding-right:var(--space-21)}.pb-21{padding-bottom:var(--space-21)}.pl-21,.px-21{padding-left:var(--space-21)}.px-21{padding-right:var(--space-21)}.py-21{padding-bottom:var(--space-21);padding-top:var(--space-21)}.m-21{margin:var(--space-21)}.mt-21{margin-top:var(--space-21)}.mr-21{margin-right:var(--space-21)}.mb-21{margin-bottom:var(--space-21)}.ml-21,.mx-21{margin-left:var(--space-21)}.mx-21{margin-right:var(--space-21)}.my-21{margin-bottom:var(--space-21);margin-top:var(--space-21)}.p-22{padding:var(--space-22)}.pt-22{padding-top:var(--space-22)}.pr-22{padding-right:var(--space-22)}.pb-22{padding-bottom:var(--space-22)}.pl-22,.px-22{padding-left:var(--space-22)}.px-22{padding-right:var(--space-22)}.py-22{padding-bottom:var(--space-22);padding-top:var(--space-22)}.m-22{margin:var(--space-22)}.mt-22{margin-top:var(--space-22)}.mr-22{margin-right:var(--space-22)}.mb-22{margin-bottom:var(--space-22)}.ml-22,.mx-22{margin-left:var(--space-22)}.mx-22{margin-right:var(--space-22)}.my-22{margin-bottom:var(--space-22);margin-top:var(--space-22)}.p-23{padding:var(--space-23)}.pt-23{padding-top:var(--space-23)}.pr-23{padding-right:var(--space-23)}.pb-23{padding-bottom:var(--space-23)}.pl-23,.px-23{padding-left:var(--space-23)}.px-23{padding-right:var(--space-23)}.py-23{padding-bottom:var(--space-23);padding-top:var(--space-23)}.m-23{margin:var(--space-23)}.mt-23{margin-top:var(--space-23)}.mr-23{margin-right:var(--space-23)}.mb-23{margin-bottom:var(--space-23)}.ml-23,.mx-23{margin-left:var(--space-23)}.mx-23{margin-right:var(--space-23)}.my-23{margin-bottom:var(--space-23);margin-top:var(--space-23)}.p-24{padding:6rem;padding:var(--space-24)}.pt-24{padding-top:6rem;padding-top:var(--space-24)}.pr-24{padding-right:6rem;padding-right:var(--space-24)}.pb-24{padding-bottom:6rem;padding-bottom:var(--space-24)}.pl-24,.px-24{padding-left:6rem;padding-left:var(--space-24)}.px-24{padding-right:6rem;padding-right:var(--space-24)}.py-24{padding-bottom:6rem;padding-bottom:var(--space-24);padding-top:6rem;padding-top:var(--space-24)}.m-24{margin:6rem;margin:var(--space-24)}.mt-24{margin-top:6rem;margin-top:var(--space-24)}.mr-24{margin-right:6rem;margin-right:var(--space-24)}.mb-24{margin-bottom:6rem;margin-bottom:var(--space-24)}.ml-24,.mx-24{margin-left:6rem;margin-left:var(--space-24)}.mx-24{margin-right:6rem;margin-right:var(--space-24)}.my-24{margin-bottom:6rem;margin-bottom:var(--space-24);margin-top:6rem;margin-top:var(--space-24)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-5xl{font-size:3rem;font-size:var(--text-5xl)}.font-light{font-weight:300;font-weight:var(--font-light)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.font-extrabold{font-weight:800;font-weight:var(--font-extrabold)}.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.text-emerald{color:#047857;color:var(--primary-emerald)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.bg-emerald{background-color:#047857;background-color:var(--primary-emerald)}.border{border:1px solid #e2e8f0;border:1px solid var(--border-color)}.border-emerald{border:1px solid #047857;border:1px solid var(--primary-emerald)}.rounded{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.hidden{display:none}@media(min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}}@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--slate-400)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--slate-500)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b;background:var(--slate-800)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569;background:var(--slate-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--slate-500)}:focus{outline:2px solid #047857;outline:2px solid var(--primary-emerald);outline-offset:2px}::selection{background:#047857;background:var(--primary-emerald);color:#fff;color:var(--white)}::-moz-selection{background:#047857;background:var(--primary-emerald);color:#fff;color:var(--white)}.loading-container{align-items:center;background:#fff;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.loading-spinner p{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium)}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #047857;border:3px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-emerald);height:40px;width:40px}.app{background:#fff;background:var(--bg-primary);min-height:100vh}.app-content{display:flex;margin-top:70px;min-height:calc(100vh - 70px)}@media(max-width:639px){.app-content{margin-top:60px;min-height:calc(100vh - 60px)}}.main-content{flex:1 1;margin-left:280px;padding:1.5rem;padding:var(--space-6);padding-top:2rem;padding-top:var(--space-8);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:calc(100% - 280px)}.sidebar-collapsed .main-content{margin-left:80px;width:calc(100% - 80px)}@media(max-width:1023px){.main-content{padding:1rem;padding:var(--space-4);padding-top:1.5rem;padding-top:var(--space-6)}.main-content,.sidebar-collapsed .main-content{margin-left:0;width:100%}}@media(max-width:639px){.main-content{padding:.75rem;padding:var(--space-3);padding-top:1rem;padding-top:var(--space-4)}}.page-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.page-header h1{color:#0f172a;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:.5rem;margin-bottom:var(--space-2)}@media(min-width:1024px){.page-header h1{font-size:2.25rem;font-size:var(--text-4xl)}}.page-header p{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-lg);margin:0}.coming-soon{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.coming-soon h2{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:1rem;margin-bottom:var(--space-4)}.coming-soon p{color:#475569;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.6;max-width:400px}.navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172af2;border-bottom:1px solid #4755694d;box-shadow:0 4px 20px #0000001a;height:70px;left:0;position:fixed;right:-30px;top:0;z-index:var(--z-fixed)}[data-theme=light] .navbar{background:#fffffff2;border-bottom:1px solid #e2e8f0cc;box-shadow:0 4px 20px #0000000d}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;line-height:1.85rem;margin:2px auto;max-width:1200px;width:100%}@media(min-width:640px){.navbar-container{padding:0 var(--space-8)}}.navbar-logo{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);gap:var(--space-2);outline:none;text-decoration:none;transition:all var(--transition-normal)}.navbar-logo:focus{box-shadow:56px -21px 7px 5px gold}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-emerald),var(--primary-emerald-light));border-radius:var(--radius-lg);color:var(--white);display:flex;font-size:var(--text-xl);height:32px;justify-content:center;width:32px}.logo-text{color:var(--text-primary);font-family:var(--font-family-primary);font-weight:var(--font-bold);letter-spacing:-.025em}.navbar-nav{align-items:center;display:none;flex:1 1;gap:.5rem;justify-content:center;margin:0 var(--space-6)}@media(min-width:1024px){.navbar-nav{display:flex}}.nav-link{border-radius:var(--radius-md);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--space-2) var(--space-3);white-space:nowrap}.nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-link.active{background:#0478571a}.nav-link.active:before{border-radius:var(--radius-full);height:20px;top:50%;transform:translateY(-50%)}.navbar-user{display:flex;flex-shrink:0;gap:var(--space-3);min-width:-webkit-fit-content;min-width:fit-content;position:absolute;right:3rem;top:-.1rem}.navbar-user,.user-info{align-items:center;height:100%}.user-info{border-radius:var(--radius-lg);gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:all var(--transition-normal)}.user-info:hover{background:var(--bg-secondary)}.user-avatar{border:2px solid var(--bg-primary);font-size:var(--text-xs);height:32px;width:32px}.user-details{align-items:center;display:none;flex-direction:column;gap:0;height:100%;justify-content:center}@media(min-width:640px){.user-details{display:flex}}.user-name{font-size:var(--text-xs);font-weight:var(--font-medium)}.user-name,.user-role{line-height:1;margin:0;padding:0}.auth-links{align-items:center;display:flex;gap:var(--space-3)}@media(max-width:1023px){.navbar-container{padding:0 var(--space-4)}.navbar-logo{font-size:var(--text-base)}.logo-text,.user-details{display:none}.navbar-nav{-ms-overflow-style:none;gap:var(--space-1);margin:0 var(--space-3);overflow-x:auto;scrollbar-width:none}.navbar-nav::-webkit-scrollbar{display:none}.nav-link{flex-shrink:0;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);white-space:nowrap}}@media(max-width:767px){.navbar-container{padding:0 var(--space-3)}.navbar-nav{-ms-overflow-style:none;gap:var(--space-1);margin:0 var(--space-2);overflow-x:auto;scrollbar-width:none}.navbar-nav::-webkit-scrollbar{display:none}.nav-link{flex-shrink:0;font-size:var(--text-xs);padding:var(--space-1);white-space:nowrap}.user-avatar{height:28px;width:28px}.user-info{padding:var(--space-1) var(--space-2)}}@media(max-width:639px){.navbar{height:60px}.navbar-container{padding:0 var(--space-2)}.navbar-logo{margin:1rem}.logo-icon,.navbar-logo{font-size:var(--text-sm)}.logo-icon{height:24px;width:24px}.navbar-nav{gap:.5rem;margin:0 var(--space-1)}.nav-link{font-size:.7rem;padding:var(--space-1)}.user-avatar{height:24px;width:24px}.user-info{gap:var(--space-1);padding-top:.8rem;right:-4.5rem}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:80px;transition:all var(--transition-normal);width:280px;z-index:var(--z-sticky)}.sidebar.collapsed{width:80px}[data-theme=dark] .sidebar{background:var(--slate-800);border-right:1px solid var(--slate-700)}.sidebar-header{border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:var(--space-4)}[data-theme=dark] .sidebar-header{border-bottom:1px solid var(--slate-700)}.collapse-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.collapse-btn:hover{background:var(--primary-emerald);box-shadow:var(--shadow-md);color:var(--white);transform:scale(1.05)}.collapse-btn:active{transform:scale(.95)}[data-theme=dark] .collapse-btn{background:var(--slate-700)}[data-theme=dark] .collapse-btn:hover{background:var(--primary-emerald)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-4) 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:var(--space-1)}.nav-link{align-items:center;border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);margin-right:var(--space-4);padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-normal)}.nav-link:hover{background:#10b9811a;color:var(--primary-emerald);transform:translateX(4px)}.nav-link.active{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--primary-emerald);font-weight:var(--font-semibold)}.nav-link.active:before{background:var(--primary-emerald);border-radius:0 var(--radius-full) var(--radius-full) 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-icon{align-items:center;display:flex;font-size:var(--text-lg);justify-content:center;min-width:24px}.nav-label{font-size:var(--text-sm);white-space:nowrap}.active-indicator{background:var(--primary-emerald);border-radius:var(--radius-full);height:6px;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:6px}.sidebar-footer{border-top:1px solid var(--border-color);padding:var(--space-4)}[data-theme=dark] .sidebar-footer{border-top:1px solid var(--slate-700)}.user-profile{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3)}[data-theme=dark] .user-profile{background:var(--slate-700);border:1px solid var(--slate-600)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-emerald),var(--primary-emerald-light));border-radius:var(--radius-full);color:var(--white);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.user-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:capitalize}.user-stats{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.eco-coins,.eco-score{font-size:var(--text-xs);gap:var(--space-1)}.eco-coins,.eco-score,.logout-btn{align-items:center;color:var(--text-secondary);display:flex}.logout-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal);width:100%}.logout-btn:hover{background:var(--error);border-color:var(--error);color:var(--white);transform:translateY(-1px)}.logout-btn .logout-icon{flex-shrink:0;font-size:var(--text-base)}.logout-btn .logout-text{font-size:var(--text-sm);font-weight:var(--font-medium)}@media(max-width:1023px){.sidebar{width:280px}.sidebar,.sidebar.collapsed{transform:translateX(-100%)}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb{background:var(--slate-600)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}.theme-toggle{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);bottom:var(--space-6);box-shadow:var(--glass-shadow);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);position:fixed;right:var(--space-6);z-index:var(--z-fixed)}.theme-toggle:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}[data-theme=dark] .theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border)}.theme-icon{align-items:center;display:flex;font-size:var(--text-lg);height:24px;justify-content:center;width:24px}.theme-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}@media(max-width:639px){.theme-label{display:none}.theme-toggle{bottom:var(--space-4);height:48px;justify-content:center;padding:var(--space-2);right:var(--space-4);width:48px}.theme-icon{font-size:var(--text-xl)}}.floating-chat-button{align-items:center;background:linear-gradient(135deg,var(--primary-emerald),var(--primary-emerald-dark));border:none;border-radius:50px;bottom:20px;box-shadow:var(--shadow-lg);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;justify-content:center;min-width:120px;padding:16px 20px;position:fixed;right:20px;transition:all var(--transition-normal);z-index:var(--z-floating)}.floating-chat-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.floating-chat-button .chat-icon{animation:pulse 2s infinite;font-size:var(--text-lg)}.floating-chat-button .chat-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.floating-chatbot-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);bottom:100px;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:20px;width:380px;z-index:var(--z-floating)}.chatbot-header{align-items:center;background:linear-gradient(135deg,var(--primary-emerald),var(--primary-emerald-dark));border-bottom:1px solid var(--border-color);color:var(--white);display:flex;justify-content:space-between;padding:var(--space-4)}.chatbot-header .chatbot-title{align-items:center;display:flex;gap:var(--space-3)}.chatbot-header .chatbot-title h3{color:var(--white);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.chatbot-header .chatbot-title p{color:#fffc;font-size:var(--text-sm);margin:0}.chatbot-header .ai-icon{font-size:var(--text-2xl)}.close-btn{background:#fff3;border-radius:var(--radius-lg);color:var(--white);font-size:var(--text-xl);padding:var(--space-2);transition:all var(--transition-normal)}.close-btn:hover{background:#ffffff4d}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-4)}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:var(--bg-secondary)}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.message{display:flex;flex-direction:column;max-width:85%}.message.user{align-self:flex-end}.message.user .message-content{background:var(--primary-emerald);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);color:var(--white)}.message.ai{align-self:flex-start}.message.ai .message-content{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);color:var(--text-primary)}.message.ai .message-content,.message.loading .message-content{background:var(--bg-secondary);border:1px solid var(--border-color)}.message-content{font-size:var(--text-sm);line-height:1.5;padding:var(--space-3) var(--space-4)}.message-content p{margin:0 0 var(--space-2) 0}.message-content p:last-child{margin-bottom:0}.message-time{align-self:flex-end;color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-1)}.typing-indicator{display:flex;gap:var(--space-1)}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--text-tertiary);border-radius:var(--radius-full);height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.quick-topics{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-4)}.quick-topics p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 0 var(--space-3) 0}.topic-buttons{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;max-height:200px;overflow-y:auto}.topic-buttons::-webkit-scrollbar{width:4px}.topic-buttons::-webkit-scrollbar-track{background:var(--bg-primary)}.topic-buttons::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.topic-buttons::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.topic-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.topic-btn:hover{background:var(--primary-emerald);border-color:var(--primary-emerald);color:var(--white);transform:translateY(-1px)}.chatbot-input{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);padding:var(--space-4)}.chatbot-input input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.chatbot-input input:focus{border-color:var(--primary-emerald);box-shadow:0 0 0 3px #0478571a;outline:none}.chatbot-input input::placeholder{color:var(--text-tertiary)}.chatbot-input input:disabled{cursor:not-allowed;opacity:.6}.send-btn{align-items:center;background:var(--primary-emerald);border:none;border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-lg);height:44px;justify-content:center;min-width:44px;padding:var(--space-3);transition:all var(--transition-normal)}.send-btn:hover:not(:disabled){background:var(--primary-emerald-dark);transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media(max-width:767px){.floating-chatbot-panel{bottom:90px;height:450px;right:10px;width:320px}.floating-chat-button{bottom:10px;min-width:100px;padding:12px 16px;right:10px}.topic-buttons{grid-template-columns:1fr}.message{max-width:90%}}@media(max-width:639px){.floating-chatbot-panel{bottom:80px;height:400px;left:10px;right:10px;width:calc(100vw - 20px)}.floating-chat-button{bottom:10px;min-width:80px;padding:10px 12px;right:10px}.floating-chat-button .chat-label{display:none}.chatbot-header,.chatbot-input,.chatbot-messages{padding:var(--space-3)}}.landing-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-primary-rgb),.95);border-bottom:1px solid var(--border-color);left:0;padding:var(--space-4) 0;position:fixed;right:0;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-2);text-decoration:none}.logo-icon{font-size:var(--text-2xl)}.nav-actions{align-items:center;display:flex;gap:var(--space-4)}.theme-toggle{background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-xl);padding:var(--space-2);transition:all var(--transition-normal)}.theme-toggle:hover{background:var(--bg-secondary)}.hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);overflow:hidden;padding:120px 0 80px;position:relative}.hero:before{background:radial-gradient(circle at 20% 80%,#10b9811a 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9810d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-container{grid-gap:var(--space-12);align-items:center;display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 var(--space-6);position:relative;z-index:1}@media(max-width:1023px){.hero-container{gap:var(--space-8);grid-template-columns:1fr;text-align:center}.hero-content{order:2}}.hero-title{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-6)}@media(min-width:1280px){.hero-title{font-size:var(--text-5xl)}}@media(max-width:767px){.hero-title{font-size:var(--text-3xl)}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-emerald) 0,var(--primary-emerald-light) 100%);-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-8)}@media(max-width:767px){.hero-description{font-size:var(--text-base)}}.hero-actions{display:flex;gap:var(--space-4)}@media(max-width:639px){.hero-actions{flex-direction:column}}.hero-visual{align-items:center;display:flex;justify-content:center}@media(max-width:1023px){.hero-visual{order:1}}.hero-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:350px;padding:var(--space-6);width:100%}.card-header{gap:var(--space-3);margin-bottom:var(--space-4)}.card-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-emerald) 0,var(--primary-emerald-light) 100%);border-radius:var(--radius-full);display:flex;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.card-info{flex:1 1}.card-name{color:var(--text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.card-level{color:var(--text-secondary);font-size:var(--text-sm)}.card-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-4)}.stat-value{display:block;font-size:var(--text-lg)}.card-progress{margin-top:var(--space-4)}.progress-bar{background:var(--bg-secondary)}.progress-fill{background:linear-gradient(90deg,var(--primary-emerald) 0,var(--primary-emerald-light) 100%);transition:width .3s ease}.goals-section{background:var(--bg-secondary);padding:120px 0}.goals-container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.goals-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr)}@media(max-width:1023px){.goals-grid{gap:var(--space-6);grid-template-columns:1fr}}.goal-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-8);text-align:center;transition:all var(--transition-normal)}.goal-card:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.goal-icon{display:block;font-size:var(--text-4xl);margin-bottom:var(--space-4)}.goal-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.goal-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.features-section{background:var(--bg-primary);padding:120px 0}.features-container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.section-header{margin-bottom:var(--space-16);text-align:center}.section-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}@media(min-width:1280px){.section-title{font-size:var(--text-4xl)}}@media(max-width:767px){.section-title{font-size:var(--text-2xl)}}.section-description{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}@media(max-width:767px){.section-description{font-size:var(--text-base)}}.features-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr)}@media(max-width:1023px){.features-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.features-grid{gap:var(--space-4);grid-template-columns:1fr}}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-8);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-lg)}.feature-icon{display:block;font-size:var(--text-4xl);margin-bottom:var(--space-4)}.feature-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.feature-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.how-it-works-section{background:var(--bg-secondary);padding:120px 0}.how-it-works-container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.steps-container{display:flex;flex-direction:column;gap:var(--space-8);margin:0 auto;max-width:800px}.step-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-6);padding:var(--space-8);transition:all var(--transition-normal)}.step-card:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-lg)}@media(max-width:767px){.step-card{flex-direction:column;gap:var(--space-4);text-align:center}}.step-number{align-items:center;background:#10b9811a;border-radius:var(--radius-full);color:var(--primary-emerald);display:flex;flex-shrink:0;font-size:var(--text-2xl);font-weight:var(--font-bold);height:60px;justify-content:center;width:60px}.step-content{flex:1 1}.step-icon{display:block;font-size:var(--text-3xl);margin-bottom:var(--space-3)}.step-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.step-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.testimonials-section{background:var(--bg-primary);padding:120px 0}.testimonials-container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.testimonials-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr)}@media(max-width:1023px){.testimonials-grid{gap:var(--space-6);grid-template-columns:1fr}}.testimonial-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.testimonial-card:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.testimonial-rating{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.star{font-size:var(--text-lg)}.testimonial-content{color:var(--text-primary);font-size:var(--text-base);font-style:italic;line-height:1.6;margin-bottom:var(--space-6)}.testimonial-author{align-items:center;display:flex;gap:var(--space-3)}.author-avatar{flex-shrink:0;font-size:var(--text-2xl)}.author-info{flex:1 1}.author-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.author-name,.author-role{margin-bottom:var(--space-1)}.author-role{color:var(--primary-emerald);font-size:var(--text-sm)}.author-school{color:var(--text-tertiary);font-size:var(--text-xs)}.success-stories-section{background:var(--bg-secondary);padding:120px 0}.success-stories-container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.success-stories-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr)}@media(max-width:1023px){.success-stories-grid{gap:var(--space-6);grid-template-columns:1fr}}.success-story-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.success-story-card:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.story-image{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.story-content,.story-image{text-align:center}.story-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.story-location{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.story-achievement{background:#10b9811a;border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-3)}.achievement-label{color:var(--text-tertiary);display:block;font-size:var(--text-xs);letter-spacing:.5px;margin-bottom:var(--space-1);text-transform:uppercase}.achievement-text{color:var(--primary-emerald);font-size:var(--text-sm);font-weight:var(--font-semibold)}.story-stats{display:flex;gap:var(--space-4);justify-content:space-between}.stat{flex:1 1}.stat-label{color:var(--text-tertiary);display:block;margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold)}.trust-section{background:var(--bg-primary);padding:120px 0}.trust-container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.trust-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.trust-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.trust-grid{gap:var(--space-4);grid-template-columns:1fr}}.trust-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-normal)}.trust-item:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-md)}.trust-icon{display:block;font-size:var(--text-3xl);margin-bottom:var(--space-4)}.trust-item h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.trust-item p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.contact-section{background:var(--bg-secondary);padding:120px 0}.contact-container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.contact-grid{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr;margin-top:var(--space-12)}@media(max-width:1023px){.contact-grid{gap:var(--space-8);grid-template-columns:1fr}}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.contact-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-normal)}.contact-item:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-md)}.contact-icon{flex-shrink:0;font-size:var(--text-2xl)}.contact-details{flex:1 1}.contact-details h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.contact-details p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-1)}.contact-details span{color:var(--text-tertiary);font-size:var(--text-sm)}.faq-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8)}.faq-section h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.faq-item p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.cta-section{background:var(--bg-secondary);color:var(--text-primary);padding:120px 0;text-align:center}.cta-container{margin:0 auto;max-width:800px;padding:0 var(--space-6)}.cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}@media(min-width:1280px){.cta-title{font-size:var(--text-4xl)}}@media(max-width:767px){.cta-title{font-size:var(--text-2xl)}}.cta-description{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-8)}@media(max-width:767px){.cta-description{font-size:var(--text-base)}}.cta-actions{display:flex;gap:var(--space-4);justify-content:center}@media(max-width:639px){.cta-actions{align-items:center;flex-direction:column}}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-12) 0 var(--space-6)}.footer-container{grid-gap:var(--space-8);align-items:start;display:grid;gap:var(--space-8);grid-template-columns:1fr auto;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}@media(max-width:767px){.footer-container{gap:var(--space-6);grid-template-columns:1fr;text-align:center}}.footer-content{max-width:400px}.footer-logo{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.footer-description{color:var(--text-secondary);line-height:1.6}.footer-links{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:767px){.footer-links{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center}}.footer-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:inherit;padding:var(--space-1) 0;text-align:right;text-decoration:none;transition:color var(--transition-normal)}.footer-link:hover{color:var(--primary-emerald)}@media(max-width:767px){.footer-link{padding:var(--space-1) var(--space-2);text-align:center}}.footer-bottom{border-top:1px solid var(--border-color);margin:var(--space-8) auto 0;max-width:1200px;padding:var(--space-6) var(--space-6) 0;text-align:center}.footer-bottom p{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-normal)}.btn--primary{background:var(--primary-emerald);border-color:var(--primary-emerald);color:var(--white)}.btn--primary:hover{background:var(--primary-emerald-dark);border-color:var(--primary-emerald-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--outline{background:#0000;border-color:var(--border-color);color:var(--text-primary)}.btn--outline:hover{background:var(--bg-secondary);border-color:var(--primary-emerald);color:var(--primary-emerald)}.btn--large{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}@media(max-width:639px){.hero{padding:100px 0 60px}.cta-section,.features-section{padding:80px 0}}.login-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.login-container{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:grid;grid-template-columns:1fr 1fr;max-width:1000px;min-height:600px;overflow:hidden;width:100%}@media(max-width:1023px){.login-container{grid-template-columns:1fr;max-width:500px}}.login-illustration{align-items:center;background:linear-gradient(135deg,var(--primary-emerald) 0,var(--primary-emerald-light) 100%);display:flex;justify-content:center;overflow:hidden;padding:var(--space-12);position:relative}.login-illustration:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@media(max-width:1023px){.login-illustration{min-height:300px;padding:var(--space-8)}}.earth-icon{display:inline-block;font-size:4rem;margin-bottom:var(--space-6)}@media(max-width:1023px){.earth-icon{font-size:3rem;margin-bottom:var(--space-4)}}.features{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:640px){.features{flex-direction:row;gap:var(--space-6);justify-content:center}}.feature{align-items:center;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)}.feature-icon{font-size:var(--text-lg)}.login-form-container{align-items:center;display:flex;justify-content:flex-start;padding:var(--space-12)}@media(max-width:1023px){.login-form-container{justify-content:center;padding:var(--space-8)}}.login-form{max-width:400px;width:100%}.input-group{margin-bottom:var(--space-6)}@media(max-width:639px){.login-page{min-height:100vh;padding:var(--space-2)}.login-container{border-radius:var(--radius-2xl);max-width:100%;min-height:auto}.login-illustration{min-height:250px;padding:var(--space-6)}.login-illustration .earth-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.login-form-container{padding:var(--space-6)}.illustration-content h1{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.illustration-content p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.features{flex-direction:column;gap:var(--space-3)}.features .feature{font-size:var(--text-xs)}.features .feature .feature-icon{font-size:var(--text-base)}.form-header{margin-bottom:var(--space-6)}.form-header h2{font-size:var(--text-xl)}.form-header p{font-size:var(--text-sm)}.input-group{margin-bottom:var(--space-4)}.input-group input{padding:var(--space-3) var(--space-4)}.btn--large,.input-group input,.input-group label{font-size:var(--text-sm)}.btn--large{padding:var(--space-3) var(--space-4)}.google-btn{font-size:var(--text-sm)}.form-footer p{font-size:var(--text-xs)}}@media(max-width:479px){.login-page{padding:var(--space-1)}.login-container{border-radius:var(--radius-xl)}.login-form-container,.login-illustration{padding:var(--space-4)}.illustration-content h1{font-size:var(--text-lg)}.illustration-content p{font-size:var(--text-xs)}.features .feature{font-size:.7rem}}.signup-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.signup-container{background:var(--bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:grid;grid-template-columns:1fr 1fr;max-width:1200px;min-height:700px;overflow:hidden;width:100%}@media(max-width:1023px){.signup-container{grid-template-columns:1fr;max-width:600px}}.signup-illustration{align-items:center;background:linear-gradient(135deg,var(--primary-emerald) 0,var(--primary-emerald-light) 100%);display:flex;justify-content:center;overflow:hidden;padding:var(--space-12);position:relative}.signup-illustration:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@media(max-width:1023px){.signup-illustration{min-height:300px;padding:var(--space-8)}}.illustration-content{color:var(--white);position:relative;text-align:center;z-index:1}.eco-icons{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}@media(max-width:1023px){.eco-icons{gap:var(--space-3);margin-bottom:var(--space-4)}}.eco-icon{display:inline-block;font-size:3rem}@media(max-width:1023px){.eco-icon{font-size:2.5rem}}.illustration-content h1{color:var(--white);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}@media(min-width:1024px){.illustration-content h1{font-size:var(--text-4xl)}}.illustration-content p{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-8);opacity:.9}@media(max-width:1023px){.illustration-content p{font-size:var(--text-base);margin-bottom:var(--space-6)}}.benefits{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:640px){.benefits{flex-direction:row;gap:var(--space-6);justify-content:center}}.benefit{align-items:center;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)}.benefit-icon{font-size:var(--text-lg)}.signup-form-container{align-items:center;display:flex;justify-content:flex-start;overflow-y:auto;padding:var(--space-12)}@media(max-width:1023px){.signup-form-container{justify-content:center;padding:var(--space-8)}}.signup-form{max-width:450px;width:100%}.form-header{margin-bottom:var(--space-8);text-align:left}.form-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.form-header p{color:var(--text-secondary);font-size:var(--text-base)}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-lg);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.form{margin-bottom:var(--space-6)}.input-group{margin-bottom:var(--space-5);position:relative}.input-group input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-4) var(--space-4);transition:all var(--transition-normal);width:100%}.input-group input:focus{border-color:var(--primary-emerald);box-shadow:0 0 0 3px #10b9811a;outline:none}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{background:var(--bg-primary);color:var(--primary-emerald);transform:translateY(-50%) scale(.85)}.input-group input::placeholder{color:#0000}.input-group label{background:var(--bg-primary);color:var(--text-tertiary);font-size:var(--text-base);left:var(--space-4);padding:0 var(--space-1);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-normal)}.role-selection{margin-bottom:var(--space-6)}.role-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.role-options{flex-direction:column}.role-option,.role-options{display:flex;gap:var(--space-3)}.role-option{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-4);transition:all var(--transition-normal)}.role-option:hover{background:#10b9810d;border-color:var(--primary-emerald)}.role-option.selected{background:#10b9811a;border-color:var(--primary-emerald);box-shadow:0 0 0 3px #10b9811a}.role-icon{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:var(--text-xl);height:40px;justify-content:center;width:40px}.role-info{flex:1 1}.role-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.role-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.role-radio{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-full);display:flex;height:20px;justify-content:center;transition:all var(--transition-normal);width:20px}.role-option.selected .role-radio{border-color:var(--primary-emerald)}.radio-dot{background:#0000;border-radius:var(--radius-full);height:8px;transition:all var(--transition-normal);width:8px}.radio-dot.active{background:var(--primary-emerald)}.btn--large{font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-6);width:100%}.google-btn{align-items:center;display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);width:100%}.google-icon{font-size:var(--text-lg)}.loading-spinner-small{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.loading-spinner-small .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top:2px solid var(--white);height:16px;width:16px}.divider{margin:var(--space-6) 0;position:relative;text-align:center}.divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:var(--bg-primary);color:var(--text-tertiary);font-size:var(--text-sm);padding:0 var(--space-4);position:relative;z-index:1}.form-footer{text-align:left}.form-footer p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.link{color:var(--primary-emerald);font-weight:var(--font-medium);text-decoration:none}.link:hover{text-decoration:underline}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media(max-width:639px){.signup-page{padding:var(--space-2)}.signup-container{border-radius:var(--radius-2xl)}.signup-form-container,.signup-illustration{padding:var(--space-6)}.illustration-content h1{font-size:var(--text-2xl)}.benefits{flex-direction:column;gap:var(--space-3)}.role-options{gap:var(--space-2)}.role-option{padding:var(--space-3)}}.smart-notifications-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.smart-notifications{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.notifications-header{align-items:center;background:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.header-title{align-items:center;display:flex;gap:12px}.header-title .ai-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px}.header-title h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.header-title p{font-size:14px;margin:4px 0 0}.close-btn,.header-title p{color:var(--text-secondary)}.close-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:8px;transition:all .2s ease}.close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.category-filter{-ms-overflow-style:none;border-bottom:1px solid var(--border-color);display:flex;gap:8px;overflow-x:auto;padding:16px 24px;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.category-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.category-btn .category-icon{font-size:16px}.category-btn .category-name{font-size:12px}.notifications-content{flex:1 1;overflow-y:auto;padding:0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.loading-state .loading-spinner{margin-bottom:16px}.loading-state .loading-spinner .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-state p{color:var(--text-secondary);font-size:14px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{color:var(--text-secondary);font-size:14px}.notifications-list{display:flex;flex-direction:column;gap:16px;padding:16px 24px}.notification-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease}.notification-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.notification-type{align-items:center;display:flex;gap:8px}.notification-type .type-icon{font-size:16px}.notification-type .type-name{color:var(--text-secondary);font-size:12px}.notification-type .type-name,.priority-indicator{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.priority-indicator{border-radius:12px;color:#fff;font-size:10px;padding:4px 8px}.notification-content .notification-message{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 12px}.notification-content .notification-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:12px}.notification-content .category-tag{background:var(--hover-bg);border-radius:8px;font-weight:500;padding:2px 8px}.notification-content .timestamp{opacity:.7}.notification-actions{display:flex;gap:8px;margin-top:12px}.action-btn{border:none;border-radius:8px;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.action-btn.primary{background:var(--primary-color);color:#fff}.action-btn.primary:hover{background:var(--primary-hover)}.action-btn.secondary{background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-primary)}.action-btn.secondary:hover{background:var(--border-color)}.notifications-footer{background:var(--header-bg);border-top:1px solid var(--border-color);flex-direction:column;padding:16px 24px}.notifications-footer,.refresh-btn{align-items:center;display:flex;gap:8px}.refresh-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--primary-hover)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.footer-text{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0;text-align:center}[data-theme=dark] .smart-notifications{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .notifications-header{background:var(--header-bg);border-color:var(--border-color)}[data-theme=dark] .category-filter{border-color:var(--border-color)}[data-theme=dark] .notification-item{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .notification-item:hover{border-color:var(--primary-color)}[data-theme=dark] .notifications-footer{background:var(--header-bg);border-color:var(--border-color)}@media(max-width:768px){.smart-notifications-overlay{padding:10px}.smart-notifications{max-height:90vh}.notifications-header{padding:16px}.category-filter,.notifications-footer,.notifications-list{padding:12px 16px}.header-title h3{font-size:18px}.category-btn{font-size:12px;padding:6px 12px}}.dashboard-page{background:var(--bg-primary);min-height:100vh}.dashboard-content{margin:0 auto;max-width:1200px;padding:0}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}@media(min-width:1024px){.dashboard-header h1{font-size:var(--text-4xl)}}.dashboard-header p{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.dashboard-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.dashboard-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e}.dashboard-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.dashboard-card{border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-normal)}.dashboard-card:hover{box-shadow:0 20px 40px 0 #1f293726;transform:translateY(-4px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6);position:relative}.card-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.card-header .card-icon{font-size:var(--text-xl)}.card-header .notification-badge{background:var(--error);border-radius:var(--radius-full);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);min-width:20px;padding:var(--space-1) var(--space-2);position:absolute;right:-8px;text-align:center;top:-8px}.eco-score-card{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133}.eco-score-display{margin-bottom:var(--space-4);text-align:center}.score-number{color:var(--primary-emerald);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-2)}@media(min-width:1024px){.score-number{font-size:var(--text-5xl)}}.score-level{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium)}.eco-coins-card{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b33}.coins-display{text-align:center}.coins-number{color:var(--warning);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-2)}@media(min-width:1024px){.coins-number{font-size:var(--text-5xl)}}.coins-label{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium)}.badges-card{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid #8b5cf633}.badges-display{min-height:120px}.badges-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.badge-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);transition:all var(--transition-normal)}.badge-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge-icon{font-size:var(--text-2xl)}.badge-name{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center}.no-badges{align-items:center;display:flex;flex-direction:column;height:120px;justify-content:center;text-align:center}.no-badges .no-badges-icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.no-badges p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.quick-actions-card{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid #3b82f633}.quick-actions{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}.action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-normal)}.action-btn:hover{background:var(--bg-secondary);border-color:var(--primary-emerald);color:var(--primary-emerald)}.action-icon{font-size:var(--text-lg)}.activity-card{background:linear-gradient(135deg,#10b9810d,#10b98105);border:1px solid #10b9811a}.activity-content{flex:1 1}.activity-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.activity-time{color:var(--text-tertiary);font-size:var(--text-xs)}.activity-points{color:var(--primary-emerald);font-size:var(--text-sm);font-weight:var(--font-semibold)}.leaderboard-card{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border:1px solid #f59e0b1a}.leaderboard-preview{display:flex;flex-direction:column;gap:var(--space-3)}.leaderboard-item{border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-3)}.leaderboard-item.rank-1{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:var(--warning)}.leaderboard-item.rank-2{background:linear-gradient(135deg,#94a3b81a,#94a3b80d);border-color:var(--slate-400)}.rank{font-size:var(--text-lg);font-weight:var(--font-bold);min-width:24px}.name,.rank{color:var(--text-primary)}.name{flex:1 1;font-weight:var(--font-medium)}.name,.score{font-size:var(--text-sm)}.score{color:var(--text-secondary);font-weight:var(--font-semibold)}.pending-approvals-card{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433}.approvals-list{flex-direction:column}.approval-item,.approvals-list{display:flex;gap:var(--space-4)}.approval-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;padding:var(--space-4)}.approval-content{flex:1 1}.approval-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.approval-description{color:var(--text-secondary);font-size:var(--text-xs)}.approval-actions{display:flex;gap:var(--space-2)}.btn--small{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.class-stats-card{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid #3b82f633}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-number{color:var(--info);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs)}.system-overview-card{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid #8b5cf633}.overview-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.overview-item{text-align:center}.overview-number{color:var(--primary-emerald);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-1)}.overview-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}@media(max-width:1023px){.dashboard-content{padding:var(--space-4)}.dashboard-grid{gap:var(--space-4);grid-template-columns:1fr}.dashboard-card{padding:var(--space-4)}.overview-stats,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.dashboard-header h1{font-size:var(--text-2xl)}.coins-number,.score-number{font-size:var(--text-3xl)}.overview-stats,.stats-grid{grid-template-columns:1fr}.approval-item{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.approval-actions{justify-content:stretch;width:100%}.approval-actions .btn{flex:1 1}}.ai-insights-card .card-header{position:relative}.ai-insights-card .card-header .notifications-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease}.ai-insights-card .card-header .notifications-btn:hover{background:var(--hover-bg);transform:translateY(-50%) scale(1.1)}.ai-insights-content .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.ai-insights-content .loading-state .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin-bottom:16px;width:32px}.ai-insights-content .loading-state p{color:var(--text-secondary);font-size:14px;margin:0}.ai-insights-content .error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.ai-insights-content .error-state p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.ai-insights-content .error-state .retry-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.ai-insights-content .error-state .retry-btn:hover{background:var(--primary-hover)}.environmental-context{align-items:center;background:var(--hover-bg);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.environmental-context .weather-info{align-items:center;display:flex;gap:12px}.environmental-context .weather-info .weather-icon{font-size:24px}.environmental-context .weather-info .weather-details .temperature{color:var(--text-primary);font-size:18px;font-weight:600}.environmental-context .weather-info .weather-details .condition{color:var(--text-secondary);font-size:12px;text-transform:capitalize}.environmental-context .air-quality{align-items:center;display:flex;flex-direction:column;gap:4px}.environmental-context .air-quality .aqi-label{color:var(--text-secondary);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.environmental-context .air-quality .aqi-value{border-radius:8px;font-size:16px;font-weight:600;padding:4px 8px}.environmental-context .air-quality .aqi-value.good{background:#2ed573;color:#fff}.environmental-context .air-quality .aqi-value.moderate{background:#ffa502;color:#fff}.environmental-context .air-quality .aqi-value.poor{background:#ff4757;color:#fff}.ai-recommendations{margin-bottom:20px}.ai-recommendations h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.ai-recommendations .recommendation-item{align-items:flex-start;background:var(--hover-bg);border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.ai-recommendations .recommendation-item .recommendation-icon{flex-shrink:0;font-size:16px}.ai-recommendations .recommendation-item .recommendation-text{color:var(--text-primary);font-size:14px;line-height:1.4}.motivational-message{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:12px;padding:16px;text-align:center}.motivational-message p{color:#fff;font-size:14px;font-style:italic;line-height:1.4;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quiz-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:800px;overflow:hidden}.quiz-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--space-6)}.quiz-progress{flex:1 1;margin-right:var(--space-6)}.progress-bar{background:var(--bg-tertiary);height:8px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--primary-emerald),var(--primary-emerald-light));height:100%;transition:width var(--transition-slow)}.progress-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.quiz-timer,.timer-circle{align-items:center;display:flex;justify-content:center}.timer-circle{background:var(--bg-primary);border:3px solid var(--primary-emerald);border-radius:var(--radius-full);height:60px;transition:all var(--transition-normal);width:60px}.timer-circle.warning{animation:pulse 1s infinite;background:#ef44441a;border-color:var(--error)}.timer-text{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold)}.quiz-question{padding:var(--space-8)}.question-text{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:1.4;margin-bottom:var(--space-8);text-align:center}@media(min-width:1024px){.question-text{font-size:var(--text-3xl)}}.options-container{flex-direction:column;margin-bottom:var(--space-8)}.option,.options-container{display:flex;gap:var(--space-4)}.option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-4) var(--space-6);text-align:left;transition:all var(--transition-normal);width:100%}.option:hover:not(:disabled){background:#10b9810d;border-color:var(--primary-emerald);transform:translateX(4px)}.option.correct,.option.selected{background:#10b9811a;border-color:var(--primary-emerald)}.option.correct{color:var(--primary-emerald)}.option.incorrect{background:#ef44441a;border-color:var(--error);color:var(--error)}.option:disabled{cursor:not-allowed}.option-letter{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.option.correct .option-letter{background:var(--primary-emerald);border-color:var(--primary-emerald);color:var(--white)}.option.incorrect .option-letter{background:var(--error);border-color:var(--error);color:var(--white)}.option-text{color:var(--text-primary);flex:1 1;font-size:var(--text-base);font-weight:var(--font-medium);line-height:1.5}.correct-icon,.incorrect-icon{flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-bold)}.correct-icon{color:var(--primary-emerald)}.incorrect-icon{color:var(--error)}.explanation{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-6)}.explanation h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.explanation p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-4)}.points-earned{text-align:center}.points-earned .points-positive{background:#10b9811a;color:var(--primary-emerald)}.points-earned .points-negative,.points-earned .points-positive{border-radius:var(--radius-lg);display:inline-block;font-size:var(--text-lg);font-weight:var(--font-bold);padding:var(--space-2) var(--space-4)}.points-earned .points-negative{background:var(--bg-tertiary);color:var(--text-tertiary)}.quiz-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-6);text-align:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:1023px){.quiz-header{align-items:stretch;flex-direction:column;gap:var(--space-4)}.quiz-progress{margin-right:0}.quiz-timer{align-self:center}.quiz-question{padding:var(--space-6)}.question-text{font-size:var(--text-xl)}}@media(max-width:639px){.quiz-container{margin:var(--space-4)}.quiz-question{padding:var(--space-4)}.question-text{font-size:var(--text-lg)}.option{padding:var(--space-3) var(--space-4)}.option-text{font-size:var(--text-sm)}.timer-circle{height:50px;width:50px}.timer-text{font-size:var(--text-base)}}.quizzes-page{background:var(--bg-primary);min-height:100vh}.quiz-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.quiz-header .back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.quiz-header .back-btn:hover{background:var(--primary-emerald);border-color:var(--primary-emerald);color:var(--white)}.quiz-header .quiz-info{flex:1 1}.quiz-header .quiz-info h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}@media(min-width:1024px){.quiz-header .quiz-info h1{font-size:var(--text-4xl)}}.quiz-header .quiz-info p{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.quiz-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);min-height:500px;padding:var(--space-6)}.quizzes-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media(min-width:1024px){.quizzes-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.quiz-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e}.quiz-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.quiz-card{align-items:center;border-radius:var(--radius-2xl);cursor:pointer;display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.quiz-card:before{background:linear-gradient(135deg,#10b9810d,#10b98105);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.quiz-card:hover{box-shadow:0 20px 40px 0 #1f293726;transform:translateY(-4px)}.quiz-card:hover:before{opacity:1}.quiz-card:hover .start-btn{transform:scale(1.1)}.quiz-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-shrink:0;font-size:var(--text-4xl);height:80px;justify-content:center;width:80px}.quiz-icon,.quiz-info{position:relative;z-index:1}.quiz-info{flex:1 1}.quiz-info h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.quiz-info p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-3)}.quiz-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.questions{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.start-btn{align-items:center;background:var(--primary-emerald);border-radius:var(--radius-full);color:var(--white);display:flex;font-size:var(--text-lg);height:50px;justify-content:center;position:relative;transition:all var(--transition-normal);width:50px;z-index:1}.start-btn span{margin-left:2px}.results-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:var(--space-6)}.results-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.results-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.results-card{border-radius:var(--radius-3xl);max-width:500px;padding:var(--space-8);text-align:center;width:100%}.results-header{margin-bottom:var(--space-8)}.results-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.results-header p{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.results-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-8)}.stat-item{text-align:center}.stat-value{color:var(--primary-emerald);font-size:var(--text-3xl);margin-bottom:var(--space-2)}@media(min-width:1024px){.stat-value{font-size:var(--text-4xl)}}.stat-label{letter-spacing:.5px;text-transform:uppercase}.results-actions .btn{min-width:200px}@media(max-width:1023px){.quizzes-grid{gap:var(--space-4);grid-template-columns:1fr}.quiz-card{padding:var(--space-4)}.quiz-icon{font-size:var(--text-3xl);height:60px;width:60px}.quiz-info h3{font-size:var(--text-lg)}.quiz-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.quiz-header .quiz-info h1{font-size:var(--text-2xl)}.quiz-content{padding:var(--space-4)}.results-stats{gap:var(--space-4);grid-template-columns:1fr}}@media(max-width:639px){.quiz-card{flex-direction:column;gap:var(--space-3);text-align:center}.quiz-meta{justify-content:center}.results-container{padding:var(--space-4)}.results-card{padding:var(--space-6)}.results-header h1{font-size:var(--text-2xl)}}.ai-quiz-generator{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;margin-bottom:var(--space-8);padding:var(--space-6)}.ai-quiz-generator .generator-header{margin-bottom:var(--space-6);text-align:center}.ai-quiz-generator .generator-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.ai-quiz-generator .generator-header p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.ai-quiz-generator .generator-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}.ai-quiz-generator .generator-actions .generate-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-normal)}.ai-quiz-generator .generator-actions .generate-btn:hover:not(:disabled){box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.ai-quiz-generator .generator-actions .generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-quiz-generator .ai-quiz-result{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);color:#fff;padding:var(--space-6);text-align:center}.ai-quiz-generator .ai-quiz-result h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.ai-quiz-generator .ai-quiz-result p{font-size:var(--text-base);margin-bottom:var(--space-4);opacity:.9}.ai-quiz-generator .ai-quiz-result .take-ai-quiz-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);transition:all var(--transition-normal)}.ai-quiz-generator .ai-quiz-result .take-ai-quiz-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}@media(max-width:767px){.ai-quiz-generator{padding:var(--space-4)}.ai-quiz-generator .generator-actions{align-items:center;flex-direction:column}.ai-quiz-generator .generator-actions .generate-btn{justify-content:center;max-width:300px;width:100%}}.phaser-game-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative}.phaser-game{height:100%;min-height:400px;width:100%}.phaser-game canvas{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media(max-width:767px){.phaser-game,.phaser-game-container{min-height:300px}}.minigames-page{background:var(--bg-primary);min-height:100vh}.game-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.game-header .back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.game-header .back-btn:hover{background:var(--primary-emerald);border-color:var(--primary-emerald);color:var(--white)}.game-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}@media(min-width:1024px){.game-header h1{font-size:var(--text-4xl)}}.game-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);min-height:500px;padding:var(--space-6)}.game-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.game-placeholder h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.game-placeholder p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;max-width:400px}.games-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:1024px){.games-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.game-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e}.game-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.game-card{align-items:center;border-radius:var(--radius-2xl);cursor:pointer;display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.game-card:before{background:linear-gradient(135deg,#10b9810d,#10b98105);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.game-card:hover{box-shadow:0 20px 40px 0 #1f293726;transform:translateY(-4px)}.game-card:hover:before{opacity:1}.game-card:hover .play-btn{transform:scale(1.1)}.game-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-shrink:0;font-size:var(--text-4xl);height:80px;justify-content:center;width:80px}.game-icon,.game-info{position:relative;z-index:1}.game-info{flex:1 1}.game-info h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.game-info p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-3)}.game-meta{align-items:center;display:flex;gap:var(--space-3)}.difficulty{border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);text-transform:uppercase}.difficulty.easy{background:#10b9811a;color:var(--primary-emerald)}.difficulty.medium{background:#f59e0b1a;color:var(--warning)}.difficulty.hard{background:#ef44441a;color:var(--error)}.points{background:#10b9811a;border-radius:var(--radius-md);color:var(--primary-emerald);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2)}.play-btn{align-items:center;background:var(--primary-emerald);border-radius:var(--radius-full);color:var(--white);display:flex;font-size:var(--text-lg);height:50px;justify-content:center;position:relative;transition:all var(--transition-normal);width:50px;z-index:1}.play-btn span{margin-left:2px}@media(max-width:1023px){.games-grid{gap:var(--space-4);grid-template-columns:1fr}.game-card{padding:var(--space-4)}.game-icon{font-size:var(--text-3xl);height:60px;width:60px}.game-info h3{font-size:var(--text-lg)}}@media(max-width:639px){.game-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.game-header h1{font-size:var(--text-2xl)}.game-content{padding:var(--space-4)}.game-card{flex-direction:column;gap:var(--space-3);text-align:center}.game-meta{justify-content:center}}.leaderboard-page{background:var(--bg-primary);min-height:100vh}.leaderboard-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2)}@media(max-width:639px){.leaderboard-tabs{flex-direction:column;gap:var(--space-1)}}.leaderboard-content{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:2fr 1fr}@media(max-width:1023px){.leaderboard-content{grid-template-columns:1fr}}.leaderboard-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.leaderboard-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.leaderboard-card{border-radius:var(--radius-2xl);padding:var(--space-6)}.leaderboard-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.leaderboard-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.leaderboard-stats{display:flex;gap:var(--space-6)}.stat{text-align:center}.stat .stat-number{color:var(--primary-emerald);display:block;font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-1)}.stat .stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-3)}.leaderboard-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-normal)}.leaderboard-item:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-md)}.leaderboard-item.current-user{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:var(--primary-emerald);box-shadow:0 0 0 3px #10b9811a}.rank-section{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);min-width:60px}.rank-icon{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}.rank-change .change-icon{font-size:var(--text-sm)}.rank-change .change-icon.up{color:var(--primary-emerald)}.rank-change .change-icon.down{color:var(--error)}.rank-change .change-icon.same{color:var(--text-tertiary)}.player-info{flex:1 1;gap:var(--space-3)}.player-avatar,.player-info{align-items:center;display:flex}.player-avatar{background:linear-gradient(135deg,var(--primary-emerald),var(--primary-emerald-light));border-radius:var(--radius-full);color:var(--white);flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-semibold);height:50px;justify-content:center;overflow:hidden;width:50px}.player-avatar img{height:100%;object-fit:cover;width:100%}.player-details{flex:1 1}.player-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.player-badges{display:flex;gap:var(--space-1)}.badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-1)}.player-stats{display:flex;gap:var(--space-4);text-align:center}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-item .stat-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.stat-item .stat-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.achievements-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.achievements-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.achievements-card{border-radius:var(--radius-2xl);height:-webkit-fit-content;height:fit-content;padding:var(--space-6)}.achievements-card h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6);text-align:center}.achievements-list{display:flex;flex-direction:column;gap:var(--space-4)}.achievement-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-normal)}.achievement-item:hover{border-color:var(--primary-emerald);transform:translateX(4px)}.achievement-icon{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:var(--text-2xl);height:40px;justify-content:center;width:40px}.achievement-info{flex:1 1}.achievement-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.achievement-description{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4}.achievement-points{background:#10b9811a;border-radius:var(--radius-md);color:var(--primary-emerald);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2)}@media(max-width:1023px){.leaderboard-content{gap:var(--space-4)}.leaderboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.leaderboard-stats{align-self:stretch;justify-content:space-around}.player-stats{gap:var(--space-2)}}@media(max-width:639px){.leaderboard-tabs{margin-bottom:var(--space-6)}.tab{padding:var(--space-2) var(--space-4)}.leaderboard-item{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.rank-section{align-items:center;align-self:flex-start;flex-direction:row;gap:var(--space-2)}.player-info,.player-stats{align-self:stretch}.player-stats{justify-content:space-around}.achievement-item{padding:var(--space-2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ecocoins-page{background:var(--bg-primary);min-height:100vh}.ecocoins-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2)}@media(max-width:639px){.ecocoins-tabs{flex-direction:column;gap:var(--space-1)}}.tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-normal)}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab.active{background:var(--primary-emerald);box-shadow:var(--shadow-md);color:var(--white)}.tab-icon{font-size:var(--text-lg)}.tab-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.ecocoins-content{margin:0 auto;max-width:1200px}.wallet-tab{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}@media(max-width:1023px){.wallet-tab{grid-template-columns:1fr}}.wallet-overview{display:flex;flex-direction:column;gap:var(--space-6)}.balance-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.balance-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.balance-card{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.balance-header h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.balance-header .coin-icon{font-size:var(--text-2xl)}.balance-amount{color:var(--primary-emerald);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-2)}@media(min-width:1024px){.balance-amount{font-size:var(--text-6xl)}}.balance-label{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium)}.stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}.stat-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.stat-card{border-radius:var(--radius-xl);gap:var(--space-3);padding:var(--space-4)}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-shrink:0;font-size:var(--text-2xl);height:50px;justify-content:center;width:50px}.stat-info{flex:1 1}.stat-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-1)}.stat-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.recent-activity{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.recent-activity:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.recent-activity{border-radius:var(--radius-2xl);padding:var(--space-6)}.recent-activity h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{background:var(--bg-primary);border:1px solid var(--border-color);gap:var(--space-3);padding:var(--space-3)}.activity-icon,.activity-item{align-items:center;border-radius:var(--radius-lg);display:flex}.activity-icon{background:var(--bg-secondary);flex-shrink:0;font-size:var(--text-lg);height:40px;justify-content:center;width:40px}.activity-info{flex:1 1}.activity-description{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.activity-date{color:var(--text-tertiary);font-size:var(--text-xs)}.activity-amount{font-size:var(--text-sm);font-weight:var(--font-semibold)}.activity-amount.earned{color:var(--primary-emerald)}.activity-amount.spent{color:var(--error)}.activity-amount.pending{color:var(--warning)}.transactions-tab{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.transactions-tab:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.transactions-tab{border-radius:var(--radius-2xl);padding:var(--space-6)}.transactions-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.transactions-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.filter-buttons{display:flex;gap:var(--space-2)}@media(max-width:639px){.filter-buttons{flex-wrap:wrap}}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active{background:var(--primary-emerald);border-color:var(--primary-emerald);color:var(--white)}.transactions-list{display:flex;flex-direction:column;gap:var(--space-3)}.transaction-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-normal)}.transaction-item:hover{border-color:var(--primary-emerald);box-shadow:var(--shadow-md)}.transaction-icon{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:var(--text-lg);height:40px;justify-content:center;width:40px}.transaction-info{flex:1 1}.transaction-description{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.transaction-date{color:var(--text-tertiary);font-size:var(--text-xs);margin-bottom:var(--space-1)}.transaction-status{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.transaction-amount{font-size:var(--text-base);font-weight:var(--font-semibold)}.transaction-amount.earned{color:var(--primary-emerald)}.transaction-amount.spent{color:var(--error)}.transaction-amount.pending{color:var(--warning)}.redeem-tab{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f29375e;transition:all var(--transition-normal)}.redeem-tab:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.redeem-tab{border-radius:var(--radius-2xl);padding:var(--space-6)}.redeem-header{margin-bottom:var(--space-8);text-align:center}.redeem-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.redeem-header p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.redeem-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:1024px){.redeem-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.redeem-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;box-shadow:0 8px 32px 0 #1f29375e}.redeem-item:hover{box-shadow:0 12px 40px 0 #1f293766;transform:translateY(-2px)}.redeem-item{align-items:center;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);text-align:center;transition:all var(--transition-normal)}.redeem-item:hover{box-shadow:0 20px 40px 0 #1f293726;transform:translateY(-4px)}.item-image{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;font-size:var(--text-4xl);height:80px;justify-content:center;width:80px}.item-info{flex:1 1}.item-info h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.item-info p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-3)}.item-meta{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.item-category{background:var(--bg-tertiary);color:var(--text-tertiary);font-size:var(--text-xs)}.item-category,.item-cost{border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.item-cost{background:#10b9811a;color:var(--primary-emerald)}.item-cost,.redeem-btn{font-size:var(--text-sm);font-weight:var(--font-semibold)}.redeem-btn{background:var(--primary-emerald);border:none;border-radius:var(--radius-lg);color:var(--white);cursor:pointer;padding:var(--space-3) var(--space-6);transition:all var(--transition-normal);width:100%}.redeem-btn:hover:not(:disabled){background:var(--primary-emerald-dark);transform:translateY(-2px)}.redeem-btn.disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}@media(max-width:1023px){.wallet-tab{gap:var(--space-4)}.balance-card{padding:var(--space-6)}.balance-amount{font-size:var(--text-4xl)}.stats-grid{grid-template-columns:1fr}}@media(max-width:639px){.ecocoins-tabs{margin-bottom:var(--space-6)}.tab{padding:var(--space-2) var(--space-4)}.transactions-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.filter-buttons{justify-content:stretch;width:100%}.filter-buttons .filter-btn{flex:1 1;text-align:center}.transaction-item{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.transaction-info{align-self:stretch}.redeem-grid{gap:var(--space-4);grid-template-columns:1fr}.redeem-item{padding:var(--space-4)}}
/*# sourceMappingURL=main.169d32f6.css.map*/