@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,400&display=swap";:root{--bg-base:#0a0b0f;--bg-surface:#0f1015;--bg-card:#13141a;--bg-elevated:#1a1b22;--border:#ffffff12;--border-subtle:#ffffff0a;--text-primary:#e8e9ef;--text-secondary:#ffffff80;--text-muted:#ffffff4d;--accent:#6c63ff;--accent-soft:#6c63ff26;--accent-2:#ff6584;--green:#34d399;--green-soft:#34d39926;--yellow:#fbb724;--yellow-soft:#fbb72426;--red:#ff6584;--red-soft:#ff658426;--google:#4285f4;--meta:#1877f2;--tiktok:#ff0050;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sidebar-w:224px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:13px}button{cursor:pointer;border:none;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.hamburger-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;margin-bottom:20px;padding:8px 12px;font-size:18px;line-height:1;display:none}.sidebar-overlay{display:none}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-w:0px}.hamburger-btn{display:block}.sidebar-nav{transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar-nav.open{transform:translate(0);box-shadow:8px 0 32px #0000008c}.sidebar-close-btn{display:flex!important}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed;inset:0}.main-content{margin-left:0!important;padding:20px 16px!important}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (width<=480px){.main-content{padding:16px 12px!important}}@media (width<=768px){input,select,textarea{font-size:16px!important}}