.looli-dashboard{position:relative;display:grid;grid-template-columns:72px 1fr;margin:0;background:var(--paper);border:7px solid white;border-radius:25px;box-shadow:0 28px 70px #23194226;overflow:visible;min-width:0}.ld-side{background:var(--ink);border-radius:18px 0 0 18px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:18px;color:white}.ld-side .brand{font-size:0;gap:0}.ld-side .brand-mark{width:42px;height:42px}.ld-side>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:15px}.ld-side>span.active{background:var(--orange)}.ld-main{padding:24px;min-width:0}.ld-head{display:flex;justify-content:space-between;align-items:start}.ld-head h3{font-size:25px;color:var(--ink)}.ld-head h3 i{color:#f43f79;font-style:normal}.ld-head p{font-size:10px;margin-top:5px}.ld-head button,.ld-title small{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 11px;font-size:9px}.ld-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.ld-metrics article{padding:15px;border-radius:20px;min-height:104px;position:relative;overflow:hidden}.ld-metrics article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-24px;bottom:-30px;background:#fff8}.ld-metrics .blue{background:#e6edff}.ld-metrics .pink{background:#ffe4ed}.ld-metrics .lime{background:#eaffb8}.ld-metrics .ink{background:#ede9f7}.ld-metrics small{font-size:7px;font-weight:850}.ld-metrics strong{display:block;font-size:30px;margin:8px 0;color:var(--ink)}.ld-metrics em{font-size:8px;font-style:normal;background:#c8f45d;padding:4px 8px;border-radius:20px}.ld-graphs{display:grid;grid-template-columns:2fr .8fr;gap:10px}.ld-chart,.ld-return,.ld-visits{background:white;border:1px solid var(--line);border-radius:20px;padding:14px}.ld-title{display:flex;justify-content:space-between;align-items:center;font-size:12px}.ld-chart svg{width:100%;height:auto;margin-top:5px;overflow:visible}.ld-grid{stroke:#eee8e1;stroke-width:1}.ld-area{fill:url(#looliArea)}.ld-line{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;animation:ld-draw 1.4s ease both}.ld-days{display:flex;justify-content:space-between;color:#817a91;font-size:7px;margin:0 10px}.ld-return{text-align:center}.ld-return>strong{display:block;text-align:left;font-size:12px}.ld-ring{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--orange) 68%,#e8ecfa 0);margin:17px auto 10px;display:grid;place-items:center;position:relative}.ld-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:white}.ld-ring b{z-index:1;font-size:20px}.ld-return p{font-size:8px;margin-top:8px}.ld-visits{margin-top:10px}.ld-person{display:grid;grid-template-columns:28px 1fr auto 28px;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #eee9e3;font-size:8px}.ld-person>span{width:26px;height:26px;background:var(--person);color:white;border-radius:50%;display:grid;place-items:center;font-weight:800}.ld-person p{margin:0}.ld-person p small{display:block;font-size:7px}.ld-dots{display:flex;gap:3px}.ld-dots i{width:17px;height:17px;border-radius:50%;border:1px solid #ddd8d1;color:transparent;display:grid;place-items:center;font-style:normal;font-size:8px}.ld-dots i.filled{background:var(--person);border-color:var(--person);color:white}.looli-dashboard .dash-note{position:absolute;right:-18px;bottom:-24px;background:#c8f45d;padding:9px 16px;border-radius:12px;color:var(--ink);transform:rotate(2deg);box-shadow:0 8px 20px #23194220}.step{--accent:#2457f5!important}.step-drawing{color:#231942}.features-section .feature-tile:nth-child(1) .iconbox,.features-section .feature-tile:nth-child(4) .iconbox{background:#e6edff;color:#2457f5}.features-section .feature-tile:nth-child(2) .iconbox,.features-section .feature-tile:nth-child(5) .iconbox{background:#ffe4ed;color:#f43f79}.features-section .feature-tile:nth-child(3) .iconbox,.features-section .feature-tile:nth-child(6) .iconbox{background:#eaffb8;color:#5a7b10}.features-section .learn{color:#2457f5}.cta .actions .primary{background:#c8f45d;color:#231942;box-shadow:0 5px 0 #8baa31}.cta .actions .primary:hover{background:#d8ff7d}.cta .actions .plain{background:white;color:#231942;box-shadow:0 5px 0 #c9c2da;padding-inline:28px}.cta .actions .plain:hover{background:#fff8e8}.cta .trial{opacity:.85}@keyframes ld-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(max-width:760px){.looli-dashboard{grid-template-columns:48px 1fr}.ld-side{padding-inline:5px}.ld-side .brand-mark{width:32px;height:32px}.ld-side>span{width:32px;height:32px}.ld-main{padding:12px 8px}.ld-head h3{font-size:18px}.ld-head p{display:none}.ld-head button{padding:6px;font-size:7px}.ld-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ld-metrics article{padding:8px;min-height:77px}.ld-metrics strong{font-size:20px}.ld-metrics em{font-size:6px;padding:3px 5px}.ld-graphs{grid-template-columns:1fr}.ld-return{display:none}.ld-chart{padding:8px}.ld-visits{padding:8px}.ld-person{grid-template-columns:24px 1fr auto}.ld-dots{display:none}.looli-dashboard .dash-note{right:4px;font-size:14px}.step-drawing{display:none}}