:root{--lime:#bdff66;--muted:#a4b0aa;--line:#2b3530;background:#0d1210}body{background:#0d1210}aside{width:248px;background:#101713;border-right:1px solid #2c382e;padding:27px 18px 18px}.brand{font-size:37px;letter-spacing:-2.2px}.caption{color:#a3b298;font-size:9px;margin:8px 14px 30px;letter-spacing:2.1px}.nav-group{margin:0 0 23px}.nav-group-label{font-size:9px;letter-spacing:1.8px;color:#92a38c;margin:0 14px 9px;font-weight:600}nav button{border:1px solid transparent;min-height:43px;padding:10px 13px;margin:3px 0;gap:12px;color:#b2bdb5;border-radius:11px;font-size:13px;transition:background .16s,color .16s}nav button:hover{background:#233025;color:#eff8e9}nav button.active{background:var(--lime);color:#14200e;border-color:var(--lime);font-weight:600;box-shadow:0 4px 20px #baff6010}.navicon{display:inline-block;width:21px;height:21px;flex:0 0 21px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.nav-text{flex:1}.nav-count{min-width:23px;padding:3px 6px;background:#bdff6620;color:#d3ff9c;border:1px solid #bdff6640;border-radius:6px;text-align:center;font-size:10px}.active .nav-count{color:#e7ffd3;background:#1b3019;border-color:#1b3019}.sidebottom{padding-top:17px}.avatar{background:#2d4028;color:#dcffc3}main{margin-left:248px;padding:0 34px 30px}.topbar{border-color:#29352b}.demo{background:#152014;color:#c1d7af}h1{font-weight:500;font-size:32px;letter-spacing:-1.2px}.pagehead{margin:30px 0 25px}.hero{border:0;border-radius:20px;min-height:190px;padding:30px 33px;background:linear-gradient(115deg,#1c2b1e,#19291b 55%,#263e21);margin-bottom:22px}.hero:before{display:none}.hero:after{width:220px;height:155px;right:6%;top:20px;border-radius:43% 57% 34% 66% / 51% 33% 67% 49%;background:radial-gradient(ellipse at 20% 10%,#edffd1,#b9f46a 33%,#658d36 70%,#263d1d);box-shadow:inset -16px -13px 28px #1a2c2480,12px 24px 30px #0003;transform:rotate(-18deg)}.hero h2{font-size:37px;line-height:1.12;letter-spacing:-1.5px}.hero p{margin-top:15px;max-width:490px;color:#c5d4bf}.hero .eyebrow{font-size:10px;margin-bottom:17px}.card{background:#141d17;border-color:#2c3930;border-radius:16px}.card h3{font-size:16px;font-weight:500}.btn{border-radius:9px;border-color:#445340;min-height:40px}.btn.primary{background:var(--lime);border-color:var(--lime);color:#14200d;font-weight:600}.btn.primary:hover{background:#d1ff95;border-color:#d1ff95}.btn:focus-visible,nav button:focus-visible{outline:3px solid #f1ffd9;outline-offset:3px}.link{color:var(--lime);font-weight:500}.metric-card .btn{padding:7px 0;border:0;color:var(--lime);text-align:left;margin-top:16px}.metrics{gap:15px;margin:22px 0}.metrichead{font-size:12px;align-items:center}.metrichead .navicon{color:#a8bd99}.number{font-size:32px;margin:14px 0 3px;font-weight:500;color:#f1f8ed}.metric-card p{font-size:11px}.attention-panel{background:#d6f7b7;color:#172312;border:1px solid #d6f7b7;border-radius:20px;padding:26px 28px;position:relative;overflow:hidden}.attention-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.attention-heading .eyebrow{color:#435d31;font-size:10px;margin-bottom:10px;font-weight:600}.attention-heading h2{font-size:29px;font-weight:600;letter-spacing:-1px;margin-bottom:7px}.attention-panel p{color:#455b38}.attention-total{font-size:58px;line-height:1;font-weight:500;letter-spacing:-3px;padding:0 6px}.attention-tasks{display:grid;gap:9px}.attention-task{display:flex;align-items:center;gap:16px;background:#172212;color:#f1f8ed;border:1px solid #31452a;border-radius:12px;padding:17px 18px}.attention-task>.navicon{color:var(--lime);width:25px;height:25px;flex-basis:25px}.attention-copy{flex:1}.attention-copy h3{font-size:15px;margin:0 0 4px;font-weight:500}.attention-copy p{color:#b7c6ae;font-size:12px}.attention-count{font-size:28px;min-width:32px;font-weight:500;text-align:center;color:#e5ffcc}.attention-task .btn{min-width:153px;font-size:12px}.attention-footnote{font-size:10px!important;margin-top:14px!important}.is-clear{background:#1c2a1c;color:#effce5;border-color:#47623b}.is-clear p,.is-clear .eyebrow{color:#bed4b1}.overview-bottom{display:grid;grid-template-columns:1fr;gap:20px}.overview-bottom>.card:first-child{background:#17231a}.badge.warn{color:#f0d39c;background:#5b452733}.badge.bad{color:#ffb5ac;background:#70352e33}th{background:#101a13}td{border-color:#2a392d}.toolbar input,.toolbar select,.form input,.form select,.form textarea{background:#101912;border-color:#3a4e3d}.progress-row progress{accent-color:var(--lime)}.integration-overview{margin-bottom:20px}.integration-overview>.card{padding:27px}.integration-overview .eyebrow{margin-bottom:12px}.connection-state{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid #526248;color:#c9d6bf;border-radius:20px;font-size:11px;margin:8px 0 20px}.integration-steps{display:grid;gap:12px;margin:20px 0}.integration-step{display:flex;gap:14px;padding:15px;border:1px solid #344331;border-radius:12px}.integration-step strong{color:var(--lime);font-size:20px}.integration-step h4{margin:0 0 5px;font-size:14px}.integration-step p{font-size:12px}.module-empty{padding:25px;background:#111a14;border:1px dashed #4d6144;border-radius:12px;margin-top:20px}.module-empty h3{color:#d9edcc;margin-bottom:8px}.detail-grid{margin-bottom:20px}.nav-group:last-child{margin-bottom:0}
@media(min-width:1450px){.overview-bottom{grid-template-columns:1fr 1.65fr}.overview-bottom .tablewrap table{min-width:580px}}
@media(max-width:1100px){aside{width:224px}main{margin-left:224px;padding:0 24px 25px}.metrics{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:33px}.hero:after{right:3%;width:170px}.attention-task{gap:12px}.attention-task .btn{min-width:135px}}
@media(max-width:700px){aside{position:static;width:100%;padding:20px 16px 8px}.brand{font-size:31px}.caption{display:none}nav{display:flex;gap:8px;overflow-x:auto;margin-top:17px;padding-bottom:6px}nav .nav-group{display:contents}.nav-group-label{display:none}nav button{flex:0 0 auto;width:auto;margin:0;gap:8px;min-height:42px;padding:10px 12px}.navicon{width:19px;height:19px;flex-basis:19px}.sidebottom{display:none}main{margin:0;padding:0 16px 25px}.hero{padding:25px;min-height:185px}.hero>div{max-width:85%}.hero h2{font-size:29px}.hero:after{width:135px;height:110px;right:-60px;top:25px;opacity:.55}.hero p{font-size:12px}.attention-panel{padding:21px 17px;border-radius:17px}.attention-heading{gap:10px}.attention-heading h2{font-size:25px}.attention-heading p{font-size:12px}.attention-total{font-size:45px}.attention-task{display:grid;grid-template-columns:25px 1fr 30px;padding:15px 13px;gap:11px}.attention-task .btn{grid-column:2/4;width:100%;min-height:42px}.attention-copy h3{font-size:13px}.attention-copy p{font-size:11px}.attention-count{font-size:24px}.metrics{gap:10px}.metric-card{padding:17px 14px}.number{font-size:26px}.metric-card .btn{font-size:12px}.pagehead{margin:25px 0 20px}.card h3{font-size:15px}.integration-overview>.card{padding:21px}.overview-bottom{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){nav button{transition:none}}
.icon-resumen{mask-image:url("icons/resumen.svg")}
.icon-usuarios{mask-image:url("icons/usuarios.svg")}
.icon-profesionales{mask-image:url("icons/profesionales.svg")}
.icon-servicios{mask-image:url("icons/servicios.svg")}
.icon-pagos{mask-image:url("icons/pagos.svg")}
.icon-cobros{mask-image:url("icons/cobros.svg")}
.icon-publicaciones{mask-image:url("icons/publicaciones.svg")}
.icon-resenas{mask-image:url("icons/resenas.svg")}
.icon-oficios{mask-image:url("icons/oficios.svg")}
.icon-moderacion{mask-image:url("icons/moderacion.svg")}
.icon-verificaciones{mask-image:url("icons/verificaciones.svg")}
.icon-actividad{mask-image:url("icons/actividad.svg")}
.icon-ajustes{mask-image:url("icons/ajustes.svg")}
.mobile-header,.menu-close,.menu-backdrop{display:none}
@media(max-width:700px){
.mobile-header{display:flex;position:sticky;top:0;z-index:12;align-items:center;justify-content:space-between;padding:14px 16px;background:#101713f5;border-bottom:1px solid #30412c;backdrop-filter:blur(12px)}.mobile-header .brand{margin:0;font-size:29px}.mobile-header .btn{display:flex;gap:9px;align-items:center;min-height:43px;padding:10px 13px}.menu-bars{width:16px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.menu-bars:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
aside#sidebar{position:fixed;inset:0 auto 0 0;z-index:21;width:min(320px,88vw);height:100dvh;overflow-y:auto;padding:24px 18px;display:flex;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s}.menu-open aside#sidebar{transform:translateX(0);visibility:visible}.menu-open{overflow:hidden}.menu-close{display:block;align-self:flex-end;margin-bottom:19px;min-height:44px;color:#d4e8c8}aside .brand{margin:0 12px}aside .caption{display:block;margin:10px 13px 25px}aside nav{display:block;overflow:visible;margin:0;padding:0}aside .nav-group{display:block;margin-bottom:21px}aside .nav-group-label{display:block;margin:0 13px 9px}aside nav button{display:flex;width:100%;padding:13px;margin:4px 0;min-height:47px;font-size:14px;gap:13px}aside .navicon{width:22px;height:22px;flex-basis:22px}aside .sidebottom{display:flex;margin-top:22px}aside .nav-text{text-align:left}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;background:#0009;backdrop-filter:blur(4px);border:0;z-index:20}.topbar{height:50px}.topbar>.muted{font-size:10px}.topright{gap:8px}.demo{padding:6px 8px;font-size:9px}.pagehead{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){aside#sidebar{transition:none}}
.dashboard .hero:after{display:none}.dashboard .hero>div{max-width:calc(100% - 330px)}.hero-pins{position:absolute;display:block;width:350px;height:185px;right:18px;top:8px;background:url('icons/collaborator-pins.svg') center/contain no-repeat;pointer-events:none}
@media(max-width:1100px) and (min-width:701px){.dashboard .hero>div{max-width:65%}.hero-pins{width:240px;right:-12px;opacity:.8}.dashboard .hero{min-height:210px}}
@media(max-width:700px){.dashboard .hero{padding-bottom:130px;min-height:310px}.dashboard .hero>div{max-width:100%}.hero-pins{width:270px;height:135px;right:10px;top:auto;bottom:0}}