:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#82181a;--destructive-foreground:#fb2c36;--border:#262626;--input:#262626;--ring:#525252;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#262626;--sidebar-ring:#525252}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(2.75381% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(2.75381% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(55.4814% 75.0732 48.8528);--border:lab(15.204% 0 -.00000596046);--input:lab(15.204% 0 -.00000596046);--ring:lab(34.924% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.204% 0 -.00000596046);--sidebar-ring:lab(34.924% 0 0)}}html,body{background:var(--background);height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#217346;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#185c37}::selection{color:#fff;background:#217346}
.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;padding:1rem 2rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:.75rem 2rem;box-shadow:0 2px 20px #0000001a}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{color:#217346;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{justify-content:center;align-items:center;display:flex}.navbar-links{gap:2rem;display:flex}.navbar-links a{color:#333;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.navbar-links a:after{content:"";background:#217346;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-links a:hover{color:#217346}.navbar-links a:hover:after{width:100%}.navbar-actions{align-items:center;gap:1rem;display:flex}.btn-login{color:#217346;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-login:hover{opacity:.8}.btn-signup{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #2173464d}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #21734666}.mobile-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:5px;padding:8px;transition:background .3s;display:none}.mobile-toggle:hover{background:#2173461a}.mobile-toggle span{transform-origin:50%;background:#217346;border-radius:2px;width:24px;height:2.5px;transition:all .3s}.mobile-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.loading-spinner{border:2px solid #e0e0e0;border-top-color:#217346;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.user-menu{position:relative}.user-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;transition:background .3s;display:flex}.user-avatar-btn:hover{background:#2173461a}.user-avatar{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.user-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.dropdown-menu{z-index:100;background:#fff;border-radius:12px;min-width:200px;padding:.5rem;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu a,.dropdown-menu button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-menu a:hover,.dropdown-menu button:hover{color:#217346;background:#2173461a}.dropdown-menu .logout-btn:hover{color:#dc2626;background:#dc26261a}.dropdown-divider{background:#e5e5e5;height:1px;margin:.5rem 0}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-menu{z-index:1002;background:#fff;flex-direction:column;width:300px;max-width:85vw;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 40px #00000026}.mobile-menu.active{transform:translate(0)}.mobile-user-section{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);align-items:center;gap:1rem;margin-top:0;padding:1.5rem;display:flex}.mobile-user-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;font-weight:700;display:flex}.mobile-user-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.mobile-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.mobile-user-email{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.mobile-nav-section{border-bottom:1px solid #e5e5e5;padding:1rem 0}.mobile-nav-label{text-transform:uppercase;letter-spacing:.05em;color:#999;padding:.5rem 1.5rem;font-size:.7rem;font-weight:600;display:block}.mobile-nav-item{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.875rem;width:100%;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item:hover{color:#217346;background:#21734614}.mobile-nav-item svg{color:#666;flex-shrink:0}.mobile-nav-item:hover svg{color:#217346}.mobile-nav-item.logout{color:#666}.mobile-nav-item.logout:hover{color:#dc2626;background:#dc262614}.mobile-nav-item.logout:hover svg{color:#dc2626}.mobile-auth-section{flex-direction:column;gap:.75rem;margin-top:auto;padding:1.5rem;display:flex}.mobile-btn-login{text-align:center;color:#217346;border:2px solid #217346;border-radius:10px;padding:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.mobile-btn-login:hover{background:#2173461a}.mobile-btn-signup{text-align:center;color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border-radius:10px;padding:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:block;box-shadow:0 4px 15px #2173464d}.mobile-btn-signup:hover{transform:translateY(-1px);box-shadow:0 6px 20px #21734666}.mobile-close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.mobile-close:hover{background:#ffffff4d;transform:rotate(90deg)}@media (max-width:768px){.navbar{padding:.75rem 1rem}.navbar.scrolled{padding:.5rem 1rem}.navbar-links,.navbar-actions{display:none}.mobile-toggle{display:flex}}@media (min-width:769px){.mobile-overlay,.mobile-menu{display:none!important}}