*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--z-black: #0a0a0f;--z-white: #f8f7f4;--z-cream: #f0ede6;--z-cream-d: #e8e4db;--z-surface: #faf9f6;--z-gray: #7a7875;--z-gray-l: #b0ada8;--z-border: #dedad2;--z-border-l: #eae7e0;--z-accent: #4f46e5;--z-accent-d: #3730a3;--z-accent-l: #eef2ff;--z-accent-m: rgba(79,70,229,.12);--z-green: #16a34a;--z-green-d: #15803d;--z-green-l: #f0fdf4;--z-amber: #d97706;--z-amber-d: #b45309;--z-amber-l: #fffbeb;--z-red: #dc2626;--z-red-l: #fef2f2;--z-purple: #7c3aed;--z-purple-l: #f5f3ff;--z-blue: #2563eb;--z-blue-l: #eff6ff;--z-orange: #ea580c;--z-orange-l: #fff7ed;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 6px 24px rgba(0,0,0,.07), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 16px 48px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--shadow-xl: 0 32px 80px rgba(0,0,0,.12), 0 8px 24px rgba(0,0,0,.06);--shadow-accent: 0 4px 24px rgba(79,70,229,.22);--shadow-amber: 0 4px 20px rgba(217,119,6,.22);--shadow-green: 0 4px 20px rgba(22,163,74,.2);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .35s;--z-nav-height: 62px}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--z-cream);color:var(--z-black);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.03em}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);font-size:15px;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--z-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--z-gray-l)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;letter-spacing:-.01em;transition:all var(--t-base) var(--ease);position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:var(--z-black);color:var(--z-white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#1a1a2e;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-accent{background:var(--z-accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-accent:hover{background:var(--z-accent-d);transform:translateY(-1px);box-shadow:0 8px 28px #4f46e54d}.btn-accent:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--z-black);border:1.5px solid var(--z-border)}.btn-outline:hover{border-color:var(--z-black);background:var(--z-white);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--z-gray);padding:8px 14px}.btn-ghost:hover{color:var(--z-black);background:var(--z-cream-d)}.btn-green{background:var(--z-green);color:#fff;box-shadow:var(--shadow-green)}.btn-green:hover{background:var(--z-green-d);transform:translateY(-1px);box-shadow:0 6px 24px #16a34a47}.btn-danger{background:var(--z-red);color:#fff}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:13px 28px;font-size:15px}.btn-full{width:100%}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--z-white);border:1px solid var(--z-border-l);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{background:#f8f7f4b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.card-dark{background:var(--z-black);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:24px;color:var(--z-white)}.input{width:100%;padding:11px 15px;border:1.5px solid var(--z-border);border-radius:var(--radius-md);background:var(--z-white);font-size:15px;color:var(--z-black);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input:focus{border-color:var(--z-accent);box-shadow:0 0 0 3px #4f46e51a}.input::placeholder{color:var(--z-gray-l)}.input-label{display:block;font-size:11.5px;font-weight:600;color:var(--z-gray);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.form-group{display:flex;flex-direction:column;gap:5px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;letter-spacing:.01em}.badge-green{background:var(--z-green-l);color:var(--z-green)}.badge-amber{background:var(--z-amber-l);color:var(--z-amber)}.badge-red{background:var(--z-red-l);color:var(--z-red)}.badge-gray{background:var(--z-cream-d);color:var(--z-gray)}.badge-accent{background:var(--z-accent-l);color:var(--z-accent)}.badge-purple{background:var(--z-purple-l);color:var(--z-purple)}.page-container{max-width:1100px;margin:0 auto;padding:0 24px}.spinner{width:34px;height:34px;border:2.5px solid var(--z-border);border-top-color:var(--z-accent);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:14px;color:var(--z-gray-l);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--z-border-l)}.coins-chip{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#fef9e7,#fde68a,#fbbf24);color:#92400e;border:1px solid rgba(217,119,6,.25);border-radius:var(--radius-full);padding:6px 14px;font-size:13.5px;font-weight:700;font-family:var(--font-display);box-shadow:0 1px 4px #d9770626,0 0 #d9770600;letter-spacing:-.01em;transition:all var(--t-fast) var(--ease)}.coins-chip:hover{box-shadow:0 4px 16px #d977064d;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes coinPulse{0%,to{box-shadow:0 1px 4px #d9770626}50%{box-shadow:0 4px 20px #d9770666}}.animate-in{animation:slideUp .3s var(--ease-out) both}.animate-fade{animation:fadeIn .25s var(--ease-out) both}.animate-scale{animation:scaleIn .25s var(--ease-spring) both}.animate-float{animation:float 3s ease-in-out infinite}.page-hero{background:linear-gradient(135deg,#0f0f14,#1c1c2e,#16213e);padding:48px 24px 56px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.15) 0%,transparent 70%);pointer-events:none}.page-hero:after{content:"";position:absolute;bottom:-40px;left:20%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.1) 0%,transparent 70%);pointer-events:none}.glass{background:#f8f7f4bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.section-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--z-gray);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.gradient-text{background:linear-gradient(135deg,var(--z-accent) 0%,var(--z-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skeleton{background:linear-gradient(90deg,var(--z-border-l) 25%,var(--z-cream) 50%,var(--z-border-l) 75%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.tabs{display:flex;gap:4px;background:var(--z-cream-d);padding:4px;border-radius:var(--radius-md);width:fit-content}.tab-btn{padding:7px 18px;border-radius:calc(var(--radius-md) - 2px);font-size:13.5px;font-weight:500;color:var(--z-gray);background:transparent;border:none;cursor:pointer;transition:all var(--t-fast) var(--ease)}.tab-btn.active{background:var(--z-white);color:var(--z-black);font-weight:600;box-shadow:var(--shadow-xs)}.tab-btn:hover:not(.active){color:var(--z-black)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot-green{background:var(--z-green);box-shadow:0 0 0 2px var(--z-green-l)}.status-dot-amber{background:var(--z-amber);box-shadow:0 0 0 2px var(--z-amber-l)}.status-dot-red{background:var(--z-red);box-shadow:0 0 0 2px var(--z-red-l)}.status-dot-gray{background:var(--z-gray-l)}.stat-card{background:var(--z-white);border:1px solid var(--z-border-l);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-sm)}.stat-card-value{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1}.stat-card-label{font-size:11.5px;font-weight:600;color:var(--z-gray);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}@media (max-width: 900px){.page-container{padding:0 18px}}@media (max-width: 768px){html{font-size:15px;-webkit-text-size-adjust:100%}body{overflow-x:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-container{padding:0 16px}h1{font-size:clamp(20px,6vw,28px)!important}h2{font-size:clamp(17px,5vw,22px)!important}h3{font-size:clamp(15px,4.5vw,18px)!important}.card{padding:16px!important}.stat-card{padding:14px 16px!important}.stat-card-value{font-size:22px!important}.btn-lg{padding:12px 20px!important;font-size:14px!important}[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:repeat(2,1fr)!important}[style*="grid-template-columns: repeat(auto-fill"],[style*=gridTemplateColumns][style*="1fr 1fr"],[style*=grid-template-columns][style*="1fr 1fr"],[style*=gridTemplateColumns][style*="2fr"],[style*=grid-template-columns][style*="2fr"]{grid-template-columns:1fr!important}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important;max-width:100%!important;min-width:0!important}.page-container{padding-top:0!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}[style*="maxWidth: 480px"],[style*="maxWidth: 500px"],[style*="maxWidth: 520px"],[style*="maxWidth: 560px"],[style*="maxWidth: 600px"],[style*="maxWidth: 640px"]{max-width:calc(100vw - 32px)!important}[style*='"1fr 1fr"'],[style*="'1fr 1fr'"]{grid-template-columns:1fr!important}[style*="minWidth: 320"],[style*="minWidth: 360"],[style*="minWidth: 400"],[style*="min-width: 320"],[style*="min-width: 360"],[style*="min-width: 400"]{min-width:0!important}.coins-chip{font-size:12px!important;padding:5px 10px!important}.sign-out-label{display:none}.browse-layout{flex-direction:column!important}.browse-sidebar{width:100%!important;max-width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.mentor-cards-grid{grid-template-columns:1fr!important}.profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:16px!important}.quick-action-grid{grid-template-columns:repeat(2,1fr)!important}.leaderboard-row{font-size:13px!important}input,textarea,select{font-size:16px!important}}@media (max-width: 400px){.page-container{padding:0 12px}[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}.quick-action-grid{grid-template-columns:repeat(2,1fr)!important}}html.dark{--z-black: #f0ede6;--z-white: #1a1a1a;--z-cream: #111111;--z-gray: #a0a0a0;--z-gray-l: #666;--z-border: rgba(255,255,255,.12);--z-border-l: rgba(255,255,255,.07);--z-text: #e0ddd6}html.dark body{background:#111;color:#e0ddd6}html.dark .card{background:#1e1e1e;border-color:#ffffff14}html.dark .input{background:#2a2a2a;border-color:#ffffff1f;color:#e0ddd6}html.dark nav{background:#111111e6!important;border-color:#ffffff14!important}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}html.dark .skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 37%,#ffffff0a 63%)!important;background-size:400% 100%!important}@keyframes shakeX{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation:shakeX .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:pageFadeIn .28s cubic-bezier(.4,0,.2,1) both;max-width:100%;overflow-x:hidden}@media (max-width: 720px){.page-container{padding-left:14px!important;padding-right:14px!important}h1{font-size:24px!important;line-height:1.18}h2{font-size:18px!important}[style*="repeat(auto-fit"],[style*="repeat(auto-fill"]{grid-template-columns:1fr!important}p,span,div{word-break:break-word}[role=dialog],.modal{max-width:100%!important;border-radius:0!important}table{display:block;overflow-x:auto;max-width:100%}.recharts-responsive-container{max-width:100%!important}}@media (max-width: 480px){.page-container{padding-left:10px!important;padding-right:10px!important}h1{font-size:22px!important}.page-hero:before,.page-hero:after{display:none}}@keyframes pulseHighlight{0%,to{box-shadow:0 0 #4f46e580}50%{box-shadow:0 0 0 14px #4f46e500}}.pulse-highlight{animation:pulseHighlight 1.6s ease-in-out infinite}