@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Nunito:wght@400;600;700&display=swap";
:root{--color-bg-main:#f4fbf8;--color-bg-panel:#ffffffd9;--color-text-main:#2c3e50;--color-text-muted:#5d6d7e;--color-accent-primary:#a8e6cf;--color-accent-secondary:#ffaaa5;--color-accent-tertiary:#ffd3b6;--color-accent-blue:#a0c4ff;--color-accent-cyan:#22d3ee;--color-accent-gold:#facc15;--color-accent-magenta:#e879f9;--color-trend-up:#4ade80;--color-trend-down:#f97373;--color-border:#d5e8df;--color-border-dark:#2c3e50;--shadow-panel:4px 4px 0px #2c3e501a;--shadow-retro:4px 4px 0px #2c3e50;--font-pixel:"DotGothic16",sans-serif;--font-main:"Nunito",sans-serif;--transition-smooth:.3s ease;--transition-fast:.18s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-main);color:var(--color-text-main);font-family:var(--font-main);background-image:linear-gradient(#a8e6cf33 1px,#0000 1px),linear-gradient(90deg,#a8e6cf33 1px,#0000 1px);background-size:32px 32px;background-attachment:fixed;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.retro-panel{background:var(--color-bg-panel);border:2px solid var(--color-border-dark);box-shadow:var(--shadow-retro);-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);border-radius:8px}.retro-panel:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #2c3e50}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);letter-spacing:1px;color:var(--color-text-main)}h1{margin-bottom:1rem;font-size:3rem;line-height:1.2}h2{margin-bottom:.75rem;font-size:2rem}p{margin-bottom:1rem;line-height:1.6}.pixel-text{font-family:var(--font-pixel)}.btn-retro{font-family:var(--font-pixel);cursor:pointer;background:var(--color-accent-primary);color:var(--color-text-main);border:2px solid var(--color-border-dark);box-shadow:3px 3px 0px var(--color-border-dark);border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;text-decoration:none;transition:all .1s;display:inline-flex}.btn-retro:hover{box-shadow:4px 4px 0px var(--color-border-dark);background:#9addc5;transform:translate(-1px,-1px)}.btn-retro:active{box-shadow:1px 1px 0px var(--color-border-dark);transform:translate(2px,2px)}.btn-retro.pink{background:var(--color-accent-secondary)}.btn-retro.pink:hover{background:#f99c97}.btn-retro.blue{background:var(--color-accent-blue)}.btn-retro.blue:hover{background:#91b5f0}.btn-retro.clear{box-shadow:none;background:0 0;border:2px solid #0000}.btn-retro.clear:hover{background:#0000000d;transform:none}.hover-scale{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-scale:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 12px 30px #0f172a40}.text-gradient{background:linear-gradient(120deg,var(--color-accent-blue),var(--color-accent-secondary));color:#0000;-webkit-background-clip:text;background-clip:text}.navbar{background:var(--color-bg-panel);border-bottom:2px solid var(--color-border-dark);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-pixel);color:var(--color-text-main);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-auth{align-items:center;gap:1.25rem;display:flex}.nav-user{max-width:220px;min-height:40px;font-family:var(--font-pixel);color:var(--color-text-main);transition:color var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth),transform var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;background:#a0c4ff24;border:1.5px solid #2c3e502e;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:1rem;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c}.nav-user:hover{color:var(--color-text-main);background:#a0c4ff42;border-color:#2c3e5057;transform:translateY(-1px)}.nav-link{font-family:var(--font-pixel);color:var(--color-text-muted);transition:color var(--transition-smooth);font-size:1rem}.nav-link:hover{color:var(--color-accent-secondary)}.app-container{flex-direction:column;min-height:100vh;display:flex}main.content-area{flex:1}.fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg-main);border-left:2px solid var(--color-border-dark)}::-webkit-scrollbar-thumb{background:var(--color-accent-secondary);border:2px solid var(--color-border-dark)}