/* Public Voomplex owner dashboard modules — illustrative interactive previews. */
.vx-modules-section{background:#101410;color:#f7faf4;padding:100px 0 98px;overflow:hidden}
.vx-modules-section .vx-mod-intro{max-width:810px;margin-bottom:35px}
.vx-mod-intro .label{color:#d7ff45}
.vx-mod-intro h2{font-size:clamp(36px,5.6vw,67px);font-weight:800;line-height:1.06;letter-spacing:-.055em;margin:16px 0}
.vx-mod-intro h2 em{font-style:normal;color:#d7ff45}
.vx-mod-intro p{font-size:17px;line-height:1.75;color:#bac2b5;max-width:760px}
.vx-mod-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.vx-mod-topline span{font-size:12px;letter-spacing:.11em;color:#9fac95;font-weight:700}
.vx-mod-disclaimer{margin-top:24px;border-top:1px solid #2f3830;padding-top:22px;color:#aeb9a7;font-size:12px;line-height:1.7}
.vx-mod-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.vx-mod-ctas a{border:1px solid #e1ede0;padding:14px 20px;font-size:13px;font-weight:800;transition:.2s}
.vx-mod-ctas a:hover{transform:translateY(-2px)}
.vx-mod-ctas a:first-child{background:#d7ff45;border-color:#d7ff45;color:#141811}
.vx-mod-ctas a:last-child{background:transparent;color:#f6f8f3}
.vx-mod-layout{display:grid;grid-template-columns:minmax(245px,300px) minmax(0,1fr);gap:0;border:1px solid #38463a;background:#171d18;border-radius:16px;overflow:hidden;min-height:690px}
.vx-mod-nav{background:#171d18;padding:20px 12px;border-right:1px solid #354035;max-height:735px;overflow:auto;scrollbar-color:#52674c #171d18;scrollbar-width:thin}
.vx-mod-group{display:block;color:#7e977c;letter-spacing:.15em;font-size:10px;font-weight:800;margin:20px 12px 10px}
.vx-mod-group:first-child{margin-top:8px}
.vx-mod-choice{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;padding:11px 10px;color:#dbe5d5;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.vx-mod-choice:hover{background:#252f25}
.vx-mod-choice.active{background:#d7ff45;color:#17200f;border-color:#e0ff78}
.vx-mod-choice:focus-visible{outline:2px solid #d7ff45;outline-offset:-2px}
.vx-mod-choice-symbol{display:grid;place-items:center;width:31px;height:31px;border:1px solid #455545;border-radius:7px;font-size:20px;font-weight:700}
.vx-mod-choice.active .vx-mod-choice-symbol{border-color:#89a72e;background:#ebff9c}
.vx-mod-choice b{font-size:12px;display:block;line-height:1.3}
.vx-mod-choice small{font-size:10px;display:block;margin-top:5px;color:#99aa98;line-height:1.35;max-width:185px}
.vx-mod-choice.active small{color:#455432}
.vx-mod-arrow{font-size:15px;opacity:.6}
.vx-mod-preview{padding:28px;min-width:0;background:radial-gradient(ellipse at 100% 0%,rgba(136,199,80,.075),transparent 45%),#1c221d}
.vx-mod-detail-top{margin-bottom:24px}
.vx-mod-detail-top small{font-size:10px;letter-spacing:.18em;font-weight:800;color:#a6bc95}
.vx-mod-detail-top h3{font-size:clamp(24px,3vw,39px);letter-spacing:-.04em;line-height:1.12;margin:12px 0 10px;color:white}
.vx-mod-detail-top p{color:#b1bead;font-size:13px;line-height:1.65;max-width:620px;margin:0}
.vx-mod-window{background:#fff;color:#1e261d;border-radius:11px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.15)}
.vx-mod-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf1e9;border-bottom:1px solid #dce3d5;padding:12px 17px;font-size:9px;letter-spacing:.11em;font-weight:800;color:#5b6959}
.vx-mod-dots{display:flex;gap:5px}
.vx-mod-dots i{display:block;width:8px;height:8px;background:#c9d1c6;border-radius:50%}
.vx-mod-dots i:first-child{background:#c0d69d}
.vx-mod-toolbar em{font-size:9px;font-style:normal;letter-spacing:.08em;background:#d7ff45;border-radius:999px;padding:4px 9px;color:#172010}
.vx-mod-window-body{padding:20px}
.vx-mod-workhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.vx-mod-workhead small{color:#849080;font-size:9px;letter-spacing:.15em;font-weight:900}
.vx-mod-workhead h4{font-size:21px;letter-spacing:-.035em;margin:6px 0 0;color:#111813}
.vx-mod-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:10px;background:#202c1c;color:#d7ff45;font-weight:800}
.vx-mod-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}
.vx-mod-stats>div{border:1px solid #e1e6de;background:#fafcf8;border-radius:8px;padding:14px 12px;min-width:0}
.vx-mod-stats small{display:block;color:#748072;font-size:10px;line-height:1.4;min-height:18px}
.vx-mod-stats strong{display:block;font-size:clamp(15px,2vw,24px);letter-spacing:-.05em;color:#152016;margin-top:7px;overflow-wrap:anywhere}
.vx-mod-table{border:1px solid #e3e8e0;border-radius:9px;overflow:hidden}
.vx-mod-table-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;background:#f8faf6}
.vx-mod-table-title strong{font-size:12px}
.vx-mod-table-title>span{color:#8a9584;font-size:10px}
.vx-mod-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-top:1px solid #e8ece6}
.vx-mod-row>div{min-width:0}
.vx-mod-row b{display:block;font-size:12px;font-weight:750;line-height:1.4}
.vx-mod-row small{display:block;color:#899484;font-size:10px;margin-top:3px}
.vx-mod-row>span{font-size:11px;color:#3e5a2e;text-align:right;font-weight:800;max-width:46%;overflow-wrap:anywhere}
.vx-mod-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vx-mod-features span{font-size:10px;background:#273627;border:1px solid #3b5337;border-radius:999px;color:#d0e6c6;padding:8px 12px}
.vx-mod-chart{height:144px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;border:1px solid #e3e8e0;border-radius:9px;padding:16px 20px 8px;margin-bottom:15px}
.vx-mod-chart>div{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:end;gap:6px}
.vx-mod-chart span{display:block;width:100%;max-width:28px;background:#b5ee72;border-radius:5px 5px 0 0}
.vx-mod-chart small{font-size:9px;color:#697865}
.vx-mod-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 16px}
.vx-mod-week>div{border:1px solid #e4e8e2;border-radius:7px;text-align:center;display:grid;gap:7px;padding:10px 4px}
.vx-mod-week small{color:#81917c;font-size:9px;font-weight:900}
.vx-mod-week b{font-size:16px}
.vx-mod-week span{font-size:9px;color:#6b7667;padding:5px 1px}
.vx-mod-week span.filled{background:#d7ff45;color:#253418;border-radius:4px;font-weight:800}
.vx-mod-flow{display:flex;align-items:center;gap:7px;margin-bottom:15px}
.vx-mod-flow span{background:#eaf7d7;color:#26371c;border:1px solid #cce8aa;font-size:10px;font-weight:800;text-align:center;flex:1;padding:13px 6px;border-radius:6px}
.vx-mod-flow b{color:#66904b}
@media(max-width:970px){.vx-mod-layout{grid-template-columns:minmax(205px,235px) minmax(0,1fr)}.vx-mod-preview{padding:17px}.vx-mod-choice small{display:none}.vx-mod-choice{padding:12px 9px}.vx-mod-window-body{padding:15px}}
@media(max-width:690px){.vx-modules-section{padding:70px 0}.vx-mod-layout{display:block;min-height:0}.vx-mod-nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:7px;max-height:none;padding:12px;border-right:0;border-bottom:1px solid #354035}.vx-mod-group{display:none}.vx-mod-choice{flex:0 0 auto;width:auto;grid-template-columns:24px auto;gap:7px;min-height:45px;padding:8px 12px}.vx-mod-choice b{font-size:11px;white-space:nowrap}.vx-mod-choice .vx-mod-arrow{display:none}.vx-mod-choice-symbol{width:25px;height:25px;font-size:16px}.vx-mod-preview{padding:16px 12px 20px}.vx-mod-detail-top h3{font-size:28px}.vx-mod-toolbar{font-size:8px;padding:10px}.vx-mod-window-body{padding:12px}.vx-mod-stats{gap:5px}.vx-mod-stats>div{padding:9px 6px}.vx-mod-stats small{font-size:9px}.vx-mod-stats strong{font-size:15px}.vx-mod-table-title{padding:11px 9px}.vx-mod-row{padding:11px 9px}.vx-mod-row b{font-size:11px}.vx-mod-row>span{font-size:10px}.vx-mod-week{gap:3px}.vx-mod-week>div{padding:7px 1px}.vx-mod-week span{font-size:8px}.vx-mod-flow{gap:3px}.vx-mod-flow span{font-size:9px}.vx-modules-section .vx-mod-intro h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.vx-mod-ctas a,.vx-mod-choice{transition:none}}