@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#0a0a0f;--bg-gradient:linear-gradient(135deg, #0a0a0f 0%, #161621 100%);--primary-glow:#9061ff66;--primary-color:#9061ff;--primary-color-hover:#7848e0;--secondary-color:#3b2866;--text-main:#fff;--text-muted:#a0a0b0;--surface:#ffffff08;--surface-border:#ffffff14;--glass-bg:#14141e99;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--glass-blur:blur(12px);--success:#10b981;--error:#ef4444;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Outfit,sans-serif}html{overscroll-behavior:none;-webkit-text-size-adjust:100%}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;min-height:100dvh;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}#root{flex-direction:column;min-height:100dvh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:var(--primary-color-hover);transform:translateY(-2px);box-shadow:0 6px 20px #9061ff99}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--text-main);border:1px solid var(--surface-border)}.btn-secondary:hover{background:#ffffff14}.input-field{border:1px solid var(--surface-border);width:100%;color:var(--text-main);appearance:none;background:#0000004d;border-radius:12px;outline:none;padding:16px;font-size:16px;transition:all .3s}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.input-field::placeholder{color:var(--text-muted)}input,select,textarea{appearance:none;border-radius:0;font-size:16px!important}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app-container{background:var(--bg-gradient);width:100%;max-width:480px;min-height:100dvh;padding-top:var(--sat);padding-left:var(--sal);padding-right:var(--sar);flex-direction:column;margin:0 auto;display:flex;position:relative}.screen-content{padding:0;padding-bottom:calc(80px + var(--sab));-webkit-overflow-scrolling:touch;flex:1;scroll-padding-top:16px;overflow-y:auto}::-webkit-scrollbar{display:none}*{scrollbar-width:none}button{touch-action:manipulation;cursor:pointer;min-height:44px}a,button,[role=button]{-webkit-touch-callout:none}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-error{color:var(--error)}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}@supports (padding-bottom:env(safe-area-inset-bottom)){.screen-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media screen and (width<=360px){.screen-content{padding-bottom:calc(72px + var(--sab))}}@media screen and (height<=480px) and (orientation:landscape){nav{padding:4px 0!important}.screen-content{padding-bottom:calc(60px + var(--sab))}}.desktop-sidebar{display:none}@media screen and (width>=768px){.app-container{flex-direction:row;max-width:100%}.screen-content{padding-left:240px;padding-bottom:0!important}.desktop-sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--surface-border);z-index:50;background:#0a0a0ff2;flex-direction:column;width:240px;height:100dvh;padding:32px 16px;display:flex;position:fixed;top:0;left:0}.mobile-bottom-bar{display:none!important}.page-content-wrapper{width:100%;max-width:800px;margin:0 auto}}.page-content-wrapper{width:100%}