.eau-wrap{max-width:1200px;margin:24px auto;padding:0 16px;color:#12343b;font-family:Arial,sans-serif}
.eau-hero,.eau-banner{background:linear-gradient(135deg,#0f3d46,#1b6f7a);border-radius:22px;padding:28px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:22px;box-shadow:0 14px 32px rgba(10,45,52,.18)}
.eau-hero-left{display:flex;align-items:center;gap:18px}
.eau-banner-content h2{margin:0 0 8px;font-size:30px;color:#29c5c5}
.eau-banner-content p{margin:0;opacity:.92;font-size:15px}
.eau-kicker{display:inline-block;margin-bottom:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.eau-affiliate-id-badge{display:inline-flex;margin-top:12px;padding:9px 16px;border-radius:0;background:rgba(15,61,70,.75);color:#fff;font-weight:800;font-size:16px;line-height:1;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.eau-avatar{width:120px;height:120px;min-width:120px;border-radius:50%;background:#e0f4f2;color:#0f3d46;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;box-shadow:inset 0 0 0 6px rgba(255,255,255,.25);overflow:hidden;position:relative}
.eau-avatar.eau-avatar-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;transform:none;border-radius:50%;background:#e0f4f2}
.eau-progress-card{background:rgba(255,255,255,.14);padding:18px 22px;border-radius:18px;min-width:360px}.eau-progress-card > span,.eau-progress-card > small{display:block}.eau-progress-card strong{display:block;font-size:34px;line-height:1.1;margin:6px 0}.eau-progress-card small{font-size:16px;line-height:1.4}.eau-progress-card .eau-progress-label{display:inline;color:inherit}.eau-progress-card .eau-money{display:inline-flex;align-items:baseline;gap:2px;white-space:nowrap}.eau-progress-card small .eau-money{font-size:1.15em;vertical-align:baseline}.eau-progress-card .eau-money .eau-amount,.eau-progress-card .eau-money .eau-currency{display:inline-block}
.eau-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}.eau-tab{text-decoration:none;padding:10px 16px;border-radius:999px;background:#e7eff0;color:#0f3d46;font-weight:600}.eau-tab.is-active{background:#0f3d46;color:#fff}
.eau-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.eau-stat{background:#fff;border:1px solid #dbe6e7;border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(15,61,70,.08)}.eau-stat span{display:block;color:#5e7680;font-size:13px;margin-bottom:12px}.eau-stat strong{font-size:30px;color:#0f3d46;line-height:1.05}.eau-stat strong .eau-money{font-size:inherit;align-items:baseline;gap:2px}.eau-stat strong .eau-amount{font-size:1em;line-height:1}.eau-stat strong .eau-currency{font-size:.78em;line-height:1}
.eau-money{display:inline-flex;align-items:baseline;gap:2px;flex-wrap:nowrap;white-space:nowrap}.eau-money .eau-amount{display:inline-block;font-weight:800;line-height:1}.eau-money .eau-currency{display:inline-block;font-size:.78em;font-weight:800;line-height:1;opacity:.92}.eau-money.is-progress{font-size:26px;font-weight:700}.eau-money.is-progress .eau-amount{font-size:1em}.eau-money.is-progress .eau-currency{font-size:.82em}
.eau-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.eau-grid-2-mini{display:grid;grid-template-columns:1fr;gap:16px}
.eau-card{background:#fff;border:1px solid #dbe6e7;border-radius:22px;padding:22px;box-shadow:0 10px 24px rgba(15,61,70,.08)}.eau-card h3{margin:0 0 16px;color:#103a43;font-size:22px}
.eau-table-wrap{overflow:auto}.eau-table{width:100%;border-collapse:collapse}.eau-table th,.eau-table td{padding:12px 10px;border-bottom:1px solid #e9eff0;text-align:left;font-size:14px}.eau-table th{color:#56717b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.eau-form label{display:block;font-weight:600;margin:10px 0 6px;color:#173f47}.eau-input{width:100%;padding:12px 14px;border:1px solid #cbd9dc;border-radius:14px;background:#f8fbfb;box-sizing:border-box}.eau-textarea{min-height:110px;resize:vertical}.eau-inline-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:end;margin-bottom:16px}.eau-button{display:inline-block;background:#0f3d46;color:#fff;border:none;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer}.eau-button-secondary{background:#1b6f7a}.eau-mt-16{margin-top:16px}
.eau-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.eau-approved{background:#e5f7eb;color:#117a38}.eau-pending{background:#fff5dd;color:#936300}.eau-file-link{margin-top:8px}.eau-summary-list{list-style:none;padding:0;margin:0}.eau-summary-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e8eff0}.eau-summary-list li span{color:#5e7680}.eau-link-card{text-align:center}.eau-qr-wrap img{max-width:180px;height:auto;border-radius:14px;border:1px solid #d9e6e7;background:#fff;padding:8px}.eau-profile-image-preview{margin:12px 0 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.eau-profile-image-preview .eau-avatar{width:112px;height:112px;min-width:112px}.eau-profile-image-help{max-width:360px;color:#58717a}.eau-profile-image-help strong{display:block;color:#173f47;margin-bottom:6px}.eau-profile-image-help p{margin:0;line-height:1.6}
@media (max-width:900px){.eau-stats-grid,.eau-grid-2,.eau-grid-2-mini{grid-template-columns:1fr 1fr}.eau-hero{flex-direction:column;align-items:flex-start}.eau-progress-card{min-width:0;width:100%}.eau-avatar{width:96px;height:96px;min-width:96px}}
@media (max-width:680px){.eau-stats-grid,.eau-grid-2,.eau-grid-2-mini,.eau-inline-form{grid-template-columns:1fr}.eau-wrap{padding:0 12px}.eau-hero,.eau-banner{padding:18px}.eau-banner-content h2{font-size:24px}.eau-stat strong{font-size:30px}.eau-tab{padding:9px 14px}.eau-avatar{width:84px;height:84px;min-width:84px}}
.eau-progress-head,.eau-progress-meta{display:flex;justify-content:space-between;gap:16px;align-items:center}.eau-progress-head span{font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;opacity:.9}.eau-progress-head strong{font-size:28px;margin:0}.eau-progress-meta{margin:8px 0 10px;font-size:12px;opacity:.92}.eau-progress-track{height:12px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden;margin-bottom:10px}.eau-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#35d7d1,#9ff3ef)}


.eau-tree-card{overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f9fcfd 100%)}
.eau-tree-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.eau-tree-head h3{margin:0 0 6px}
.eau-tree-head p{margin:0;color:#5f7288;max-width:760px}
.eau-tree-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#37506a}
.eau-tree-legend span{display:inline-flex;align-items:center;gap:8px}
.eau-tree-legend i{display:inline-block;width:12px;height:12px;border-radius:999px;background:#d39b20}
.eau-tree-legend i.is-customer{background:#19b8b4}
.eau-tree-scroll{overflow:auto;padding:6px 4px 14px;scrollbar-width:thin;scrollbar-color:#7ab8bf #e8f1f3}
.eau-tree-scroll::-webkit-scrollbar{height:10px}
.eau-tree-scroll::-webkit-scrollbar-thumb{background:#7ab8bf;border-radius:999px}
.eau-tree-scroll::-webkit-scrollbar-track{background:#e8f1f3;border-radius:999px}
.eau-tree-canvas{min-width:max-content;width:fit-content;max-width:none;padding:12px 18px 28px;margin:0 auto;display:flex;justify-content:center;overflow:visible}
.eau-tree-root,.eau-tree-root ul{padding-top:30px;position:relative;display:flex;justify-content:center;align-items:flex-start;gap:32px;list-style:none;margin:0;padding-left:0;overflow:visible}
.eau-tree-root ul{padding-top:42px}
.eau-tree-root li{--eau-parent-offset:0px;--eau-node-tip-x:50%;--eau-hotspot-center:50%;text-align:center;position:relative;padding:14px 16px 0;display:flex;flex-direction:column;align-items:center}
.eau-tree-root li::before,.eau-tree-root li::after{content:'';position:absolute;top:0;right:50%;width:50%;height:24px;border-top:2px solid #cfd8dc;box-sizing:border-box}
.eau-tree-root li::after{right:auto;left:50%;width:50%;border-left:2px solid #cfd8dc}
.eau-tree-root li:only-child::before,.eau-tree-root li:only-child::after{display:none}
.eau-tree-root li:only-child{padding-top:0}
.eau-tree-root li:first-child::before,.eau-tree-root li:last-child::after{border:none}
.eau-tree-root li:last-child::before{width:50%;margin-right:0;border-right:2px solid #cfd8dc;border-radius:0 8px 0 0}
.eau-tree-root li:first-child::after{width:50%;margin-left:0;border-radius:8px 0 0 0}
.eau-tree-root ul::before{content:'';position:absolute;top:0;left:50%;width:0;height:40px;border-left:2px solid #cfd8dc;transform:translateX(-1px);z-index:1}
.eau-tree-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:132px;background:transparent;border:none;box-shadow:none;padding:0;overflow:visible;transform:none;margin:0 auto}
.eau-tree-avatar-wrap{position:relative;display:inline-flex;justify-content:center;align-items:center;width:78px;height:78px;border-radius:999px;background:#fff;border:2px solid #d8dee3;transition:.2s ease}
.eau-tree-avatar{width:66px;height:66px;border-radius:999px;object-fit:cover;background:#eef3f8;border:2px solid #e8ecef;box-shadow:none}
.eau-tree-node.is-affiliate .eau-tree-avatar-wrap{border-color:#d7dde2}
.eau-tree-node.is-customer .eau-tree-avatar-wrap{border-color:#8de2de}
.eau-tree-name{font-weight:500;color:#2f3438;font-size:16px;line-height:1.2;max-width:170px}
.eau-tree-role-text{font-size:14px;font-weight:700;line-height:1.2}
.eau-tree-role-text.is-affiliate{color:#d39b20}
.eau-tree-role-text.is-customer{color:#19b8b4}
.eau-tree-meta,.eau-tree-submeta,.eau-tree-role{display:none}
.eau-tree-node[data-percent]::after{content:attr(data-percent);position:absolute;left:var(--eau-node-tip-x, 50%);top:22px;transform:translate(-100%,-50%);background:#ff4876;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:8px 12px;border-radius:8px;opacity:0;transition:.2s ease;white-space:nowrap;pointer-events:none;box-shadow:0 8px 20px rgba(255,72,118,.25);z-index:12}
.eau-tree-node[data-percent]::before{content:'';position:absolute;left:calc(var(--eau-node-tip-x, 50%) - 6px);top:22px;transform:translate(0,-50%);width:6px;height:2px;background:#ff4876;opacity:0;transition:.2s ease;pointer-events:none;z-index:12}
.eau-tree-node.is-affiliate:hover::after,.eau-tree-node.is-affiliate:hover::before,.eau-tree-node.is-affiliate:focus-within::after,.eau-tree-node.is-affiliate:focus-within::before{opacity:1}
.eau-tree-node.is-affiliate:hover .eau-tree-avatar-wrap,.eau-tree-node.is-affiliate:focus-within .eau-tree-avatar-wrap,.eau-tree-node.is-affiliate.eau-node-active .eau-tree-avatar-wrap{border-color:#ff4876;box-shadow:0 0 0 4px rgba(255,72,118,.08)}
.eau-tree-node.is-customer:hover .eau-tree-avatar-wrap,.eau-tree-node.is-customer:focus-within .eau-tree-avatar-wrap,.eau-tree-node.is-customer.eau-node-active .eau-tree-avatar-wrap{border-color:#19b8b4;box-shadow:0 0 0 4px rgba(25,184,180,.08)}

.eau-tree-root li.eau-branch-active > ul::before{border-color:#ff4876}
.eau-tree-root li.eau-line-hover::before,
.eau-tree-root li.eau-line-hover::after{border-color:#ff4876}
.eau-tree-root li.eau-node-hover::before,
.eau-tree-root li.eau-node-hover::after{border-color:#cfd8dc}
.eau-tree-root li.eau-line-hover > .eau-tree-node.is-customer + ul::before,
.eau-tree-root li.eau-node-hover > .eau-tree-node.is-customer + ul::before,
.eau-tree-root li.eau-line-hover > .eau-tree-node.is-customer ~ ul::before,
.eau-tree-root li.eau-node-hover > .eau-tree-node.is-customer ~ ul::before{border-color:#19b8b4}
.eau-tree-root li.eau-line-hover > .eau-tree-node.is-customer::before,
.eau-tree-root li.eau-line-hover > .eau-tree-node.is-customer::after,
.eau-tree-root li.eau-node-hover > .eau-tree-node.is-customer::before,
.eau-tree-root li.eau-node-hover > .eau-tree-node.is-customer::after{background:#19b8b4}
.eau-tree-link-hotspot{position:absolute;top:-2px;height:34px;z-index:8;cursor:pointer}
.eau-tree-root li:first-child > .eau-tree-link-hotspot{left:50%;right:-4px}
.eau-tree-root li:last-child > .eau-tree-link-hotspot{left:-4px;right:50%}
.eau-tree-root li:not(:first-child):not(:last-child) > .eau-tree-link-hotspot{left:-4px;right:-4px}
.eau-tree-root li:only-child > .eau-tree-link-hotspot{left:calc(50% - 56px);right:calc(50% - 56px);top:-14px;height:28px}
.eau-tree-link-hotspot::after{content:attr(data-line-percent);position:absolute;left:var(--eau-hotspot-center,50%);top:4px;transform:translate(-50%,-100%);background:#ff4876;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:8px 12px;border-radius:8px;opacity:0;transition:.2s ease;white-space:nowrap;pointer-events:none;box-shadow:0 8px 20px rgba(255,72,118,.25);z-index:12}
.eau-tree-link-hotspot::before{content:'';position:absolute;left:var(--eau-hotspot-center,50%);top:2px;transform:translate(-50%,0);width:2px;height:6px;background:#ff4876;opacity:0;transition:.2s ease;pointer-events:none;z-index:12}
.eau-tree-link-hotspot:hover::after,.eau-tree-link-hotspot:hover::before{opacity:1}
.eau-tree-root > li.eau-tree-is-root > .eau-tree-link-hotspot{display:none}


.eau-tree-link-hotspot:hover{background:transparent}
.eau-tree-root li > .eau-tree-link-hotspot{box-sizing:border-box;border:none !important}

@media (max-width: 782px){
  .eau-tree-canvas{padding:8px 10px 18px}
  .eau-tree-root,.eau-tree-root ul{gap:22px}
  .eau-tree-node{min-width:110px}
  .eau-tree-avatar-wrap{width:64px;height:64px}
  .eau-tree-avatar{width:54px;height:54px}
  .eau-tree-name{font-size:14px;max-width:120px}
  .eau-tree-role-text{font-size:12px}
  .eau-tree-node[data-percent]::after{font-size:11px;top:-10px}
  .eau-tree-node[data-percent]::before{top:-10px}
}

.eau-notice{padding:14px 16px;border-radius:14px;margin:0 0 16px;font-weight:600;border:1px solid transparent}.eau-notice-success{background:#e8f7ef;border-color:#c7ebd4;color:#126c39}.eau-notice-error{background:#fff3f1;border-color:#f5d0ca;color:#9a2c1e}
.eau-inline-delete{display:inline}.eau-button-small{padding:8px 12px;border-radius:10px;font-size:12px}.eau-button-danger{background:#ad3b2f}
.eau-tree-node[data-rank][data-status]::before{display:none !important}
.eau-tree-node::before{display:none !important}
.eau-tree-avatar-wrap::after{content:'';position:absolute;inset:-8px;border-radius:999px;border:3px solid transparent;box-shadow:none;opacity:0;transition:.2s ease;pointer-events:none}
.eau-tree-node.is-affiliate:hover .eau-tree-avatar-wrap::after{opacity:1;border-color:#0f4f57;box-shadow:0 0 0 6px rgba(15,79,87,.08)}
.eau-tree-node.is-customer:hover .eau-tree-avatar-wrap::after{opacity:1;border-color:#d98d1f;box-shadow:0 0 0 6px rgba(217,141,31,.08)}
.eau-tree-avatar-wrap{position:relative;display:inline-flex;justify-content:center;align-items:center;margin-bottom:4px}
.eau-tree-node{overflow:visible}


@supports (-webkit-touch-callout:none){
  .eau-tree-root li::before,.eau-tree-root li::after,.eau-tree-root ul::before{transform:translateZ(0);-webkit-transform:translateZ(0)}
  .eau-tree-root li::before,.eau-tree-root li::after{top:-1px;height:26px}
  .eau-tree-root li:first-child::after{width:50%;margin-left:0;border-top-width:2px;border-left-width:2px}
  .eau-tree-root li:last-child::before{width:50%;margin-right:0;border-top-width:2px;border-right-width:2px}
  .eau-tree-root ul::before{height:42px;transform:translateX(-1px) translateZ(0)}
}



/* v0.2.35 clean tree */
.eau-tree-head p{max-width:680px}
.eau-tree-canvas{padding:18px 28px 34px}
.eau-tree-root,.eau-tree-root ul{gap:48px}
.eau-tree-root li{padding:14px 18px 0}
.eau-tree-root li::before,.eau-tree-root li::after,.eau-tree-root ul::before{border-color:#cfd8dc !important}
.eau-tree-link-hotspot{display:none !important}
.eau-tree-node[data-percent]::after,.eau-tree-node[data-percent]::before{display:none !important}
.eau-tree-node:hover .eau-tree-avatar-wrap,.eau-tree-node:focus-within .eau-tree-avatar-wrap,.eau-tree-node.eau-node-active .eau-tree-avatar-wrap{box-shadow:none !important}
.eau-tree-node.is-affiliate:hover .eau-tree-avatar-wrap,.eau-tree-node.is-affiliate:focus-within .eau-tree-avatar-wrap,.eau-tree-node.is-affiliate.eau-node-active .eau-tree-avatar-wrap{border-color:#d7dde2 !important}
.eau-tree-node.is-customer:hover .eau-tree-avatar-wrap,.eau-tree-node.is-customer:focus-within .eau-tree-avatar-wrap,.eau-tree-node.is-customer.eau-node-active .eau-tree-avatar-wrap{border-color:#8de2de !important}
.eau-tree-root li.eau-line-hover::before,.eau-tree-root li.eau-line-hover::after,.eau-tree-root li.eau-node-hover::before,.eau-tree-root li.eau-node-hover::after,.eau-tree-root li.eau-branch-active > ul::before{border-color:#cfd8dc !important}
.eau-tree-avatar-wrap::after,.eau-tree-node.is-affiliate:hover .eau-tree-avatar-wrap::after,.eau-tree-node.is-customer:hover .eau-tree-avatar-wrap::after{display:none !important;opacity:0 !important}
.eau-tree-root ul{align-items:flex-start}
.eau-tree-root li > ul{justify-content:center}
@media (max-width:782px){.eau-tree-root,.eau-tree-root ul{gap:28px}}


/* v0.2.36 centered pyramid tree */
.eau-tree-scroll{overflow:auto;padding:10px 4px 18px}
.eau-tree-canvas{display:block;width:max-content;min-width:100%;padding:18px 24px 36px;margin:0 auto;overflow:visible}
.eau-tree-root,.eau-tree-root ul{position:relative;display:block;white-space:nowrap;list-style:none;margin:0 auto;padding:28px 0 0;text-align:center;overflow:visible}
.eau-tree-root li{position:relative;display:inline-block;vertical-align:top;white-space:normal;text-align:center;padding:26px 18px 0;min-width:120px}
.eau-tree-root li::before,.eau-tree-root li::after{content:'';position:absolute;top:0;width:50%;height:24px;border-top:2px solid #cfd8dc;box-sizing:border-box}
.eau-tree-root li::before{right:50%}
.eau-tree-root li::after{left:50%;border-left:2px solid #cfd8dc}
.eau-tree-root li:only-child::before,.eau-tree-root li:only-child::after{display:none}
.eau-tree-root li:only-child{padding-top:0}
.eau-tree-root li:first-child::before,.eau-tree-root li:last-child::after{border-top:none}
.eau-tree-root li:last-child::before{border-right:2px solid #cfd8dc;border-radius:0 10px 0 0}
.eau-tree-root li:first-child::after{border-radius:10px 0 0 0}
.eau-tree-root ul::before{content:'';position:absolute;top:0;left:50%;width:0;height:26px;border-left:2px solid #cfd8dc;transform:translateX(-1px)}
.eau-tree-root > li::before,.eau-tree-root > li::after{display:none}
.eau-tree-root > li{padding-top:0}
.eau-tree-root > li > ul::before{height:34px}
.eau-tree-node{display:inline-flex;flex-direction:column;align-items:center;gap:8px;min-width:132px;margin:0 auto;background:transparent;border:none;box-shadow:none;padding:0;overflow:visible}
.eau-tree-name{max-width:180px;word-break:break-word}
.eau-tree-role-text{display:block}
.eau-tree-link-hotspot,.eau-tree-node[data-percent]::before,.eau-tree-node[data-percent]::after,.eau-tree-avatar-wrap::after{display:none !important}
@media (max-width:782px){
  .eau-tree-canvas{padding:14px 16px 24px}
  .eau-tree-root li{padding:24px 10px 0;min-width:96px}
  .eau-tree-node{min-width:96px}
  .eau-tree-name{max-width:110px;font-size:14px}
}

.eau-profile-section-spacer{height:18px;}
.eau-subsection-title{margin:10px 0 6px;font-size:26px;font-weight:700;color:#163f4c;}
.eau-subsection-help{margin:0 0 14px;color:#5f7680;font-weight:600;}

.eau-subsection-formats{font-weight:700;color:#5f7680;font-size:0.95em;}
.eau-profile-save-spacer{height:12px;}

.eau-progress-meta .eau-progress-days{color:#60dfdb;font-size:1.08em;font-weight:700;white-space:nowrap;margin-left:8px}.eau-progress-card .eau-accent-money .eau-amount,.eau-progress-card .eau-accent-money .eau-currency{color:#60dfdb!important;font-weight:700}.eau-progress-card .eau-accent-money{font-size:1.12em}.eau-progress-card .eau-progress-remaining{display:inline-flex;align-items:baseline;gap:2px;white-space:nowrap}

/* v0.3.9 monthly-rank/activity progress header */
.eau-dual-progress-card{min-width:520px;padding:18px 22px;display:flex;flex-direction:column;gap:13px;background:rgba(255,255,255,.13)}
.eau-mini-progress{display:block}
.eau-small-head{font-size:13px;text-transform:none;letter-spacing:0;margin-bottom:6px}
.eau-small-head span{font-size:13px;text-transform:none;letter-spacing:0;font-weight:700}
.eau-small-head b{color:#67e4df;margin-left:4px}
.eau-progress-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}
.eau-progress-row .eau-progress-track{margin:0;height:11px;background:rgba(255,255,255,.22)}
.eau-progress-row strong{font-size:24px!important;margin:0!important;color:#fff;line-height:1}
.eau-mini-progress small{display:block;margin-top:7px;font-size:13px!important;line-height:1.3;color:#fff;opacity:.95}
.eau-activity-count{font-size:13px;font-weight:700;margin:3px 0 5px;color:#fff}.eau-person-icon{color:#67e4df;font-weight:700}
.eau-chairman-message{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(103,228,223,.14);color:#67e4df;font-size:13px;font-weight:700}
.eau-form .eau-button{margin-top:12px}.eau-form.eau-mt-16{margin-top:26px}.eau-form.eau-mt-16 .eau-button{margin-top:16px}
@media (max-width:900px){.eau-dual-progress-card{min-width:0;width:100%}}
@media (max-width:680px){.eau-progress-row{grid-template-columns:1fr}.eau-progress-row strong{text-align:right}.eau-small-head{flex-direction:column;align-items:flex-start}}


.eau-withdraw-form{margin-top:22px}
.eau-withdraw-all-box{display:flex;align-items:center;justify-content:space-between;gap:14px;border:2px solid #e2e8ea;border-radius:8px;padding:14px 16px;margin-bottom:14px;background:#fff}
.eau-withdraw-all-box span{font-weight:700;color:#0b3d44}
.eau-withdraw-all-box strong{font-size:18px;color:#0b3d44}
.eau-button-disabled,.eau-button-disabled:hover{opacity:.55;cursor:not-allowed;filter:grayscale(1)}
.eau-form-help{margin:10px 0 0;color:#607783;font-size:14px;font-weight:600}


.eau-pending-approval-card{text-align:center;max-width:720px;margin:24px auto;padding:34px 28px}
.eau-pending-approval-card h3{font-size:28px;margin:0 0 10px;color:#0f3d46}
.eau-pending-approval-card p{font-size:17px;margin:0;color:#4d6570;font-weight:600}
.eau-demo-only-text{font-size:18px;font-weight:800;color:#fff;margin-top:4px}


/* v0.3.15 coupon/monthly wallet/activity progress refinements */
.eau-stat span em{font-style:normal;color:#000;font-weight:700;margin-left:6px;font-size:1.02em}
.eau-activity-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 5px;color:#fff}
.eau-activity-meta-row .eau-activity-count{margin:0}
.eau-activity-remaining{font-size:13px;font-weight:700;color:#fff;white-space:nowrap}
.eau-activity-progress-row strong{font-size:18px!important;white-space:nowrap}


/* v0.3.20 MLM tree search and active/inactive outlines */
.eau-tree-controls{display:flex;align-items:flex-start;justify-content:flex-end;gap:18px;flex-wrap:wrap;min-width:360px}
.eau-tree-search{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;color:#0f2730;white-space:nowrap}
.eau-tree-search label{font-weight:500;color:#111;margin:0}
.eau-tree-search input{width:180px;min-height:30px;padding:6px 12px;border:1px solid #bfcbd0;border-radius:999px;background:#fff;font-size:12px;line-height:1.2;outline:none;box-sizing:border-box}
.eau-tree-search input:focus{border-color:#20bab8;box-shadow:0 0 0 3px rgba(32,186,184,.12)}
.eau-tree-suggestions{display:none;position:absolute;top:calc(100% + 6px);left:105px;right:0;min-width:200px;max-height:240px;overflow:auto;background:#fff;border:1px solid #d7e3e6;border-radius:12px;box-shadow:0 14px 30px rgba(15,61,70,.16);z-index:50;padding:6px}
.eau-tree-suggestions.is-visible{display:block}
.eau-tree-suggestion{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.25;color:#12343b;cursor:pointer}
.eau-tree-suggestion:hover,.eau-tree-suggestion.is-selected{background:#e9f6f6;color:#0f4f57}
.eau-tree-legend i.is-active{background:transparent;border:2px solid #38d96f;box-sizing:border-box}
.eau-tree-legend i.is-inactive{background:transparent;border:2px solid #ff3333;box-sizing:border-box}
.eau-tree-legend i.is-affiliate{background:#d39b20}
.eau-tree-legend i.is-customer{background:#19b8b4}
.eau-tree-node.eau-status-active .eau-tree-avatar-wrap{border-color:#38d96f !important}
.eau-tree-node.eau-status-inactive .eau-tree-avatar-wrap{border-color:#ff3333 !important}
.eau-tree-node.eau-tree-search-hit .eau-tree-avatar-wrap{transform:scale(1.06);box-shadow:0 0 0 7px rgba(32,186,184,.18) !important}
.eau-tree-node.eau-tree-search-hit .eau-tree-name{color:#0f4f57;font-weight:700}
@media (max-width:782px){.eau-tree-controls{width:100%;min-width:0;justify-content:flex-start}.eau-tree-search{width:100%;flex-wrap:wrap}.eau-tree-search input{width:100%;max-width:320px}.eau-tree-suggestions{left:0;right:auto;width:min(320px,100%)}}
.eau-tree-suggestion{display:flex;justify-content:space-between;align-items:center;gap:12px}
.eau-tree-suggestion-main{font-weight:700;color:#12343b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eau-tree-suggestion-meta{font-size:11px;font-weight:700;color:#6a7e88;white-space:nowrap}
.eau-tree-suggestion.eau-status-active .eau-tree-suggestion-meta::before{content:'● ';color:#38d96f}
.eau-tree-suggestion.eau-status-inactive .eau-tree-suggestion-meta::before{content:'● ';color:#ff3333}

/* v0.3.21 MLM search suggestions vertical layout fix */
.eau-tree-suggestions{
    left:105px;
    right:auto;
    width:340px;
    min-width:280px;
    max-width:min(340px, calc(100vw - 40px));
    max-height:320px;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box;
}
.eau-tree-suggestion{
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:3px;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    white-space:normal;
}
.eau-tree-suggestion-main,
.eau-tree-suggestion-meta{
    display:block;
    width:100%;
    max-width:100%;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    word-break:break-word;
}
.eau-tree-suggestion-meta{line-height:1.25}
@media (max-width:782px){
    .eau-tree-suggestions{
        left:0;
        right:auto;
        width:100%;
        min-width:0;
        max-width:320px;
    }
}


/* v0.3.22 MLM tree search/index alignment design enhancements */
.eau-tree-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    flex:1 1 560px;
    min-width:320px;
}
.eau-tree-search-wrap{
    display:flex;
    align-items:center;
    flex:1 1 380px;
    min-width:280px;
}
.eau-tree-search{
    position:relative;
    display:flex;
    align-items:center;
    gap:18px;
    width:100%;
    font-size:15px;
    color:#163841;
    white-space:nowrap;
}
.eau-tree-search label{
    font-weight:600;
    color:#111;
    margin:0;
    font-size:15px;
    line-height:1.2;
}
.eau-tree-search-field{
    position:relative;
    flex:1 1 320px;
    min-width:240px;
    max-width:360px;
}
.eau-tree-search input{
    width:100%;
    min-height:56px;
    padding:0 26px;
    border:2px solid #afb6ba;
    border-radius:999px;
    background:#fff;
    font-size:18px;
    line-height:1.2;
    outline:none;
    box-sizing:border-box;
    color:#29424a;
    box-shadow:0 1px 2px rgba(15,61,70,.04), inset 0 1px 0 rgba(255,255,255,.7);
}
.eau-tree-search input::placeholder{
    color:#b9b9b9;
    opacity:1;
}
.eau-tree-search input:focus{
    border-color:#20bab8;
    box-shadow:0 0 0 4px rgba(32,186,184,.12);
}
.eau-tree-suggestions{
    top:calc(100% + 10px);
    left:0;
    right:auto;
    width:100%;
    min-width:0;
    max-width:none;
    max-height:320px;
    padding:8px;
    border-radius:18px;
    border:1px solid #d7e3e6;
    box-shadow:0 18px 36px rgba(15,61,70,.16);
}
.eau-tree-suggestion{
    padding:10px 12px;
    border-radius:12px;
}
.eau-tree-suggestion-main{
    font-size:14px;
    line-height:1.25;
}
.eau-tree-suggestion-meta{
    font-size:12px;
    line-height:1.35;
}
.eau-tree-legend{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:20px;
    flex:1 1 auto;
    padding:0 4px;
    font-size:15px;
    color:#48616e;
}
.eau-tree-legend span{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:500;
}
.eau-tree-legend i{
    width:16px;
    height:16px;
}
@media (max-width:900px){
    .eau-tree-controls{
        align-items:flex-start;
        gap:18px;
    }
    .eau-tree-legend{
        width:100%;
    }
}
@media (max-width:782px){
    .eau-tree-controls{
        width:100%;
        min-width:0;
        justify-content:flex-start;
        flex-direction:column;
        align-items:flex-start;
    }
    .eau-tree-search-wrap,
    .eau-tree-search,
    .eau-tree-search-field{
        width:100%;
        max-width:none;
        min-width:0;
    }
    .eau-tree-search{
        flex-wrap:wrap;
        gap:10px;
    }
    .eau-tree-search input{
        min-height:50px;
        font-size:16px;
    }
    .eau-tree-legend{
        gap:14px;
        font-size:14px;
    }
    .eau-tree-suggestions{
        width:100%;
        max-width:none;
    }
}


/* v0.3.23 portal title icons */
.eau-tab{
  display:inline-flex;
  align-items:center;
  gap:9px;
  line-height:1;
}
.eau-tab span{
  display:inline-block;
  line-height:1.15;
}
.eau-tab-icon{
  width:18px;
  height:18px;
  display:inline-block;
  flex:0 0 18px;
  object-fit:contain;
}
.eau-tab.is-active .eau-tab-icon{
  filter:brightness(0) invert(1);
}
.eau-title-with-icon{
  display:flex;
  align-items:center;
  gap:10px;
}
.eau-section-title-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  object-fit:contain;
}
@media (max-width:680px){
  .eau-tab-icon{width:16px;height:16px;flex-basis:16px}
  .eau-section-title-icon{width:20px;height:20px;flex-basis:20px}
}


/* v0.3.24 activity icon + updated profile/referrals tab icons */
.eau-activity-count{display:inline-flex;align-items:center;gap:6px;}
.eau-activity-icon{width:15px;height:15px;display:inline-block;flex:0 0 15px;object-fit:contain;}
.eau-person-icon{display:none;}


/* v0.3.25 tab icon size update */
.eau-tab-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
}
.eau-tab{
  gap:11px;
}
@media (max-width:680px){
  .eau-tab-icon{
    width:18px;
    height:18px;
    flex-basis:18px;
  }
}


/* v0.3.27 referrals tab icon update + 15% larger tab icons */
.eau-tab-icon{
  width:25.3px;
  height:25.3px;
  flex:0 0 25.3px;
}
.eau-tab{
  gap:12px;
}
@media (max-width:680px){
  .eau-tab-icon{
    width:20.7px;
    height:20.7px;
    flex-basis:20.7px;
  }
}
.eau-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.eau-section-head-wrap{flex-wrap:wrap}.eau-section-subtitle{margin:6px 0 0;color:#5e7680;line-height:1.5}.eau-monthly-overview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin-top:18px}.eau-monthly-chart-card{overflow:hidden}.eau-monthly-chart-wrap{position:relative;border:1px solid #e3ecee;background:#fbfdfd;border-radius:18px;padding:16px 14px 10px}.eau-monthly-chart{width:100%;height:auto;display:block}.eau-monthly-chart line{stroke:#dce7e8;stroke-width:1}.eau-monthly-chart text{fill:#7c9299;font-size:11px}.eau-chart-area{fill:rgba(32,186,184,.18)}.eau-chart-line{fill:none;stroke:#20bab8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.eau-chart-hit-area{fill:transparent;cursor:pointer}.eau-chart-point{fill:#20bab8;stroke:#fff;stroke-width:2;transition:transform .16s ease}.eau-chart-point-group:hover .eau-chart-point,.eau-chart-point-group:focus .eau-chart-point{transform:scale(1.25)}.eau-chart-tooltip{position:absolute;z-index:4;min-width:160px;max-width:220px;padding:10px 12px;border-radius:10px;background:rgba(33,39,46,.96);color:#fff;box-shadow:0 12px 24px rgba(15,31,38,.18);font-size:13px;line-height:1.35;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.eau-chart-tooltip.is-visible{opacity:1;transform:translateY(0)}.eau-chart-tooltip strong{display:block;font-size:13px;font-weight:700;margin-bottom:4px;color:#fff}.eau-chart-tooltip span{display:block;font-size:13px;color:#fff}.eau-monthly-chart-labels{display:flex;justify-content:space-between;gap:8px;color:#6c8087;font-size:12px;padding:8px 10px 0}.eau-monthly-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.eau-monthly-metric{border-top:1px solid #e9eff0;padding-top:12px}.eau-monthly-metric span{display:block;color:#5e7680;font-size:13px;margin-bottom:8px}.eau-monthly-metric strong{font-size:24px;color:#0f3d46}.eau-export-note{margin:14px 0 0;color:#647b83;font-size:13px;line-height:1.5}.eau-monthly-summary-card h3{margin-bottom:14px}.eau-monthly-summary-list li strong{color:#103a43}.eau-monthly-summary-list li strong .eau-money{justify-content:flex-end}.eau-monthly-summary-list li strong .eau-money,.eau-monthly-metric strong .eau-money{display:inline-flex;align-items:baseline;gap:2px}.eau-monthly-summary-list li strong .eau-currency,.eau-monthly-metric strong .eau-currency{font-size:.78em}
@media (max-width:900px){.eau-monthly-overview-grid{grid-template-columns:1fr}.eau-monthly-summary-card{order:2}.eau-monthly-metrics{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:680px){.eau-section-head .eau-button{width:100%;text-align:center}.eau-monthly-chart-wrap{padding:14px 10px 8px}.eau-monthly-chart-labels{font-size:11px;padding:8px 4px 0}.eau-monthly-metrics{grid-template-columns:1fr}.eau-monthly-metric strong{font-size:22px}}


/* v0.3.31 fixed chart tooltip and Safari-safe SVG points */
.eau-monthly-chart-wrap{position:relative;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}
.eau-monthly-chart{overflow:visible;touch-action:manipulation}
.eau-chart-point-group{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transform:none!important}
.eau-chart-point-group:focus{outline:none}
.eau-chart-hit-area{fill:rgba(0,0,0,0)!important;stroke:rgba(0,0,0,0)!important;stroke-width:0!important;opacity:0!important;pointer-events:all;transform:none!important}
.eau-chart-point{fill:#20bab8!important;stroke:#fff!important;stroke-width:2!important;r:4;transform:none!important;transform-origin:center center!important;vector-effect:non-scaling-stroke}
.eau-chart-point-group:hover .eau-chart-point,
.eau-chart-point-group:focus .eau-chart-point{transform:none!important;fill:#20bab8!important;stroke:#fff!important;stroke-width:2!important}
.eau-chart-tooltip{position:absolute!important;z-index:99!important;display:block!important;min-width:170px;max-width:240px;padding:10px 12px;border-radius:11px;background:rgba(37,43,51,.96)!important;color:#fff!important;box-shadow:0 16px 32px rgba(15,31,38,.22);font-size:13px;line-height:1.35;pointer-events:none;opacity:0;visibility:hidden;transform:none!important;transition:opacity .12s ease,visibility .12s ease;white-space:normal;text-align:left}
.eau-chart-tooltip.is-visible{opacity:1!important;visibility:visible!important}
.eau-chart-tooltip strong{display:block!important;margin:0 0 5px!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;white-space:nowrap}
.eau-chart-tooltip span{display:block!important;margin:0!important;color:#fff!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important}
@media (max-width:680px){.eau-chart-tooltip{min-width:150px;max-width:190px;font-size:12px}.eau-chart-tooltip strong,.eau-chart-tooltip span{font-size:12px!important}}

.eau-kyc-status-line{margin:10px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:30px}.eau-kyc-current-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;line-height:1.2}.eau-kyc-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e5f7eb;color:#117a38;font-size:12px;font-weight:800}.eau-kyc-open-text{color:#0f3d46;text-decoration:underline;font-weight:700}.eau-kyc-empty{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f1f5f6;color:#6b7f87;font-size:12px;font-weight:700}.eau-kyc-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid #f0b8b8;background:#fff;color:#c62828;font-size:20px;font-weight:900;line-height:1;cursor:pointer;padding:0}.eau-kyc-remove:hover,.eau-kyc-remove:focus{background:#ffecec;border-color:#d84a4a;color:#a60000}.eau-kyc-remove:focus{outline:2px solid rgba(198,40,40,.18);outline-offset:2px}

/* v0.3.58 live referrals filters and W8/W9 sample button */
.eau-referrals-head{align-items:flex-start}.eau-referral-filter-form{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:1}.eau-referral-filter-form .eau-input{width:auto;height:44px;min-height:44px;padding:0 12px;border-radius:10px;box-sizing:border-box;line-height:1.2}.eau-referral-filter-form input[type=search].eau-input,.eau-referral-filter-form input[type=date].eau-input,.eau-referral-filter-form select.eau-input{height:44px;min-height:44px;line-height:44px}.eau-filter-search{min-width:190px}.eau-filter-select{min-width:140px}.eau-filter-date{min-width:135px}.eau-live-filter-status{font-size:12px;color:#6b7f87;font-weight:700}.eau-sample-download-row{margin:0 0 10px}.eau-sample-download-row .eau-button{text-decoration:none}
@media (max-width:900px){.eau-referral-filter-form{justify-content:flex-start}.eau-referral-filter-form .eau-input,.eau-referral-filter-form .eau-button{width:100%;}.eau-filter-search,.eau-filter-select,.eau-filter-date{min-width:0}}


/* v0.3.74 owner and withdrawal polish */
.eau-owner-progress-title{font-size:30px;line-height:1.1;font-weight:900;color:#0f3d46;margin:8px 0 12px}
.eau-owner-progress-meta .eau-activity-count,.eau-owner-progress-meta .eau-activity-remaining{font-weight:800;color:#0f3d46}
.eau-kyc-withdraw-help{margin-top:4px;color:#9a4a16}

.eau-momentum-bonus-card{border-color:#d4ebe9;background:linear-gradient(180deg,#ffffff 0%,#f8fdfd 100%)}
.eau-momentum-bonus-card.is-earned{border-color:#bdebe6;box-shadow:0 12px 30px rgba(32,186,184,.14)}
.eau-momentum-bonus-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.eau-momentum-label{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8fbfa;color:#0f7f7c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.eau-momentum-month{color:#667f87;font-size:13px;font-weight:700}
.eau-momentum-earned-badge{display:inline-flex;align-items:center;padding:9px 12px;margin-bottom:12px;border-radius:999px;background:#103a43;color:#fff;font-weight:800;font-size:13px}
.eau-momentum-message{margin:0 0 16px;color:#496870;line-height:1.65}
.eau-momentum-message strong{color:#103a43}
.eau-momentum-summary-list li strong{color:#103a43;text-align:right}.eau-momentum-summary-list .eau-money{display:inline-flex;align-items:baseline;gap:2px;justify-content:flex-end}
.eau-momentum-next{margin:14px 0 0;color:#0f7f7c;font-weight:700;line-height:1.5}
@media (min-width:901px){.eau-monthly-overview-grid .eau-momentum-bonus-card{grid-column:2}}

/* Momentum Bonus: dashboard landscape placement below top stats */
.eau-momentum-bonus-landscape{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:26px;align-items:stretch;margin:0 0 18px;background:linear-gradient(135deg,#ffffff 0%,#f4fdfc 100%)}
.eau-momentum-bonus-landscape .eau-momentum-main{min-width:0;display:flex;flex-direction:column;justify-content:center}
.eau-momentum-bonus-landscape .eau-momentum-main h3{font-size:26px;margin-bottom:10px}
.eau-momentum-bonus-landscape .eau-momentum-message{margin-bottom:0;font-size:15px}
.eau-momentum-bonus-landscape .eau-momentum-summary-list{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:12px;margin:0;align-self:stretch;min-width:0}
.eau-momentum-bonus-landscape .eau-momentum-summary-list li{display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #e2eeee;border-radius:16px;padding:16px 14px;background:#fff;min-height:118px;min-width:0}
.eau-momentum-bonus-landscape .eau-momentum-summary-list li span{display:block;font-size:13px;line-height:1.25;margin-bottom:10px;color:#5e7680}
.eau-momentum-bonus-landscape .eau-momentum-summary-list li strong{display:flex;align-items:baseline;justify-content:flex-start;margin-top:auto;text-align:left;font-size:23px;line-height:1;color:#103a43;white-space:nowrap}
.eau-momentum-bonus-landscape .eau-momentum-summary-list .eau-money{display:inline-flex;align-items:baseline;justify-content:flex-start;gap:4px;flex-wrap:nowrap;white-space:nowrap}
.eau-momentum-bonus-landscape .eau-momentum-summary-list .eau-money .eau-amount,.eau-momentum-bonus-landscape .eau-momentum-summary-list .eau-money .eau-currency{display:inline-block;line-height:1;white-space:nowrap}
.eau-momentum-bonus-landscape .eau-momentum-summary-list .eau-money .eau-currency{font-size:.78em;margin-left:2px}
@media (max-width:1280px){.eau-momentum-bonus-landscape{grid-template-columns:minmax(0,.95fr) minmax(0,2.05fr);gap:22px}.eau-momentum-bonus-landscape .eau-momentum-summary-list{gap:10px}.eau-momentum-bonus-landscape .eau-momentum-summary-list li{padding:14px 12px}.eau-momentum-bonus-landscape .eau-momentum-summary-list li strong{font-size:21px}}
@media (max-width:1100px){.eau-momentum-bonus-landscape{grid-template-columns:1fr}.eau-momentum-bonus-landscape .eau-momentum-summary-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:680px){.eau-momentum-bonus-landscape{gap:16px}.eau-momentum-bonus-landscape .eau-momentum-summary-list{grid-template-columns:1fr 1fr}.eau-momentum-bonus-landscape .eau-momentum-main h3{font-size:22px}.eau-momentum-bonus-landscape .eau-momentum-summary-list li strong{font-size:20px}}
@media (max-width:420px){.eau-momentum-bonus-landscape .eau-momentum-summary-list{grid-template-columns:1fr}}

.eau-trio-bonus-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:26px;align-items:stretch;margin:0 0 18px;border-color:#e6e2f5;background:linear-gradient(135deg,#ffffff 0%,#fbf9ff 100%)}
.eau-trio-bonus-card.is-earned{border-color:#bdebe6;box-shadow:0 12px 30px rgba(32,186,184,.14)}
.eau-trio-bonus-card.is-expired{border-color:#ece4e4;background:linear-gradient(135deg,#ffffff 0%,#fffafa 100%)}
.eau-trio-main{min-width:0;display:flex;flex-direction:column;justify-content:center}
.eau-trio-main h3{font-size:24px;margin-bottom:10px}
.eau-trio-free-period{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:2px 0 12px;padding:10px 12px;border:1px solid #d9eeee;border-radius:14px;background:#f7fdfd;color:#496870;font-size:14px;line-height:1.4}
.eau-trio-free-period span{font-weight:700;color:#5e7680}
.eau-trio-free-period strong{font-weight:900;color:#103a43}
.eau-trio-progress{height:10px;border-radius:999px;background:#eef3f5;overflow:hidden;margin-top:14px}
.eau-trio-progress span{display:block;height:100%;border-radius:999px;background:#20bab8;transition:width .25s ease}
.eau-trio-bonus-card.is-expired .eau-trio-progress span{background:#c9a56b}
.eau-trio-summary-list{display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));gap:12px;margin:0;align-self:start;min-width:0}
.eau-trio-summary-list li{display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #e2eeee;border-radius:16px;padding:12px 14px;background:#fff;min-height:90px;min-width:0;order:1}
.eau-trio-summary-list li:nth-child(4){grid-column:1/-1;order:2;min-height:auto;padding:12px 16px}
.eau-trio-summary-list li:nth-child(4) strong{font-size:18px;line-height:1.25;word-break:normal;overflow-wrap:anywhere}
.eau-trio-summary-list li span{display:block;font-size:13px;line-height:1.25;margin-bottom:8px;color:#5e7680}
.eau-trio-summary-list li strong{display:flex;align-items:baseline;justify-content:flex-start;margin-top:auto;text-align:left;font-size:20px;line-height:1.15;color:#103a43;white-space:normal;word-break:break-word}
@media (max-width:1100px){.eau-trio-bonus-card{grid-template-columns:1fr}.eau-trio-summary-list{grid-template-columns:repeat(3,minmax(0,1fr))}.eau-trio-summary-list li:nth-child(4){grid-column:1/-1}}
@media (max-width:680px){.eau-trio-bonus-card{gap:16px}.eau-trio-summary-list{grid-template-columns:1fr 1fr}.eau-trio-main h3{font-size:21px}.eau-trio-summary-list li{min-height:86px}.eau-trio-summary-list li strong{font-size:18px}}
@media (max-width:420px){.eau-trio-summary-list{grid-template-columns:1fr}.eau-trio-summary-list li:nth-child(4){grid-column:1}}

.eau-subtle{color:#647b83;font-size:12px;line-height:1.35}.eau-renewal-date{white-space:nowrap;color:#0f3d46}


/* v0.4.23: Referral customer fallback display for guest checkout orders */
.eau-ref-customer-name{font-weight:600;display:inline-block;}
.eau-ref-customer-email{display:inline-block;margin-top:3px;line-height:1.25;word-break:break-word;}