:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #111827;--color-text-muted: #6b7280;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #eef2ff;--color-border: #e5e7eb;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(99, 102, 241, .12);--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#8b5cf6);border-radius:999px;transition:width .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, .2s)}.revealed .section-title:after,.section-header.revealed .section-title:after{width:48px}.section-subtitle{color:var(--color-text-muted);margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:none;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);position:relative;overflow:hidden}.btn-ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary-light);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow);z-index:-1}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost:hover:before{transform:scaleX(1)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:.8125rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:#6366f133}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px;color:var(--color-text)}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;transition:border-color var(--transition);background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-textarea{min-height:100px;resize:vertical}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border);font-size:.875rem}th{font-weight:600;color:var(--color-text-muted);background:#f9fafb}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-16px) scale(1.05)}66%{transform:translate(-16px,12px) scale(.95)}}.animate-fade-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--transition-slow),transform var(--transition-slow);transition-delay:var(--reveal-delay, 0s)}.reveal-left{transform:translate(-28px)}.reveal-right{transform:translate(28px)}.reveal-scale{transform:scale(.94)}.reveal.revealed,.revealed.reveal{opacity:1;transform:translate(0) scale(1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:768px){.section-title{font-size:1.5rem}}