:root{--color-primary: hsl(222, 40%, 65%);--color-primary-hover: hsl(222, 40%, 75%);--color-secondary: hsl(150, 25%, 65%);--color-accent: hsl(260, 30%, 60%);--color-success: hsl(150, 40%, 55%);--color-warning: hsl(35, 60%, 70%);--color-danger: hsl(0, 50%, 70%);--color-background: hsl(220, 15%, 12%);--color-surface: hsl(220, 15%, 18%);--color-surface-hover: hsl(220, 15%, 22%);--color-border: hsl(220, 10%, 28%);--color-text-primary: hsl(220, 10%, 95%);--color-text-secondary: hsl(220, 10%, 80%);--color-text-muted: hsl(220, 10%, 68%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-glow-primary: 0 0 15px hsla(222, 40%, 65%, .15);--shadow-glow-secondary: 0 0 15px hsla(150, 25%, 65%, .15);--font-sans: "Nunito", "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--transition-fast: .2s ease-out;--transition-base: .4s ease-out;--transition-bounce: .6s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw}#root{min-height:100vh;overflow-x:hidden}img,video,iframe,canvas{max-width:100%;height:auto}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);letter-spacing:.025em;min-height:44px}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 6px #0003;border:2px solid transparent}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-glow-primary)}.btn-secondary{background-color:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)}.btn-secondary:hover{background-color:#1ce9b51a;box-shadow:var(--shadow-glow-secondary);transform:translateY(-2px)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4827ec33}.input::placeholder{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:#26d96826;color:var(--color-success);border:1px solid hsla(142,70%,50%,.3)}.badge-warning{background-color:#fab93826;color:var(--color-warning);border:1px solid hsla(40,95%,60%,.3)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.font-bold{font-weight:700}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-xl)}@media(max-width:768px){.hidden-mobile{display:none!important}body{padding-bottom:env(safe-area-inset-bottom,0px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px #0000004d,0 0 0 1px #0000001a;background:var(--color-surface);border:2px solid var(--color-border);min-width:300px;max-width:500px;animation:slideIn .3s ease-out;position:relative;z-index:10001}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:24px;line-height:1}.toast-message{flex:1;font-size:14px;line-height:1.4;color:var(--color-text)}.toast-close{background:none;border:none;font-size:24px;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close:hover{color:var(--color-text)}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-primary)}.toast-container{position:fixed;top:80px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:500px}.toast-container>*{pointer-events:all}@media(max-width:768px){.toast-container{top:70px;right:10px;left:10px;max-width:none}.toast{min-width:unset;width:100%}}.main-footer{padding:var(--spacing-2xl) 0;margin-top:auto;border-top:1px solid var(--color-border);background-color:var(--color-background);text-align:center}.main-footer p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.main-footer a{color:var(--color-secondary);text-decoration:none;font-weight:700;transition:color var(--transition-fast)}.main-footer a:hover{color:var(--color-primary);text-decoration:underline}.main-footer .copyright{font-size:var(--font-size-xs);opacity:.7}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:900;background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #0003;height:68px;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:8px 4px;transition:color var(--transition-fast);min-height:60px;min-width:48px;-webkit-tap-highlight-color:transparent}.bottom-nav-tab.active{color:var(--color-primary)}.bottom-nav-tab:active{background-color:var(--color-surface-hover)}.tab-icon{font-size:1.6rem;line-height:1;display:block}.tab-label{font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1}.bottom-nav-tab.active .tab-label{color:var(--color-primary)}.bottom-nav-tab.active .tab-icon{filter:drop-shadow(0 0 6px hsla(222,40%,65%,.5))}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,255,255,.05) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.skeleton-grid{grid-template-columns:1fr}}