#app-shell{display:block;min-height:100vh;background:#f8f9f6;color:#141a21;font:14px Arial,sans-serif;--green:#174e3c;--muted:#79818a;--line:#edf0ed}
@scope (#app-shell){

:root{--green:#174e3c;--muted:#79818a;--line:#edf0ed}*{box-sizing:border-box}body{margin:0;background:#f8f9f6;font:14px Arial,sans-serif;color:#141a21}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #dfe5df;background:white;border-radius:9px;padding:11px 16px;color:inherit}button:hover{filter:brightness(.96)}.primary{background:var(--green);color:white;border-color:var(--green)}aside{position:fixed;inset:0 auto 0 0;width:225px;background:linear-gradient(145deg,#173f32,#0d3028);color:white;padding:28px 16px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:700;margin:5px 8px 38px;letter-spacing:-1px}nav button,.settings{width:100%;text-align:left;color:#dce9e1;border:0;background:none;margin:4px 0;padding:15px}.active{background:#ffffff20!important;color:white!important}nav span{display:inline-block;width:30px;font-size:19px}.settings{margin-top:auto}main{margin-left:225px;padding:36px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 8px}h2{font-size:17px;margin:0}p{color:#6c737b;line-height:1.6}header p{margin:0;font-size:17px}.actions{display:flex;gap:12px;align-items:center}select,input{border:1px solid #dfe5df;border-radius:8px;padding:11px;background:white;color:#303a39}.demo{font-size:11px;color:#818881;text-align:right;margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #ecefeb;border-radius:12px;box-shadow:0 4px 18px #1e3b2512}.card{padding:23px}.label{color:#57615e;font-size:13px}.number{font-size:34px;font-weight:700;margin:17px 0 12px;letter-spacing:-1px}.pill{font-size:12px;border-radius:7px;background:#e5f4e5;color:#256642;padding:6px 9px;display:inline-block}.orange{background:#fff0df;color:#bc671a}.note{font-size:11px;color:#8b918e;margin-left:7px}.row{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:20px}.panel{padding:23px;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.panelhead select{padding:7px;font-size:12px}.chart{width:100%;height:235px}.chart text{font-size:12px;fill:#7f8786}.chart circle{cursor:crosshair}.donutwrap{display:flex;align-items:center;gap:20px;min-height:230px}.donut{width:185px;height:185px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.hole{width:125px;height:125px;border-radius:50%;background:white;display:grid;place-content:center;text-align:center}.hole strong{font-size:21px}.hole small{color:#8b918e;margin-top:9px}.legend{flex:1}.legend button{padding:9px 0;display:flex;justify-content:space-between;gap:9px;border:0;width:100%;font-size:12px;background:none}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f6f7f5;color:#747b78;font-weight:400;padding:13px}td{padding:17px 13px;border-bottom:1px solid #f0f1ef}td small{display:block;color:#878e89;margin-top:6px}.progress{height:7px;border-radius:5px;background:#e6e9e7;margin-top:10px;width:120px;display:inline-block}.progress i{display:block;height:100%;background:#30775a;border-radius:5px}.ai{background:linear-gradient(135deg,#edf4e2,#e2edda);border-radius:12px;padding:23px;display:flex;flex-direction:column}.ai article{background:#ffffffc9;padding:20px;border-radius:18px;margin:24px 0;flex:1}.ai h3{margin:0;font-size:21px;line-height:1.4}.ai p{font-size:14px}.ai button{width:100%}.link{color:var(--green);padding:0;border:0;background:none;font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.tablewrap{overflow:auto}.empty{padding:40px;text-align:center;color:#818981}dialog{border:0;border-radius:16px;width:470px;max-width:94vw;padding:28px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#102b2366}form{display:grid;gap:14px}form label{display:grid;gap:7px;font-size:13px}form .actions{justify-content:end;margin-top:10px}#toast{position:fixed;bottom:24px;right:24px;background:#163e30;color:white;padding:15px 23px;border-radius:10px;display:none;z-index:99}.detail{padding:20px;background:#f5f8f2;border-radius:10px;margin:14px 0}.mobile{display:none}.foot{font-size:12px;color:#8c948f;margin-top:25px}.search{width:260px}.metricgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.muted{color:#838d87}@media(min-width:1500px){main{padding:40px}.chart{height:265px}.donutwrap{min-height:265px}}@media(max-width:1150px){.row{grid-template-columns:1fr}.donutwrap{justify-content:center}.legend{max-width:360px}.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}}@media(max-width:700px){aside{width:66px;padding:14px 5px}.brand{font-size:0;margin:10px 0 20px}.brand:before{content:'OL';font-size:22px;margin:9px}nav button{font-size:0;padding:15px 10px}nav span{font-size:22px;width:auto}.settings{font-size:0}.settings:first-letter{font-size:20px}main{margin-left:66px;padding:20px 13px}h1{font-size:25px}.cards{gap:10px}.card{padding:16px}.number{font-size:26px}.note{display:none}.actions{flex-wrap:wrap}.panel{padding:16px}.donutwrap{gap:10px}.donut{width:140px;height:140px}.hole{width:95px;height:95px}.hole strong{font-size:16px}.legend button{font-size:10px}.metricgrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{width:100%}}

}
#app-shell>aside{z-index:10}
#app-shell .sidebar-toggle{position:absolute;top:50%;right:-19px;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;padding:0;margin:0;border:2px solid #f8f9f6;border-radius:50%;background:#fff;color:#174e3c;box-shadow:0 4px 14px #102b2338;z-index:1;transition:background .18s ease,box-shadow .18s ease}
#app-shell .sidebar-toggle:hover{background:#e5f4e5;box-shadow:0 5px 17px #102b2350}
#app-shell .sidebar-toggle:focus-visible{outline:3px solid #6ca886;outline-offset:3px}
#app-shell .toggle-icon{display:block;width:auto;font-size:23px;font-weight:700;line-height:1}
#app-shell nav .nav-label{width:auto;font-size:inherit}
#app-shell .settings-icon{display:inline-block;width:30px;font-size:19px}
@media(max-width:700px){#app-shell .sidebar-toggle,#app-shell .brand-icon,#app-shell .brand-label,#app-shell nav .nav-label,#app-shell .settings-label{display:none}#app-shell .settings-icon{width:auto;font-size:20px}}
@media(min-width:701px){#app-shell>aside,#app-shell>main{transition:width .18s ease,margin-left .18s ease}#app-shell.sidebar-collapsed>aside{width:70px;padding:28px 8px}#app-shell.sidebar-collapsed>main{margin-left:70px}#app-shell.sidebar-collapsed .brand{margin:5px 0 38px;text-align:center}#app-shell.sidebar-collapsed .brand-label,#app-shell.sidebar-collapsed .nav-label,#app-shell.sidebar-collapsed .settings-label{display:none}#app-shell.sidebar-collapsed nav button,#app-shell.sidebar-collapsed .settings{padding:12px 0;text-align:center;justify-content:center}#app-shell.sidebar-collapsed .nav-icon,#app-shell.sidebar-collapsed .settings-icon{width:auto;flex-basis:auto}}
#app-shell .dashboard-plans{max-width:1280px;margin:-14px auto 32px}
#app-shell .plans-intro{text-align:center;max-width:700px;margin:0 auto 24px}
#app-shell .plans-intro h2{font-size:27px;letter-spacing:-.7px;margin:0 0 9px}
#app-shell .plans-intro p{margin:0;font-size:13px}
#app-shell .trial-note{max-width:760px;margin:0 auto 24px;padding:15px 19px;border:1px solid #cfe2d6;border-radius:12px;background:#edf7f0}
#app-shell .trial-note b{color:#174e3c}
#app-shell .trial-note p{margin:4px 0 0;font-size:12px}
#app-shell .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
#app-shell .plan-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e1e9e3;border-radius:14px;background:#fff;box-shadow:0 8px 28px #173f3210}
#app-shell .plan-card.is-current{border-color:#4f9d75;box-shadow:0 0 0 3px #4f9d7524,0 8px 28px #173f3214}
#app-shell .plan-art{height:160px;display:grid;place-items:center;padding:12px;background:linear-gradient(145deg,#f2f8f2,#eaf3ec)}
#app-shell .plan-art img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
#app-shell .plan-content{display:flex;flex:1;flex-direction:column;padding:22px}
#app-shell .plan-current{align-self:flex-start;margin-bottom:10px;padding:5px 9px;border-radius:99px;background:#e5f4e5;color:#256642;font-size:11px;font-weight:700}
#app-shell .plan-kicker{color:#4c8161;font-size:10px;font-weight:700;letter-spacing:1px}
#app-shell .plan-content h3{margin:7px 0 0;font-size:23px}
#app-shell .plan-description{min-height:42px;margin:8px 0 14px;font-size:12px}
#app-shell .plan-price{display:flex;align-items:baseline;gap:8px;margin:0;padding:12px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}
#app-shell .plan-price strong{font-size:27px;color:#174e3c}
#app-shell .plan-price span{font-size:11px;color:#79818a}
#app-shell .plan-features{display:grid;gap:10px;margin:17px 0 24px;padding-left:18px;color:#57615e;font-size:12px;line-height:1.45}
#app-shell .plan-features li::marker{color:#397d58}
#app-shell .plan-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;width:100%;margin-top:auto;padding:10px;border:1px solid #cfe2d6;border-radius:8px;background:#f0f8f1;color:#174e3c;text-align:center;text-decoration:none;font-size:12px;font-weight:700}
#app-shell .plan-action-primary{border-color:#174e3c;background:#174e3c;color:#fff}
#app-shell .plan-action:hover{filter:brightness(.96)}
#app-shell .plans-disclaimer{max-width:840px;margin:23px auto 0;text-align:center;font-size:11px}
@media(max-width:1050px){#app-shell .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app-shell .plan-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px);width:100%;justify-self:center}}
@media(max-width:760px){#app-shell .plan-grid{grid-template-columns:1fr}#app-shell .plan-card:last-child{grid-column:auto;max-width:none}#app-shell .plans-intro h2{font-size:23px}#app-shell .plan-art{height:135px}}