:root{--bg-body:#060912;--bg-app:#0c0e17;--bg-card:#1a203599;--bg-card-hover:#262e4ad9;--border-color:#ffffff0d;--border-color-focus:#ff734066;--primary:#ff6f3d;--primary-hover:#fa551c;--primary-glow:#ff6f3d33;--secondary:#3b82f6;--secondary-hover:#2563eb;--success:#10b981;--success-glow:#10b9811f;--danger:#ef4444;--danger-glow:#ef44441f;--text-main:#f8fafc;--text-muted:#94a3b8;--text-muted-dark:#64748b;--shadow-premium:0 12px 36px -12px #000c;--shadow-glow:0 0 24px #ff6f3d26;--glass-bg:#0c0e17cc;--glass-blur:blur(20px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-body);color:var(--text-main);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-main);font-family:Outfit,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}body{background:radial-gradient(circle at 100% 0,#111827 0%,#030712 100%);justify-content:center;align-items:center;display:flex}.app-wrapper{background-color:var(--bg-app);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=480px){body{padding:20px 0}.app-wrapper{border:10px solid #27272a;border-radius:40px;flex-direction:column;width:420px;height:880px;min-height:880px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #ff5a1f0d}.app-wrapper:before{content:"";z-index:1000;pointer-events:none;background:#27272a;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:130px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}}.app-content{flex-direction:column;flex:1;height:100%;padding-bottom:90px;display:flex;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.app-content{-ms-overflow-style:none;scrollbar-width:none}.bottom-nav{background:var(--glass-bg);height:76px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-color);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:25%;height:100%;font-size:.75rem;font-weight:500;transition:color .2s,transform .1s;display:flex}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--primary)}.nav-icon{font-size:1.25rem;transition:transform .2s}.nav-item.active .nav-icon{transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:16px;transition:border-color .2s,background-color .2s}.card:hover{background:var(--bg-card-hover)}.btn-primary{background:var(--primary);color:var(--text-main);text-align:center;width:100%;box-shadow:var(--shadow-glow);border-radius:16px;padding:14px 24px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-block}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#334155;transform:none}.badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-orange{color:var(--primary);background:#ff5a1f1f}.badge-green{background:var(--success-glow);color:var(--success)}.badge-red{background:var(--danger-glow);color:var(--danger)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}