:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-surface: #ffffff;--color-background: #f8fafc;--color-card: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #64748b;--color-accent: #8b5cf6;--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text);font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden}.container-safe{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:768px){.container-safe{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width:1280px){.container-safe{padding-left:4rem;padding-right:4rem}}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b866}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.card-base{@apply bg-white rounded-3xl border border-slate-200/60 shadow-sm overflow-hidden transition-all duration-300;}.card-padding{@apply p-6 md:p-8 lg:p-10;}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.glass{background:#fffc;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4)}