*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}.page-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.page-subtitle{color:var(--text-secondary);font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-enter-from{transform:translate(-20px);opacity:0}.slide-leave-to{transform:translate(20px);opacity:0}.code-editor{font-family:Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;border-radius:8px;padding:16px}