*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--white);color:var(--black);line-height:1.6}.black{color:var(--black)}.purple{color:var(--purple)}.super{vertical-align:super;font-size:smaller}.caps{text-transform:uppercase}.container{width:90%;max-width:1200px;margin:0 auto}.navbar{background:var(--white);padding:.5rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 6px #0000000d}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.logo:hover{opacity:.9}.logo img{height:70px}.logo h1{font-size:1.5rem;font-weight:700}.epic{color:var(--black)}.edge{color:var(--purple)}nav ul{list-style:none;display:flex}nav a{text-decoration:none;color:var(--black);font-weight:500;transition:color .2s ease}nav a:hover{color:var(--purple)}.btn{background-color:var(--purple);color:var(--white);padding:.6rem 1.4rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s ease;margin:.2rem;cursor:pointer}.btn:hover{background-color:#6e3acc}.footer{padding:2rem 0;background-color:#f1f1f1;text-align:center;font-size:.9rem;color:var(--gray)}.footer-links{margin-top:.5rem}.footer-links a{color:var(--gray);text-decoration:none;margin:0 .5rem}.footer-links a:hover{color:var(--purple)}@media (max-width: 768px){.container{text-align:center;align-items:center}.navbar .container{flex-direction:column;gap:1rem}nav{display:none}nav ul{flex-direction:column;gap:.5rem}.hero-text{text-align:center;margin:1.5rem 0}.hero-text h2,.hero-text p{text-align:center}.hero-image img{display:block;margin:0 auto}.btn{display:inline-block;margin:1rem auto}.logo{justify-content:center;align-items:center;text-align:center}.logo h1{text-align:center}}:root{--purple: #7f47dd;--black: #000000;--white: #ffffff;--gray: #6b6b6b;--font: "Montserrat", sans-serif}.user-layout{display:grid;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:200px 1fr;grid-template-rows:auto 1fr auto;height:100vh;font-family:Montserrat}.user-layout header{grid-area:header;background:#fff;border-bottom:1px solid #e5e7eb;color:#000;padding:1rem;display:flex;justify-content:flex-start;align-items:center;display:grid;grid-template-columns:10% 75% 15%}.user-layout .menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:#000;cursor:pointer}.user-layout aside{grid-area:sidebar;background:#fff;color:#000;padding-left:5px;transition:transform .3s ease}.user-layout aside nav a{display:block;color:#ccc;text-decoration:none;margin:.5rem 0;padding:.5rem 0rem;font-size:.8rem;color:#374151;cursor:pointer;white-space:nowrap;font-weight:700}.user-layout aside nav a .icon{width:100px;text-align:center;flex-shrink:0;margin-right:5px}.user-layout aside nav a:hover{background-color:#f2efff;color:#7f47dd}.user-layout aside nav a.active{background-color:#eae2ff;color:#7f47dd}.user-layout aside nav .section-title{font-weight:700}.user-layout main{grid-area:main;padding:1rem;background:#f4f4f4}.user-layout footer{grid-area:footer;background:#ddd;text-align:center;padding:.5rem;font-size:.8rem;font-weight:700}.user-layout .cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.user-layout .card{background:#fff;padding:1rem;flex:1 1 calc(33.333% - 1rem);box-shadow:0 2px 4px #0000001a}.user-layout .chart{background:#fff;padding:1rem;height:200px;box-shadow:0 2px 4px #0000001a}.logo{height:32px;margin-right:1rem}.brand{font-size:1.25rem;font-weight:700;margin:0}.brand .tm{font-size:.6em;vertical-align:super}.aside-logo{display:none}@media (max-width: 768px){.aside-logo{color:#000;display:flex;justify-content:flex-start;align-items:center;display:grid;grid-template-columns:15% 85%}.user-layout{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}.user-layout .menu-btn{display:block}.user-layout aside{position:fixed;top:0;left:0;width:200px;height:100%;background:#fff;transform:translate(-100%);z-index:1000;padding-top:4rem}.user-layout nav{display:block}.user-layout aside.show{transform:translate(0)}.user-layout main{padding:1rem}.user-layout .card{flex:1 1 100%}}.black{color:#111}.purple{color:#5e17eb}.orange{color:#f9a826}.violet{color:#7f47dd}.yellow{color:gold}.grey{color:#a4adba}.dark-orange{color:#d26d23}a{text-decoration:none}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000}.modal{position:fixed;top:50%;left:50%;width:90%;max-width:400px;background:#fff;border-radius:10px;padding:2rem;box-shadow:0 0 20px #00000040;transform:translate(-50%,-50%);z-index:1001}.modal-content{display:flex;flex-direction:column;gap:1rem;text-align:center}.btn{background-color:var(--purple);color:var(--white);padding:.6rem 1.4rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s ease}.btn-purple{background-color:#7f47dd;color:#fff}.leo-avatar{position:fixed;bottom:40px;right:10px;width:100px;height:auto;z-index:1000}.image-button-wrapper{position:fixed;bottom:40px;right:10px;width:auto;height:auto;z-index:1000}.image-button{width:150px;height:auto;cursor:pointer;border:none;background:none;padding:0;transition:transform .2s ease}.image-button:hover{transform:scale(1.1)}.popover{position:relative;top:110%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;box-shadow:0 0 12px #00000026;z-index:10;width:220px}.popover button{margin-top:.5rem;background:#7f47dd;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer}