:root{--ink:#071a3d;--muted:#62708a;--paper:#fbfcff;--card:#fff;--purple:#0a43a3;--purple2:#0d5bd1;--coral:#00765f;--mint:#009b7a;--yellow:#39c7a4;--line:#dbe3ef;--shadow:0 14px 38px rgba(5,28,73,.10)}
body{background:linear-gradient(145deg,#fbfcff 0,#f4f8ff 52%,#eef9f6 100%);color:var(--ink)}
.app-main{display:flex;min-height:100vh;flex-direction:column;background:radial-gradient(circle at 94% 8%,rgba(0,155,122,.08),transparent 25%),radial-gradient(circle at 8% 85%,rgba(10,67,163,.07),transparent 28%),linear-gradient(145deg,#fbfcff,#f4f8ff 58%,#eef9f6)}.page-wrap{width:calc(100% - 56px);max-width:none;flex:1;margin:0 auto;padding:34px 0 32px}.app-footer{width:calc(100% - 56px);max-width:none;margin:0 auto;padding:18px 0 26px}.form-manager .autoresponder-frame{height:clamp(380px,48vh,620px)}
.brand{color:#071a3d}.brand span{color:#0b50c5}.brand-light{color:#fff}.brand-light span{color:#54dfbd}
.topbar{background:rgba(251,252,255,.95);border-color:#dbe3ef}.navlinks a:hover{background:#e8f0ff;color:#083f9d}.navlinks a.btn-primary,.navlinks a.btn-primary:hover{background:#0a43a3;color:#fff;box-shadow:0 8px 20px rgba(10,67,163,.24)}
.btn-primary,.btn-primary:hover{background:#0a43a3;color:#fff;box-shadow:0 8px 20px rgba(10,67,163,.24)}.btn-coral,.btn-coral:hover{background:#00765f;color:#fff}.btn-bright,.btn-bright:hover{background:#54dfbd;color:#061b35}.tag{background:#e5efff;color:#083f9d}.section-kicker,.back-dashboard{color:#0a43a3}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#0b50c5;box-shadow:0 0 0 4px rgba(11,80,197,.10)}
.sidebar{background:radial-gradient(circle at 14% 3%,rgba(10,83,202,.55),transparent 32%),radial-gradient(circle at 84% 92%,rgba(0,142,111,.42),transparent 34%),linear-gradient(165deg,#04152f 0,#06285b 56%,#004b43 100%);box-shadow:16px 0 42px rgba(4,21,47,.24);justify-content:flex-start}.sidebar-badge{color:#66e8c8;border-color:rgba(102,232,200,.42);background:rgba(102,232,200,.09)}.side-nav a{color:#dce8ff}.side-nav a:hover{background:linear-gradient(90deg,rgba(12,76,177,.72),rgba(0,135,106,.48));color:#fff}.sidebar-plan{margin-top:8px;background:linear-gradient(135deg,#0b4bb3,#00866a);color:#fff;box-shadow:0 12px 25px rgba(5,54,129,.28)}.sidebar-plan a{color:#d9fff5}.sidebar-user{margin-top:0}.sidebar-user small{color:#b6c9ec}
.sidebar-user .avatar{background:#0a43a3!important}
.avatar.has-photo{padding:0;overflow:hidden}.avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover}
.learning-panel{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,1.65fr);gap:20px;align-items:center;margin:0 0 24px;padding:20px 22px;border:1px solid #cfe0ef;border-radius:20px;background:linear-gradient(120deg,#eef5ff,#eafaf5);box-shadow:0 10px 24px rgba(5,28,73,.06)}.learning-label{color:#0a43a3;font-size:10px;letter-spacing:.15em;font-weight:950}.learning-panel h3{margin:5px 0 0}.learning-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.learning-steps>div{display:flex;gap:9px;align-items:flex-start;padding:11px;border-radius:13px;background:rgba(255,255,255,.78)}.learning-steps b{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:8px;background:#0a43a3;color:#fff;font-size:12px}.learning-steps strong,.learning-steps small{display:block}.learning-steps small{margin-top:2px;color:#6a7890;font-size:12px}.profile-settings{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:22px;align-items:start}.profile-preview{text-align:center}.profile-preview .avatar{width:118px;height:118px;margin:0 auto 16px;border-radius:30px;font-size:42px}.profile-preview p{margin:6px 0}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-form-grid .wide{grid-column:1/-1}.photo-upload{padding:14px;border:1px dashed #aabed7;border-radius:14px;background:#f7faff}
.sidebar-user{display:grid;gap:13px}.sidebar-profile{display:flex;align-items:center;gap:12px;min-width:0}.sidebar-profile .avatar{flex:none}.sidebar-identity{min-width:0;flex:1}.sidebar-identity strong,.sidebar-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user form{width:100%;margin:0}.sidebar-user .logout-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:10px 13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#dce8ff;font-size:12px;font-weight:900;letter-spacing:.02em;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.sidebar-user .logout-button:hover{background:rgba(84,223,189,.14);border-color:rgba(84,223,189,.5);color:#72efd0;transform:translateY(-1px)}.logout-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.logout-button span{display:inline}
.login-layout{position:relative;min-height:calc(100vh - 175px);padding:54px 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,500px);gap:clamp(38px,7vw,100px);align-items:center}.login-layout:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;left:-210px;top:8%;border-radius:50%;background:rgba(10,67,163,.07);filter:blur(2px)}.login-showcase{padding:clamp(10px,3vw,34px)}.login-eyebrow{display:inline-flex;padding:8px 12px;border:1px solid #b9d9d1;border-radius:999px;background:#e3f8f2;color:#006d57;font-size:11px;font-weight:950;letter-spacing:.16em}.login-showcase h1{margin:18px 0 16px;font-size:clamp(50px,6vw,78px);line-height:.98;letter-spacing:-.055em;color:#061b3a}.login-showcase>p{max-width:620px;color:#62708a;font-size:19px;line-height:1.65}.login-ladder{position:relative;display:grid;gap:13px;max-width:520px;margin-top:30px}.login-ladder:before{content:"";position:absolute;left:22px;top:28px;bottom:28px;border-left:2px solid #bdd2e8}.login-ladder>div{position:relative;display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #dbe5f1;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(5,28,73,.05)}.login-ladder i{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(135deg,#0a43a3,#00836a);color:#fff;font-style:normal;font-weight:950}.login-ladder strong,.login-ladder small{display:block}.login-ladder small{margin-top:2px;color:#708098}.login-card{position:relative;overflow:hidden;padding:40px;border:1px solid #dbe5f1;box-shadow:0 28px 70px rgba(5,31,78,.15)}.login-card:before{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-90px;border-radius:50%;background:linear-gradient(135deg,rgba(10,67,163,.15),rgba(0,155,122,.15))}.login-mark{width:48px;height:48px;margin-bottom:20px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#083f9d,#00846a);color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(8,63,157,.24)}.login-card h2{margin:8px 0 7px;font-size:38px}.login-form{margin-top:26px}.login-form input{height:54px;background:#fbfdff}.login-submit{min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px}.login-submit span{font-size:20px}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 15px;color:#8390a4;font-size:12px;font-weight:800}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#dce5f0}.login-create{width:100%;justify-content:center;background:#edf4ff;color:#083f9d;border-color:#cfdff3}.login-create:hover{background:#e2edff}.login-note{display:block;margin-top:14px;text-align:center;color:#7a8799}
.list-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.list-detail-heading h2{margin:5px 0 4px;font-size:42px}.owner-list-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;align-items:start}.public-list-workspace{max-width:800px;margin:auto}.list-detail-card{margin:0;max-width:none}.list-detail-card .autoresponder-frame{height:300px}.list-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.list-detail-footer p{margin:0}.subscriber-panel{padding:24px}.subscriber-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.subscriber-heading h3{font-size:24px}.subscriber-heading>strong{min-width:48px;height:48px;padding:0 12px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#0a43a3,#00836a);color:#fff;font-size:20px}.subscriber-help{margin:7px 0 18px;font-size:13px}.subscriber-list{display:grid}.subscriber-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid #e0e8f2}.subscriber-row .avatar{width:42px;height:42px;border-radius:13px;font-size:16px}.subscriber-row strong,.subscriber-row small,.subscriber-row a,.subscriber-row em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscriber-row small,.subscriber-row em{color:#7a8799;font-size:12px;font-style:normal}.subscriber-row a{color:#0a43a3;font-size:13px;font-weight:800}.subscriber-empty{padding:35px 8px}.subscriber-empty>span{color:#0a43a3;font-size:28px}
.dashboard-hero{background:radial-gradient(circle at 78% 22%,rgba(63,218,181,.24),transparent 25%),linear-gradient(130deg,#061a42,#0a43a3 54%,#006f5b);box-shadow:0 24px 55px rgba(5,42,105,.25)}.dashboard-hero h1 span,.orbit-number{color:#61e3c3}
.metric-card.purple{background:linear-gradient(135deg,#082f82,#0b59cc)}.metric-card.coral{background:linear-gradient(135deg,#005d50,#008d71)}.metric-card.mint{background:linear-gradient(135deg,#0a3c88,#007c75)}.metric-card.yellow{background:linear-gradient(135deg,#0873a7,#22b99a);color:#fff}
.onboarding-preview span{background:#0a43a3}.empty-lists>span{color:#0b50c5}.success-icon{background:#00886c}.done-pill{background:#d8f7ef;color:#00634f}.big-progress span{background:linear-gradient(90deg,#092f82,#0b5bd1,#009878)}
.onboarding-aside{background:radial-gradient(circle at 18% 7%,rgba(13,91,209,.55),transparent 32%),radial-gradient(circle at 80% 92%,rgba(0,142,111,.45),transparent 34%),linear-gradient(165deg,#04152f,#062a61 62%,#004b43)}.eyebrow-dark{background:#54dfbd;color:#061b35}.progress-step{color:#9bb2da}.progress-step span{border-color:#5873a3}.progress-step.active span{background:#0d5bd1;border-color:#0d5bd1}.progress-step.done{color:#61e3c3}.progress-step.done span{background:#61e3c3;border-color:#61e3c3;color:#061b35}
.wizard-header{height:76px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dbe3ef}.wizard-header .brand{font-size:25px}.wizard-exit{font-weight:800;color:#0a43a3}.wizard-page{width:min(920px,calc(100% - 32px));margin:auto;padding:48px 0 70px}.wizard-intro{text-align:center}.wizard-intro>span{color:#0a43a3;font-size:12px;letter-spacing:.16em;font-weight:900}.wizard-intro h1{font-size:clamp(38px,6vw,58px);margin:12px 0}.wizard-intro p{color:#62708a;font-size:18px}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:34px 0 42px}.wizard-step{position:relative;text-align:center;color:#8b98ad}.wizard-step:before{content:"";position:absolute;top:18px;left:0;right:0;height:3px;background:#dbe3ef;z-index:0}.wizard-step:first-child:before{left:50%}.wizard-step:last-child:before{right:50%}.wizard-step span{position:relative;z-index:1;width:38px;height:38px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#eef2f8;border:2px solid #cad5e4;font-weight:900}.wizard-step small{display:block;margin-top:8px;font-weight:800}.wizard-step.active{color:#0a43a3}.wizard-step.active span{background:#0a43a3;border-color:#0a43a3;color:#fff;box-shadow:0 0 0 6px rgba(10,67,163,.1)}.wizard-step.done{color:#00765f}.wizard-step.done:before{background:linear-gradient(90deg,#0a43a3,#00765f)}.wizard-step.done span{background:#00765f;border-color:#00765f;color:#fff}.wizard-page .onboarding-main{padding:0;max-width:760px;margin:auto}.wizard-page .onboarding-main>h2{text-align:center}.wizard-page .onboarding-main>.lead{text-align:center;margin:0 auto 26px}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid #dbe3ef}.wizard-hint{color:#7a879c;font-weight:700}.wizard-page .social-grid{margin-top:22px}
@media(max-width:650px){.wizard-page{padding-top:30px}.wizard-progress{margin:26px 0 34px}.wizard-step small{display:none}.wizard-step span{width:34px;height:34px}.wizard-step:before{top:16px}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions .btn{width:100%}.wizard-hint{text-align:center}}
.form-manager .autoresponder-frame{height:180px}
.list-detail-card .autoresponder-frame{height:220px}
.side-nav a[href="/forms"]{display:none}
a[href="/discover"]{display:none!important}
.utility-nav{display:flex;align-items:center;gap:9px;margin:-6px 0 22px;padding:9px 12px;border:1px solid #d9e5f2;border-radius:14px;background:rgba(255,255,255,.75)}.utility-nav span{margin-right:4px;color:#74849b;font-size:10px;letter-spacing:.14em;font-weight:950}.utility-nav a{padding:7px 10px;border-radius:9px;color:#0a43a3;font-size:13px;font-weight:850}.utility-nav a:hover{background:#e8f1ff}.commission-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.commission-levels .card{padding:18px}.commission-levels span,.commission-levels small{display:block;color:#6b7a90}.commission-levels strong{display:block;margin:7px 0;font-size:32px;color:#0a43a3}.commission-workspace{margin-top:20px}.commission-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 0;border-top:1px solid #e1e9f2}.traffic-admin{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.traffic-admin .wide,.traffic-admin h3,.traffic-admin button{grid-column:1/-1}.traffic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.traffic-card{display:flex;flex-direction:column;align-items:flex-start}.traffic-card p{flex:1}.support-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}.ticket-card h3{margin-top:8px}.admin-response{margin-top:15px;padding:15px;border-left:4px solid #00866c;border-radius:10px;background:#eaf9f5}.ticket-card select{padding:10px;border:1px solid #c8d7e8;border-radius:10px}
.support-nav-link b{display:grid!important;place-items:center;width:28px;height:28px;border:2px solid currentColor;border-radius:50%;font-size:15px!important}.support-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.support-summary{min-width:120px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#0a43a3,#00866a);color:#fff;text-align:center}.support-summary strong,.support-summary span{display:block}.support-summary strong{font-size:30px}.support-summary span{font-size:12px;font-weight:800}.support-new-ticket{position:sticky;top:24px}.support-inbox{min-width:0}.ticket-card{padding:0;overflow:hidden}.ticket-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e2eaf2;background:#f9fbfd}.ticket-header h3{margin:9px 0 3px}.ticket-number{font-weight:900;color:#62738a}.ticket-thread{display:grid;gap:14px;padding:24px;background:#f3f7fa}.ticket-message{width:min(82%,680px);padding:14px 17px;border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(5,42,78,.08)}.ticket-message.from-support{justify-self:start;border-bottom-left-radius:5px;border-left:4px solid #00866a}.ticket-message.from-member{justify-self:end;border-bottom-right-radius:5px;background:#e8f1ff;border-right:4px solid #0a43a3}.message-author{display:flex;justify-content:space-between;gap:14px;margin-bottom:6px}.message-author small{color:#74849b}.ticket-message p{margin:0;line-height:1.55}.ticket-reply{display:grid;gap:12px;padding:20px 24px}.ticket-reply textarea{min-height:90px}.ticket-reply select{padding:10px;border:1px solid #c8d7e8;border-radius:10px;background:#fff}.status-open{background:#fff0ce;color:#8a5700}.status-waiting{background:#e8f1ff;color:#0a43a3}.status-resolved{background:#def7ee;color:#006b55}
@media(max-width:900px){.commission-levels{grid-template-columns:repeat(2,1fr)}.traffic-grid,.support-layout{grid-template-columns:1fr}}@media(max-width:650px){.utility-nav{overflow-x:auto}.utility-nav span{display:none}.traffic-admin{grid-template-columns:1fr}.traffic-admin .wide,.traffic-admin h3,.traffic-admin button{grid-column:auto}.commission-levels{grid-template-columns:1fr}}
.audience-routing{display:grid;gap:11px;margin:16px 0;padding:15px;border:1px solid #d9e5f2;border-radius:15px;background:#f7faff}.audience-actions{display:flex;flex-wrap:wrap;gap:9px}.audience-actions form{margin:0}.audience-choice{padding:9px 12px;border:1px solid #b9cce2;border-radius:11px;background:#fff;color:#304664;font-weight:850;cursor:pointer}.audience-choice.selected{border-color:#00866c;background:#daf7ef;color:#006550}.routing-note{line-height:1.5}
.managed-list-card{display:grid;gap:18px}.inline-form-manager{padding-top:16px;border-top:1px solid #dbe3ef}.inline-form-manager small{display:block;margin-top:3px;color:#6a7890}.inline-form-manager details{margin-top:14px}.inline-form-manager summary{cursor:pointer;color:#0a43a3;font-weight:900}.inline-form-manager .autoresponder-frame{height:180px}.inline-form-manager .embed-shell{margin-bottom:0}
.embed-shell{margin:20px 0;border:1px solid #cad8e9;border-radius:18px;overflow:hidden;background:#fff}.embed-label{padding:10px 14px;background:linear-gradient(90deg,#082f82,#00765f);color:#fff;font-size:12px;letter-spacing:.08em;font-weight:900;text-transform:uppercase}.autoresponder-frame{display:block;width:100%;height:360px;border:0;background:#fff}.subscription-card{display:grid;gap:16px}.confirm-subscription{display:flex;justify-content:flex-end}.form-help{margin:0;color:#62708a;font-size:14px}.form-manager details{margin-top:18px;border-top:1px solid #dbe3ef;padding-top:15px}.form-manager summary{cursor:pointer;color:#0a43a3;font-weight:900}.embed-editor{margin-top:16px}.connection-status{padding:6px 10px;border-radius:99px;font-size:12px;font-weight:900}.connection-status.connected{background:#d8f7ef;color:#00634f}.connection-status.missing{background:#edf1f7;color:#68758a}
.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:12px 16px;border-radius:14px;background:#071a3d;color:#fff}.impersonation-banner form{margin:0}.impersonation-banner button{border:0;border-radius:10px;padding:8px 12px;background:#54dfbd;color:#061b35;font-weight:900;cursor:pointer}.admin-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:start}.admin-row{padding:12px 0;border-bottom:1px solid #e2e8f1}.member-table{display:grid;margin-top:15px}.member-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e2e8f1}.member-row small,.member-row em{display:block;color:#6a7890;font-style:normal;font-size:13px}
.ladder-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.live-pill,.tree-legend{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#dff8f1;color:#006852;font-size:12px;font-weight:900}.live-pill i,.tree-legend i{width:8px;height:8px;border-radius:50%;background:#00a581;box-shadow:0 0 0 5px rgba(0,165,129,.12)}.ladder-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.ladder-stats>div{position:relative;overflow:hidden;min-height:112px;padding:20px;border:1px solid #dbe5f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f8fe);box-shadow:0 10px 28px rgba(5,28,73,.06)}.ladder-stats>div:after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-42px;border-radius:50%;background:rgba(10,67,163,.08)}.ladder-stats span{position:absolute;right:16px;top:14px;color:#aac0dd;font-size:12px;font-weight:900;letter-spacing:.08em}.ladder-stats small{display:block;color:#6a7890;font-weight:800}.ladder-stats strong{display:block;margin-top:9px;color:#071a3d;font-size:27px}.ladder-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.invite-card input{font-size:14px}.upline-strip{display:grid;gap:10px}.upline-strip a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:13px;background:#f3f7fc;transition:transform .18s ease,box-shadow .18s ease}.upline-strip a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(7,36,91,.09)}.upline-strip a>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#0a43a3;color:#fff;font-weight:900}.upline-strip small{display:block;color:#6a7890}.genealogy-card{overflow:auto}.genealogy-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.family-tree{min-width:580px;padding:10px 20px 30px}.family-root,.family-person{width:230px;margin:auto;display:flex;align-items:center;gap:11px;padding:13px;border-radius:16px;background:linear-gradient(135deg,#082f82,#0a5e75);color:#fff;box-shadow:0 10px 24px rgba(7,36,91,.18)}.family-root small,.family-person small,.family-person em{display:block;color:#c9ddff;font-style:normal;font-size:12px}.family-level{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:24px;list-style:none;margin:34px 0 0;padding:34px 0 0}.family-level:before{content:"";position:absolute;top:0;left:50%;height:34px;border-left:2px solid #9eb4d4}.family-level>li{position:relative;min-width:240px;list-style:none}.family-level>li:before{content:"";position:absolute;top:-34px;left:50%;height:34px;border-left:2px solid #9eb4d4}.family-level>li:not(:only-child):after{content:"";position:absolute;top:-34px;left:0;right:0;border-top:2px solid #9eb4d4}.family-level>li:first-child:after{left:50%}.family-level>li:last-child:after{right:50%}.family-person{width:220px;background:#fff;color:#071a3d;border:1px solid #d5e0ee;box-shadow:0 8px 20px rgba(7,36,91,.08);transition:transform .18s ease,box-shadow .18s ease}.family-person:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(7,36,91,.14)}.family-person small,.family-person em{color:#687790}.tree-empty{margin-top:25px}
@media(max-width:980px){.page-wrap,.app-footer{width:calc(100% - 40px)}.login-layout{grid-template-columns:1fr;max-width:720px;margin:auto}.login-showcase{padding:0}.login-showcase h1 br{display:none}.login-ladder{grid-template-columns:repeat(3,1fr);max-width:none}.login-ladder:before{display:none}.login-ladder>div{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.admin-grid,.ladder-summary,.owner-list-workspace,.learning-panel,.profile-settings{grid-template-columns:1fr}.learning-steps{grid-template-columns:1fr}.member-row{grid-template-columns:auto 1fr}.member-row form{grid-column:1/-1}.member-row form .btn{width:100%}}@media(max-width:650px){.page-wrap,.app-footer{width:calc(100% - 28px)}.impersonation-banner,.ladder-title,.genealogy-heading,.list-detail-heading,.list-detail-footer{align-items:flex-start;flex-direction:column}.ladder-stats,.login-ladder,.profile-form-grid{grid-template-columns:1fr}.profile-form-grid .wide{grid-column:auto}.login-layout{padding:30px 0}.login-showcase h1{font-size:48px}.login-card{padding:27px}.list-detail-footer .btn,.list-detail-footer form,.list-detail-footer form .btn{width:100%}.family-tree{min-width:520px}}
.commission-workspace{grid-template-columns:1fr}.commission-workspace>form{display:none}.helpdesk-shell{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:650px;border:1px solid #dce5ed;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 40px rgba(8,42,78,.09)}.helpdesk-list{border-right:1px solid #dce5ed;background:#f8fafc}.helpdesk-listbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #dce5ed}.helpdesk-listbar span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:99px;background:#e8f1ff;color:#0a43a3;font-weight:900}.helpdesk-row{display:block;padding:15px 18px;border-bottom:1px solid #e3e9ef;color:#213044}.helpdesk-row:hover,.helpdesk-row.active{background:#fff}.helpdesk-row.active{box-shadow:inset 4px 0 #0a43a3}.helpdesk-row-top,.helpdesk-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.helpdesk-row-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpdesk-row time,.helpdesk-row>span,.helpdesk-row small{font-size:11px;color:#758296}.helpdesk-row>span{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpdesk-row p{margin:8px 0;color:#667386;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.helpdesk-row em{padding:3px 8px;border-radius:99px;font-size:10px;font-style:normal;font-weight:900}.helpdesk-empty{padding:30px 20px;color:#758296}.helpdesk-conversation{display:flex;flex-direction:column;min-width:0;background:#f5f7fa}.conversation-header{padding:21px 25px;border-bottom:1px solid #dce5ed;background:#fff}.conversation-header h3{margin:4px 0}.conversation-header small,.conversation-header span{color:#758296}.conversation-thread{display:grid;gap:15px;align-content:start;flex:1;padding:24px;overflow:auto}.conversation-message{padding:18px 20px;border:1px solid #e0e7ee;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(8,42,78,.05)}.conversation-message.support-message{border-left:4px solid #00866a}.conversation-message.member-message{border-left:4px solid #0a43a3}.conversation-message header{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid #eef1f4}.conversation-message time{font-size:11px;color:#7d8998}.conversation-message p{margin:14px 0 0;line-height:1.6}.conversation-reply{padding:18px 24px;border-top:1px solid #dce5ed;background:#fff}.conversation-reply textarea{min-height:92px}.conversation-reply select{padding:10px;border:1px solid #c8d7e8;border-radius:9px}.conversation-placeholder{margin:auto;text-align:center;color:#758296}.new-ticket-popover{position:relative}.new-ticket-popover summary{list-style:none;cursor:pointer}.new-ticket-popover summary::-webkit-details-marker{display:none}.new-ticket-popover form{position:absolute;right:0;top:48px;z-index:10;width:390px}.support-heading{align-items:center}
@media(max-width:900px){.helpdesk-shell{grid-template-columns:285px minmax(0,1fr)}}@media(max-width:650px){.helpdesk-shell{display:block}.helpdesk-list{border-right:0}.helpdesk-conversation{min-height:520px}.new-ticket-popover form{position:fixed;inset:90px 14px auto;width:auto}.support-heading{align-items:flex-start}.conversation-header,.conversation-thread,.conversation-reply{padding-left:16px;padding-right:16px}}
.page-wrap:has(.helpdesk-shell){width:calc(100% - 34px);max-width:1500px;padding-top:24px}.page-wrap:has(.helpdesk-shell)>.utility-nav{display:none}.page-wrap:has(.helpdesk-shell)>.support-heading{margin:0;padding:0 2px 14px}.page-wrap:has(.helpdesk-shell)>.support-heading h2{font-size:30px;margin:2px 0}.page-wrap:has(.helpdesk-shell)>.support-heading .section-kicker,.page-wrap:has(.helpdesk-shell)>.support-heading p{display:none}.helpdesk-shell{grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 135px);border-radius:9px;box-shadow:0 3px 14px rgba(8,42,78,.07)}.helpdesk-list{background:#fff}.helpdesk-listbar{height:58px;padding:0 16px;background:#fbfcfe}.helpdesk-listbar strong:before{content:"☰";margin-right:10px;color:#6d7887}.helpdesk-row{min-height:92px;padding:13px 15px}.helpdesk-row.active{background:#f2f5ff;box-shadow:inset 3px 0 #6757e8}.helpdesk-row-top strong{font-size:14px}.helpdesk-conversation{background:#f7f8fb}.conversation-header{min-height:78px;padding:15px 22px;display:flex;align-items:center}.conversation-header h3{font-size:20px}.conversation-thread{padding:18px 22px}.conversation-message{border-radius:8px;box-shadow:0 2px 7px rgba(8,42,78,.05)}.conversation-message header{border:0;padding:0}.conversation-reply{padding:14px 22px}.conversation-reply textarea{min-height:72px}.new-ticket-popover form{border-radius:10px;box-shadow:0 18px 45px rgba(8,42,78,.2)}
.ticket-buckets{display:flex;gap:8px;margin:0 0 12px;overflow:auto}.ticket-buckets a{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #dce5ed;border-radius:9px;background:#fff;color:#536277;font-size:13px;font-weight:800;white-space:nowrap}.ticket-buckets a b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:#edf1f6;color:#334155}.ticket-buckets a.active{border-color:#0a43a3;background:#eaf2ff;color:#0a43a3}.ticket-buckets .needs-reply b,.status-pending{background:#fff0d6;color:#9a5600}.ticket-buckets .needs-reply.active{border-color:#f3a62b;background:#fff7e7;color:#8a4b00}.status-row-pending{box-shadow:inset 4px 0 #f3a62b}.status-row-pending:not(.active){background:#fffaf0}.status-open{background:#e8f1ff;color:#0a43a3}.status-resolved{background:#def7ee;color:#006b55}.status-closed{background:#edf0f4;color:#596578}.ticket-agent-mini{display:flex!important;align-items:center;gap:5px;margin:0!important;min-width:0}.ticket-agent-mini .avatar{width:22px;height:22px;font-size:9px}.ticket-agent-mini i{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;color:#68758a}.conversation-header{justify-content:space-between;gap:18px}.conversation-title,.message-person{display:flex;align-items:center;gap:12px}.conversation-title>.avatar{width:48px;height:48px;flex:0 0 48px}.message-person>.avatar{width:34px;height:34px;flex:0 0 34px;font-size:13px}.message-person span{display:flex;flex-direction:column}.message-person small{font-size:10px;color:#758296}.agent-assign label{display:grid;gap:4px;font-size:10px;font-weight:900;color:#758296;text-transform:uppercase;letter-spacing:.05em}.agent-assign select{min-width:180px;padding:9px;border:1px solid #cad5e2;border-radius:8px;background:#fff;text-transform:none;letter-spacing:0}.agent-manager{display:grid;grid-template-columns:260px 1fr;gap:22px;margin-bottom:14px;padding:18px}.agent-manager h3{margin:0}.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.agent-option{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid #e1e7ee;border-radius:10px}.agent-option .avatar{width:38px;height:38px}.agent-option span{display:flex;flex-direction:column;min-width:0}.agent-option small{overflow:hidden;text-overflow:ellipsis;color:#758296}.conversation-message.support-message{border-left-color:#00a184}.conversation-message.support-message .avatar{box-shadow:0 0 0 3px #d9f8ee}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media(max-width:760px){.agent-manager{grid-template-columns:1fr}.conversation-header{align-items:flex-start;flex-direction:column}.agent-assign,.agent-assign select{width:100%}.ticket-buckets{padding-bottom:4px}}