body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,Droid Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-background:#ffffff;--color-surface:#f8f9fa;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444}.card-hover{transition:all .2s ease;cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.btn-primary{background-color:var(--color-primary);color:white;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:transparent;color:var(--color-text-primary);font-weight:500;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.375rem;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-surface)}.nav-link{color:var(--color-text-secondary);font-size:.875rem;transition:color .2s}.nav-link:hover{color:var(--color-text-primary)}.activity-item{padding:1rem;transition:background-color .2s}.activity-item:hover{background-color:var(--color-surface)}.tour-tooltip{background:white;border-radius:.5rem;box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);max-width:24rem;z-index:10000}.tour-highlight{border:2px solid var(--color-primary);border-radius:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}html{scroll-behavior:smooth}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-border) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.hide-mobile{display:none}}@media (min-width:769px){.hide-desktop{display:none}}