@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--color-bg:210 20% 98%;--color-surface:0 0% 100%;--color-primary:221 83% 53%;--color-primary-hover:221 83% 45%;--color-text-main:222 47% 11%;--color-text-muted:215 16% 47%;--color-border:214 32% 91%;--radius-md:12px;--radius-lg:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-glass:0 8px 32px 0 #1f26870d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--color-bg));max-width:100vw;color:hsl(var(--color-text-main));-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}.glass-card{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #ffffff80;padding:2rem;transition:transform .3s,box-shadow .3s}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268714}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem;display:grid}.bento-item{flex-direction:column;display:flex}.bento-item-large{grid-column:span 2}@media (width<=768px){.bento-item-large{grid-column:span 1}}input{border:1px solid hsl(var(--color-border));border-radius:var(--radius-md);background:#fff;outline:none;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s}input:focus{border-color:hsl(var(--color-primary));box-shadow:0 0 0 3px hsla(var(--color-primary), .2)}button.primary{background-color:hsl(var(--color-primary));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-weight:500;transition:background-color .2s,transform .1s}button.primary:hover{background-color:hsl(var(--color-primary-hover))}button.primary:active{transform:scale(.98)}button.secondary{color:hsl(var(--color-text-muted));border:1px solid hsl(var(--color-border));border-radius:var(--radius-md);cursor:pointer;background-color:#0000;padding:.5rem 1rem;transition:all .2s}button.secondary:hover{color:hsl(var(--color-text-main));background-color:hsl(var(--color-bg))}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.toast{background-color:hsl(var(--color-surface));color:hsl(var(--color-text-main));border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;border:1px solid hsl(var(--color-border));align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-success{border-left:4px solid #16a34a}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}.responsive-grid-2{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.responsive-grid-dispatch{grid-template-columns:1fr 1.2fr;gap:2.5rem;display:grid}.mobile-only{display:none!important}.desktop-only{display:flex}.mobile-bottom-nav{display:none}.page-container{padding:2rem}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-full-width{flex:100%!important;width:100%!important}.page-container{padding:0 0 85px!important}.mobile-header{background:linear-gradient(135deg, hsl(var(--color-primary)), #3b82f6);border-radius:0 0 24px 24px;box-shadow:0 4px 20px #0000001a;margin:0!important;padding:1.5rem 1rem 2.5rem!important}.mobile-header h1{color:#fff!important}.bento-grid{z-index:10;gap:1rem;margin-top:-1.5rem;padding:0 1rem;position:relative}.glass-card{background:#fff;border:1px solid #0000000d;border-radius:16px;padding:1.25rem;box-shadow:0 4px 15px #00000008}.responsive-grid-2,.responsive-grid-dispatch{grid-template-columns:1fr;gap:1rem}.tabs-container{-webkit-overflow-scrolling:touch;background:#fff;margin:0;padding:1rem;overflow-x:auto}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:1000;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;border-top:1px solid #0000000d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.nav-item{color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.nav-item.active{color:hsl(var(--color-primary))}.nav-item.active svg{transform:translateY(-2px)}.nav-item svg{margin-bottom:2px;transition:all .2s}}