@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--color-primary:#300267;--color-primary-dark:#19023C;--color-primary-deep:#100130;--color-action:#B3F63F;--color-action-hover:#9ee32b;--color-text-light:#FAFAF8;--color-bg:#100130;--color-surface:#19023C;--color-text:#FAFAF8;--color-text-muted:#b8b3ce;--color-border:#300267;--shadow-skeuo-card:inset 0 1px 0 rgba(255,255,255,0.15),0 8px 24px rgba(0,0,0,0.6);--shadow-skeuo-btn:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -2px 0 rgba(0,0,0,0.3),0 4px 10px rgba(179,246,63,0.3);--shadow-skeuo-input:inset 0 2px 4px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.05);--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.375rem;--radius-full:9999px}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Outfit,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer}.app-shell{max-width:640px;margin:0 auto;min-height:100vh;background-color:var(--color-primary-deep);box-shadow:0 12px 48px rgba(0,0,0,.7),0 0 1px rgba(179,246,63,.2);position:relative;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1 1;overflow-y:auto;padding-bottom:20px;-webkit-overflow-scrolling:touch}.bottom-nav{position:relative;height:70px;flex-shrink:0;background:linear-gradient(180deg,#19023C,#100130);border-top:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 -4px 12px rgba(0,0,0,.5);justify-content:space-around;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;gap:4px;color:var(--color-text-muted);transition:all .2s ease;width:60px}.nav-item.active{color:var(--color-action);text-shadow:0 0 8px rgba(179,246,63,.4)}.nav-icon{font-size:24px;line-height:1}.nav-text{font-size:.65rem;font-weight:600}.skeuo-card{background:linear-gradient(145deg,#25024e,#140129);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-skeuo-card);padding:24px}.btn-primary{background:linear-gradient(180deg,#c4f861,#9ee32b);color:#100130;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:700;transition:all .2s ease;box-shadow:var(--shadow-skeuo-btn);display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3)}.btn-primary:hover{background:linear-gradient(180deg,#d3f97e,#b3f63f);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px rgba(179,246,63,.5);transform:translateY(-1px)}.badge{background:linear-gradient(180deg,#b3f63f,#90d322);color:#100130;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;box-shadow:0 2px 6px rgba(179,246,63,.3)}.desktop-header-container{display:none;background-color:#1c023d;border-bottom:1px solid #111;box-shadow:0 4px 16px rgba(0,0,0,.6);position:sticky;top:0;z-index:100;padding:12px 24px}.desktop-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.desktop-header-nav{display:flex;align-items:center;gap:16px}.desktop-nav-link{color:var(--color-text-muted);text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 14px;border-radius:8px;transition:all .2s ease}.desktop-nav-link.active,.desktop-nav-link:hover{color:#B3F63F;background-color:rgba(179,246,63,.1)}.desktop-header-user{display:flex;align-items:center;gap:16px}.user-profile-badge{display:flex;align-items:center;gap:10px;background-color:rgba(255,255,255,.05);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.user-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #b3f63f}.user-name-text{font-size:.85rem;font-weight:600;color:#FAFAF8}.desktop-logout-btn{background:none;border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.desktop-logout-btn:hover{background-color:rgba(239,68,68,.15)}.responsive-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.desktop-header-container{display:block}.bottom-nav{display:none!important}.app-shell{height:auto!important;max-height:none!important;overflow:visible!important}.main-content{max-width:1200px;margin:0 auto;width:100%;padding:32px 24px!important;overflow-y:visible!important}.responsive-grid{grid-template-columns:repeat(3,1fr);gap:24px}}