/* LeaderDesk comfort layer: shared type, contrast, controls and small screens. */
:root{--ld-ink:#172c3b;--ld-muted:#536575;--ld-blue:#174c70;--ld-paper:#f4f6f7;--ld-line:#d6dfe5;--ld-focus:#a85e08;--ld-radius:14px;color-scheme:light}
html{font-size:17px;scroll-padding-top:90px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:1rem!important;line-height:1.65!important;color:var(--ld-ink);background-color:var(--ld-paper)}
*,*::before,*::after{box-sizing:border-box}
body p,body label,body .form-label{line-height:1.65}
body :is(input,select,textarea,button){font-family:inherit;font-size:1rem}
body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){min-height:48px;border-radius:9px;max-width:100%;color:#172c3b;background-color:#fff;border:1px solid #879ba9;padding:11px 13px}
body :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;accent-color:var(--ld-blue)}
body :is(button,.btn,.btn-primary,.btn-secondary,.form-submit){min-height:44px;line-height:1.4;font-size:1rem;border-radius:9px}
body :is(.form-group,.input-group){margin-bottom:1.15rem}
body :is(.form-label,label){font-size:.95rem;font-weight:600}
body :is(.btn-primary,.btn-submit,.login-btn){background:#174c70!important;color:#fff!important;border-color:#174c70!important}
body :is(.text-muted,.form-hint,.form-help){color:#536575!important;font-size:.9rem}
body :is(.alert,.alert-error,.alert-success){font-size:1rem;line-height:1.6}
body :is(.card,.stat-card,.stats-card,.login-card,.register-container){border-color:var(--ld-line);border-radius:14px}
body :is(.grid-background,.particles,.color-blocks){display:none!important}
body :is(.sidebar,.admin-sidebar){overflow-y:auto;overscroll-behavior:contain}
body :is(.sidebar,.admin-sidebar) a{min-height:44px;line-height:1.5;font-size:.95rem}
:focus-visible{outline:3px solid var(--ld-focus)!important;outline-offset:3px!important}
input::placeholder,textarea::placeholder{color:#627382;opacity:1}
img,video{max-width:100%;height:auto}
.ld-skip{position:fixed;left:12px;top:-100px;z-index:99999;background:#fff;color:#174c70;padding:12px 18px;border:2px solid #174c70;border-radius:8px}
.ld-skip:focus{top:12px}
.ld-scroll-region{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.ld-scroll-region:focus-visible{outline-offset:-3px!important}
.ld-live{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100000;background:#172c3b;color:#fff;padding:12px 22px;border-radius:10px;box-shadow:0 8px 30px #172c3b33;max-width:90vw}
.ld-admin-toggle{display:none}
body.pg-login{background:#edf2f5!important}
body.pg-login .split-screen{max-width:1200px;margin:auto;min-height:100vh}
body.pg-login .left-panel{background:#173c54!important;color:#fff!important;padding:clamp(28px,5vw,70px)}
body.pg-login .left-panel :is(h1,p){color:#fff!important}
body.pg-login .left-panel p{font-size:1.15rem!important;max-width:32ch}
body.pg-login .login-card{background:#fff!important;border:1px solid #d6dfe5;padding:clamp(24px,4vw,48px);box-shadow:0 12px 40px #173c540d}
body.pg-login .brand h2{font-size:2rem!important;letter-spacing:-.04em}
body.pg-index .hero h1{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.12;letter-spacing:-.045em}
body.pg-index .hero p{font-size:1.12rem;max-width:56ch}
body.pg-index .hero,body.pg-index .navbar{background:#f4f6f7}
body.pg-index .hero{padding-top:140px}
body.pg-index .hero-stats{gap:28px;flex-wrap:wrap}
body.pg-index .fade-in{opacity:1!important;transform:none!important}
body.pg-register,body.pg-company-register,body.pg-company-login,body.pg-forgot-password{background:#edf2f5!important}
body :is(.register-header,.login-header,.forgot-header){background:#173c54!important;color:#fff!important}
body :is(.register-header,.login-header,.forgot-header) :is(h1,p,span){color:#fff!important}
body :is(.register-container,.login-container,.forgot-container){background:#fff!important;border:1px solid #d6dfe5}
.ld-portal{margin:0;color:var(--ld-ink);background:var(--ld-paper)}
.ld-portal a{color:var(--ld-blue);text-underline-offset:4px}
.ld-portal .ld-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--ld-line);padding:20px max(24px,calc((100vw - 1200px)/2));}
.ld-portal .ld-brand{font-size:1.45rem;font-weight:750;letter-spacing:-.05em;text-decoration:none;color:var(--ld-ink)!important;line-height:1.2}
.ld-portal .ld-brand span{display:block;font-size:.72rem;font-weight:500;letter-spacing:.02em;margin-top:7px;color:var(--ld-muted)}
.ld-portal .ld-topbar nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.ld-portal .ld-topbar nav a{font-size:.92rem;padding:10px 0}
.ld-shell{max-width:1256px;padding:48px 28px 64px;margin:0 auto}
.ld-narrow{max-width:760px}
.ld-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.ld-portal h1{font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.18;letter-spacing:-.04em;margin:0 0 14px;font-weight:700}
.ld-portal h2{font-size:1.35rem;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}
.ld-portal h3{font-size:1.06rem;line-height:1.4;margin:0 0 6px}
.ld-portal p{margin:0 0 18px;color:var(--ld-muted)}
.ld-eyebrow{font-size:.74rem!important;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:#566d79!important;margin-bottom:12px!important}
.ld-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ld-blue);padding:12px 20px;border-radius:9px;background:var(--ld-blue);color:#fff!important;cursor:pointer;font-weight:650;text-decoration:none;min-height:48px;white-space:normal}
.ld-button:hover{background:#103c59}
.ld-secondary{background:#fff;color:var(--ld-blue)!important;border-color:#9cabb6}
.ld-secondary:hover{background:#edf3f6}
.ld-text-button{border:0;background:transparent;color:#174c70;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.ld-card{background:#fff;border:1px solid var(--ld-line);border-radius:var(--ld-radius);padding:28px;margin-bottom:24px;min-width:0}
.ld-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:28px}
.ld-stat{background:#fff;border:1px solid var(--ld-line);border-radius:var(--ld-radius);padding:24px;display:flex;flex-direction:column;gap:8px}
.ld-stat span{font-size:.9rem;color:var(--ld-muted)}
.ld-stat strong{font-size:2.5rem;line-height:1.2;font-weight:650;letter-spacing:-.06em}
.ld-stat small{font-size:.78rem;color:var(--ld-muted)}
.ld-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;align-items:start}
.ld-form{display:flex;flex-direction:column;gap:10px}
.ld-form input{margin-bottom:10px;width:100%}
.ld-form .ld-button{margin-top:12px}
.ld-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ld-actions input{flex:1;min-width:160px;width:100%}
.ld-person{border-top:1px solid var(--ld-line);padding:24px 0}
.ld-person p{margin-bottom:10px}
.ld-person .ld-heading{margin-bottom:10px;align-items:start}
.ld-person-actions{margin-top:12px;gap:18px}
.ld-person-actions form{margin:0}
.ld-badge{display:inline-block;background:#e9f3ee;color:#256047;border:1px solid #c7ded1;border-radius:100px;padding:5px 12px;font-size:.8rem;font-weight:650;white-space:nowrap}
.ld-share{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;border-left:4px solid #366886}
.ld-share p{margin-bottom:0}
.ld-note{background:#eaf0f3;border:1px solid #d3dfe7;border-radius:12px;padding:24px;margin:20px 0 28px}
.ld-note p:last-child{margin-bottom:0}
.ld-alert{background:#e9f3ee;border:1px solid #aacdbb;color:#24563d;padding:16px 22px;border-radius:10px;margin:0 0 24px}
.ld-error{background:#fff1ed;border-color:#e7b4a4;color:#822f20}
.ld-filter{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:12px 0 24px}
.ld-filter>div{flex:1;min-width:180px}
.ld-filter label,.ld-search label,.ld-share label,.ld-person label{display:block;margin-bottom:8px}
.ld-filter input,.ld-filter select{width:100%}
.ld-table-wrap{overflow:auto;max-width:100%}
.ld-table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem;min-width:660px}
.ld-table-wrap th{font-size:.79rem;color:#536575;background:#f5f7f8;font-weight:650;white-space:nowrap}
.ld-table-wrap th,.ld-table-wrap td{padding:16px 18px;border-bottom:1px solid #e1e7eb}
.ld-table-wrap td{color:#344b5b}
.ld-table-wrap tbody tr:hover{background:#f7f9fa}
.ld-empty{text-align:center;padding:52px 18px;max-width:550px;margin:auto}
.ld-empty-mark{font-size:2rem;color:#547a92;width:66px;height:66px;line-height:66px;background:#edf3f6;border-radius:50%;margin:0 auto 20px}
.ld-muted{font-size:.83rem;color:var(--ld-muted);margin-top:12px!important}
.ld-credentials{border:2px solid #b3883d;background:#fffaf0}
.ld-credentials code{font-size:1.1rem;overflow-wrap:anywhere}
.ld-footer{text-align:center;padding:24px;border-top:1px solid var(--ld-line);font-size:.85rem;color:var(--ld-muted)}
@media(max-width:900px){.ld-columns,.ld-share{grid-template-columns:1fr}.ld-share{gap:20px}.ld-heading{align-items:start}.ld-portal .ld-topbar{padding:20px 24px}}
@media(max-width:767px){
  body :is(.form-row,.two-columns){grid-template-columns:1fr!important;flex-wrap:wrap}
  body :is(.form-row,.two-columns)>*{min-width:0;flex-basis:100%}
  body :is(.modal-content,.modal-box){max-width:calc(100vw - 24px)!important;max-height:90dvh;overflow-y:auto;padding:22px}
  body .admin-main{margin-left:0!important;padding:76px 18px 30px!important;width:100%!important}
  body .admin-sidebar{transform:translateX(-100%)!important;width:280px!important;max-width:85vw!important;position:fixed!important;top:0;left:0;height:100dvh!important;z-index:9998!important;background:#fff!important}
  body .admin-sidebar.ld-open{transform:translateX(0)!important;padding-top:70px}
  .ld-admin-toggle{display:block;position:fixed;top:12px;left:14px;z-index:9999;border:1px solid #879ba9;background:#fff;color:#172c3b;padding:10px 16px}
  body.pg-login .split-screen{display:block}
  body.pg-login .left-panel{min-height:auto!important;padding:24px!important}
  body.pg-login .left-panel h1{font-size:1.8rem!important}
  body.pg-login .right-panel{padding:20px!important;min-height:auto!important}
  body.pg-index .nav-links{display:flex!important;gap:10px;flex-wrap:wrap}
  body.pg-index .nav-links>a{display:none}
  body.pg-index .nav-buttons{display:flex;flex-wrap:wrap;gap:8px}
  body.pg-index .nav-buttons a{font-size:.82rem;padding:9px 12px}
  body.pg-index .nav-buttons a[href="company_login.php"]{display:none}
  body.pg-index .hero{padding-top:160px}
  body.pg-index .hero-content{display:block}
}
@media(max-width:600px){.ld-shell{padding:30px 16px 44px}.ld-portal .ld-topbar{padding:18px 16px;gap:12px;align-items:start}.ld-portal .ld-topbar nav{gap:14px}.ld-portal .ld-brand{font-size:1.3rem}.ld-portal .ld-brand span{font-size:.66rem}.ld-heading{flex-direction:column;gap:14px}.ld-card{padding:22px 18px}.ld-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ld-stat{padding:18px 14px}.ld-stat strong{font-size:2rem}.ld-stat small{font-size:.72rem}.ld-person .ld-heading{flex-direction:row}.ld-person h3,.ld-person p{overflow-wrap:anywhere}.ld-filter{display:block}.ld-filter>div{margin-bottom:12px}.ld-filter .ld-button{width:100%}.ld-actions input{flex-basis:100%}.ld-share .ld-button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.ld-portal .ld-topbar,.ld-admin-toggle,.ld-person-actions,.ld-filter,.ld-share button{display:none!important}.ld-shell{padding:0;max-width:none}.ld-card{break-inside:avoid;box-shadow:none}}

/* The same restrained design tokens apply to every existing page. */
html body[class]{
 --bg:#f4f6f7;--bg-dark:#f4f6f7;--bg-card:#fff;--card:#fff;--surface:#fff;
 --text:#172c3b;--text-primary:#172c3b;--ink:#172c3b;--text2:#536575;--text3:#596c7b;--muted:#536575;
 --text-secondary:#536575;--text-muted:#596c7b;--border:#d6dfe5;--border-glow:#c4d3dd;
 --purple:#174c70;--primary-purple:#174c70;--pink:#174c70;--accent-pink:#174c70;
 --grad:linear-gradient(#174c70,#174c70);--gradient-primary:linear-gradient(#174c70,#174c70);--gradient-bg:#f4f6f7;
 --success-green:#246244;--danger-red:#a82f27;--warning-orange:#945410;
 --ld-bg:#fff;--ld-text:#405969;--ld-border:#d6dfe5;--ld-pink:#174c70;--ld-grad:linear-gradient(#174c70,#174c70);--ld-tbh:70px;
}
html body[class] :is(h1,h2,h3,h4){font-family:Inter,system-ui,sans-serif;letter-spacing:-.025em}
html body[class] :is(.form-label,.form-group>label){font-size:1rem!important;color:#344b5b!important;text-transform:none!important;letter-spacing:normal!important}
html body[class] :is(.form-input,.form-control){font-size:1rem!important}
html body[class] :is(.form-hint,.form-help,.hint,.help-text){font-size:.85rem!important;color:#536575!important}
html body[class] :is(.btn,.btn-primary,.btn-add,.add-btn,.submit-btn,.btn-submit,.save-btn,.btn-save,.ld-qa-submit){border-radius:9px!important;min-height:48px;font-size:1rem!important;box-shadow:none!important;text-shadow:none!important}
html body[class] :is(.btn:not(.btn-outline):not(.btn-secondary):not(.btn-danger):not(.btn-delete),.btn-primary,.btn-add,.add-btn,.submit-btn,.btn-submit,.save-btn,.btn-save,.ld-qa-submit){background:#174c70!important;color:#fff!important;border-color:#174c70!important}
html body[class] :is(.btn-outline,.btn-secondary){background:#fff!important;color:#174c70!important;border:1px solid #879ba9!important}
html body[class] :is(.btn-danger,.btn-delete){background:#a82f27!important;color:#fff!important}
html body[class] :is(.btn,.btn-add,.add-btn):hover{transform:none!important;filter:brightness(.95)}
html body[class] :is(.card,.stat-card,.stats-card,.section-card,.content-card,.panel,.glass-card){background:#fff!important;border:1px solid #d6dfe5!important;border-radius:14px!important;box-shadow:0 2px 8px #172c3b06!important;backdrop-filter:none!important}
html body[class] :is(.page-title,.page-header h1,.main h1,.main-content h1,.admin-main h1){color:#172c3b!important;background:none!important;-webkit-text-fill-color:#172c3b;line-height:1.25;font-size:clamp(1.75rem,3vw,2.4rem)!important}
html body[class] :is(.sub,.subtitle,.page-subtitle){color:#536575!important;font-size:1rem!important}
html body[class] :is(.alert-error,.alert-err){color:#822f20!important;background:#fff1ed!important;border-color:#e7b4a4!important}
html body[class] :is(.alert-success,.alert-ok){color:#24563d!important;background:#e9f3ee!important;border-color:#aacdbb!important}
html body[class] :is(.stat-label,.stats-label,.metric-label){color:#536575!important;font-size:.9rem!important;text-transform:none!important}
html body[class] .input-wrapper .form-input{padding-left:46px!important;padding-right:50px!important}
html body[class] :is(.forgot-link,.footer-note a){color:#174c70!important;text-decoration:underline;text-underline-offset:3px}
html body.pg-login{padding:24px;align-items:flex-start}
html body.pg-login .split-screen{min-height:0!important;box-shadow:0 8px 28px #172c3b12!important;border-radius:16px!important}
html body.pg-login .brand h2{background:none!important;color:#172c3b!important}
html body.pg-login .brand .badge{background:#eaf0f3;color:#405969;border-radius:6px;text-transform:none;font-size:.85rem;padding:5px 12px}
html body.pg-login .left-panel h1{background:none!important;animation:none;filter:none;color:#fff!important}
html body.pg-login .left-panel::before{display:none}
html body.pg-login .password-toggle{min-width:44px;right:4px;color:#405969}
html body.pg-login .login-card{max-width:500px;padding:28px}
html body.pg-login .right-panel{padding:32px}
html body.pg-login .footer-note{font-size:.85rem;color:#536575}
html body.pg-login .form-options{flex-wrap:wrap;gap:14px}
html body .ld-nav-list li a{font-size:.95rem!important;min-height:46px!important;color:#405969!important;padding:10px 14px!important;border-radius:8px!important}
html body .ld-nav-list li.ld-active>a,html body .admin-nav a.active{background:#e5eef4!important;color:#174c70!important;border-left:3px solid #174c70;font-weight:700}
html body .ld-brand-name{background:none!important;color:#173c54!important;font-family:inherit}
html body :is(.ld-brand-icon,.ld-quick-add-btn){background:#174c70!important;color:#fff!important}
html body :is(.ld-drawer-x,.ld-hamburger,.ld-topbar-bell){min-width:44px;min-height:44px}
html body .ld-tabbar{background:#fff!important;border-top:1px solid #c4d3dd}
html body .ld-tab{color:#536575!important;min-height:60px}
html body .ld-tab span{font-size:.78rem!important}
html body .ld-tab.on{background:#e5eef4!important;color:#174c70!important}
html body :is(.ld-nav-badge,.ld-tab-badge,.notification-badge){background:#a82f27!important;color:#fff!important}
html body :is(.ld-topbar-logo,.admin-logo){color:#173c54!important;background:none!important;font-family:inherit}
@media(max-width:600px){html body.pg-login{padding:12px}html body.pg-login .right-panel{padding:12px!important}html body.pg-login .login-card{padding:22px 16px!important}html body.pg-login .left-panel{padding:20px!important}html body.pg-login .left-panel p{font-size:1rem!important}html body .ld-tab span{font-size:.72rem!important}}

/* One clear navigation system and optional, readable setup help. */
html body .ld-hamburger span{background:#173c54!important}
html body .ld-tab span{max-width:none!important;overflow:visible!important;text-overflow:clip!important;font-size:.82rem!important}
html body .ld-tabbar{height:70px!important;padding-bottom:env(safe-area-inset-bottom,0px)}
html body .ld-quick-add-btn{display:none!important}
html body #obWidget{background:#fff!important;border:1px solid #d6dfe5!important;border-radius:14px!important}
html body #obWidget button,html body .ob-btn-primary{background:#174c70!important;color:#fff!important;border-radius:9px!important;font-size:.95rem!important;min-height:48px}
html body #obModal button[onclick="obSkip()"]{color:#174c70!important;font-size:1rem!important;text-decoration:underline}
html body #obWidgetPct,html body .ob-check-item,html body #obStepLabel,html body #obPct{font-size:.9rem!important;color:#536575!important}
html body .ob-check-item{align-items:start}
html body #obChecklist{gap:12px!important}
html body .ld-trial-notice{margin:16px 24px 0 284px;padding:12px 18px;border:1px solid #d6dfe5;border-radius:9px;background:#fff;color:#405969;font-size:.9rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
html body .ld-trial-notice a{color:#174c70;text-underline-offset:3px}
@media(max-width:768px){html body .ld-trial-notice{margin:70px 16px 0}html body #obChecklist{grid-template-columns:1fr!important}html body #obWidget>div:first-child{gap:12px;flex-wrap:wrap}}
.ld-referral-chart{display:grid;gap:1.2rem;margin:1.5rem 0}.ld-chart-row{display:grid;grid-template-columns:90px 1fr;gap:1rem;align-items:center}.ld-chart-pair{display:grid;gap:.45rem}.ld-chart-pair>div{display:flex;align-items:center;gap:.6rem;min-height:26px}.ld-chart-pair>div>span:last-child{white-space:nowrap;font-size:15px;color:#334155}.ld-chart-bar{display:block;max-width:calc(100% - 120px);min-width:2px;height:18px;border-radius:4px;background:#1d4ed8}.ld-chart-paid{background:#047857}.ld-payout-form{display:grid;gap:.5rem;min-width:220px;max-width:320px}.ld-payout-form label{font-size:15px}.ld-payout-form input,.ld-payout-form select{width:100%}@media(max-width:480px){.ld-chart-row{grid-template-columns:64px 1fr;gap:.6rem}.ld-chart-pair>div>span:last-child{font-size:14px}}