@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";
:root{--green:#58cc02;--green-dark:#45a800;--green-light:#89e219;--green-bg:#d7ffb8;--blue:#1cb0f6;--blue-dark:#0099d8;--red:#ff4b4b;--red-dark:#ea2b2b;--red-bg:#ffdfe0;--yellow:#ffc800;--orange:#ff9600;--purple:#ce82ff;--purple-dark:#a560e8;--gray:#afafaf;--gray-light:#e5e5e5;--gray-dark:#777;--white:#fff;--off-white:#f7f7f7;--navy:#1f1f1f;--shadow-btn:0 4px 0 0 var(--green-dark);--shadow-btn-red:0 4px 0 0 var(--red-dark);--shadow-btn-blue:0 4px 0 0 var(--blue-dark);--shadow-card:0 2px 8px #00000014;--shadow-modal:0 8px 32px #00000029;--border:2px solid #e5e5e5;--border-radius:16px;--border-radius-sm:12px;--border-radius-lg:24px;--transition:.15s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--navy);-webkit-font-smoothing:antialiased;background:#fff;min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray)}.btn{border-radius:var(--border-radius-sm);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:transform var(--transition), filter var(--transition);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--green);color:var(--navy);box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:var(--green-light)}.btn-primary:active:not(:disabled){box-shadow:none}.btn-secondary{color:var(--blue);border:2px solid var(--blue);background:0 0}.btn-secondary:hover:not(:disabled){background:#1cb0f614}.btn-danger{background:var(--red);color:var(--navy);box-shadow:var(--shadow-btn-red)}.btn-danger:active:not(:disabled){box-shadow:none}.btn-ghost{color:var(--gray-dark);border:2px solid var(--gray-light);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-light)}.card{border-radius:var(--border-radius);border:var(--border);box-shadow:var(--shadow-card);background:#fff;padding:20px}h1{font-size:24px;font-weight:800}h2{font-size:20px;font-weight:800}h3{font-size:17px;font-weight:700}.badge{letter-spacing:.5px;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.text-center{text-align:center}.progress-bar-outer{background:var(--gray-light);border-radius:99px;width:100%;height:16px;overflow:hidden}.progress-bar-inner{background:var(--green);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.toast{z-index:9999;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-modal);border-left:4px solid var(--green);background:#fff;align-items:center;gap:10px;max-width:320px;padding:16px 20px;font-size:15px;font-weight:700;animation:.3s slideInRight;display:flex;position:fixed;top:24px;right:24px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{border-radius:var(--border-radius-lg);width:calc(100% - 32px);max-width:480px;box-shadow:var(--shadow-modal);text-align:center;background:#fff;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.stat-pill{color:var(--gray-dark);cursor:pointer;transition:background var(--transition);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:15px;font-weight:800;display:flex}.stat-pill:hover{background:var(--gray-light)}.stat-pill span{color:var(--navy)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bounce{animation:1s infinite bounce}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){h1{font-size:20px}h2{font-size:18px}}