:root{--color-primary:#7f77dd;--color-primary-light:#f0eefa;--color-primary-dark:#6059b0;--color-bg:#fff;--color-bg-secondary:#fafafa;--color-border:#e5e5e5;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:500}input,textarea,select,button{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@media (width<=768px){.sidebar{z-index:200;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:199;background:#0000004d;position:fixed;inset:0}.mobile-header{display:flex!important}.main-content{margin-inline-start:0!important}}@media (width>=769px){.mobile-header{display:none!important}}