@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#0b0f19;--bg-secondary:#131a2b;--bg-glass:rgba(30,41,59,.45);--border-glass:hsla(0,0%,100%,.08);--border-glass-active:hsla(0,0%,100%,.18);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-emerald:#10b981;--accent-emerald-farm:#10b981;--accent-emerald-glow:rgba(16,185,129,.25);--accent-amber:#f59e0b;--accent-amber-sun:#f59e0b;--accent-rose:#f43f5e;--accent-rose-danger:#f43f5e;--accent-indigo:#6366f1;--accent-indigo-sky:#6366f1;--glass-blur:blur(16px);--shadow-glow:0 8px 32px 0 rgba(0,0,0,.45);--shadow-emerald:0 0 15px rgba(16,185,129,.2);--shadow-rose:0 0 15px rgba(244,63,94,.2);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-outfit:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-outfit);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.app-container{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,#1e1b4b 0,var(--bg-primary) 100%);position:relative;box-shadow:0 0 40px rgba(0,0,0,.6)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}.glow-text-emerald{color:var(--accent-emerald);text-shadow:0 0 10px var(--accent-emerald-glow)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-glow);transition:var(--transition-smooth)}.glass-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border-glass);background:rgba(15,23,42,.6);color:var(--text-primary);font-family:var(--font-outfit);font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 3px rgba(99,102,241,.25)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);width:100%;text-align:center;font-family:var(--font-outfit)}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px rgba(16,185,129,.3)}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 5px rgba(16,185,129,.2)}.btn-secondary{background:hsla(0,0%,100%,.08);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:hsla(0,0%,100%,.15)}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 4px 15px rgba(244,63,94,.3)}.badge{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:rgba(16,185,129,.15);color:var(--accent-emerald)}.badge-warning{background:rgba(245,158,11,.15);color:var(--accent-amber)}.badge-danger{background:rgba(244,63,94,.15);color:var(--accent-rose)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:64px;background:rgba(15,23,42,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);justify-content:space-around;z-index:100}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;text-decoration:none;color:var(--text-secondary);font-size:.7rem;font-weight:500;transition:var(--transition-smooth)}.nav-item.active{color:var(--accent-emerald);text-shadow:0 0 10px var(--accent-emerald-glow)}.nav-icon{font-size:1.3rem;margin-bottom:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.loading-spinner{width:24px;height:24px;border-radius:50%;border:3px solid hsla(0,0%,100%,.15);border-top:3px solid var(--text-primary);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}