.portal{color:#183c34;background:#f4f8f6;min-height:100vh;font-family:Arial,sans-serif}.portal *{box-sizing:border-box}.portal header{background:#fff;border-bottom:1px solid #d8e4de;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 5%;display:flex}.portal header img{width:58px}.portal a{color:#126550}.portal main{max-width:1200px;margin:auto;padding:32px 20px}.portal h1{margin:8px 0 18px;font-size:32px}.portal h2{margin:0 0 16px;font-size:21px}.portal p{line-height:1.6}.portal nav{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.portal button,.portal .pbtn{color:#fff;cursor:pointer;background:#10634e;border:0;border-radius:9px;padding:11px 17px;font-size:14px;text-decoration:none;display:inline-block}.portal button.secondary{color:#164637;background:#e1ece7}.portal button:disabled{opacity:.5;cursor:not-allowed}.portal .card{background:#fff;border:1px solid #dbe5e0;border-radius:16px;margin:16px 0;padding:24px;box-shadow:0 4px 15px #123c3405}.portal label{margin:12px 0 7px;font-weight:600;display:block}.portal input,.portal select,.portal textarea{width:100%;font:inherit;color:#163d32;background:#fff;border:1px solid #bccfc5;border-radius:8px;padding:11px}.portal .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.portal .lots{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;display:grid}.portal .lots button{color:#165838;text-align:left;background:#e3f4eb;border:1px solid #bed4c8;min-height:80px}.portal .lots button span{margin-top:5px;font-size:12px;display:block}.portal .lots button[data-status=HOLD]{background:#fff2ce}.portal .lots button[data-status=BOOKED],.portal .lots button[data-status=PROSES\ KPR]{background:#ffeadb}.portal .lots button[data-status=TERJUAL]{color:#666;background:#e1e4e3}.portal .tablewrap{overflow:auto}.portal table{border-collapse:collapse;width:100%;font-size:14px}.portal td,.portal th{text-align:left;vertical-align:top;border-bottom:1px solid #e2eae6;padding:12px}.portal .badge{background:#e7f1ec;border-radius:20px;padding:5px 9px;font-size:12px;display:inline-block}.portal .muted{color:#5c746a;font-size:14px}.portal .error{color:#8e2315;background:#ffe9e6;border-radius:8px;padding:15px}.portal .success{background:#dff1e6;border-radius:8px;padding:15px}.portal .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.portal .stat{font-size:30px;font-weight:700}.portal dialog{border:0;border-radius:16px;width:90%;max-width:500px;padding:25px}.portal dialog::backdrop{background:#123c3480}.portal .entry{max-width:620px;margin:10vh auto}.portal .entry img{width:80px}.portal small{display:block}.portal form button{margin-top:15px}.admin-panel header{z-index:20;min-height:86px;position:sticky;top:0}.admin-panel .admin-main{max-width:none;margin-left:240px;padding:30px 34px}.admin-panel nav{z-index:15;background:#113f33;flex-flow:column;gap:7px;width:240px;margin:0;padding:24px 16px;display:flex;position:fixed;top:86px;bottom:0;left:0;overflow-y:auto}.admin-panel nav:before{content:"PANEL ADMIN";letter-spacing:2px;color:#9dc3ae;margin:0 12px 14px;font-size:12px;font-weight:700}.admin-panel nav button{text-align:left;color:#fff;background:#237457;border-radius:9px;padding:12px 15px;font-weight:600}.admin-panel nav button.secondary{color:#d4e7dc;background:0 0}.admin-panel nav button:hover{background:#205a45}.admin-panel nav button[aria-current=page]{background:#2a7055;box-shadow:inset 3px 0 #b5d590}.admin-welcome{background:linear-gradient(110deg,#e8f3ec,#fff)!important}.admin-shortcuts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.admin-shortcuts button{text-align:left;min-height:95px;background:#f7faf8!important;border:1px solid #d5e4dc!important;padding:18px!important}.admin-shortcuts span{color:#5a7467;margin-top:6px;font-size:13px;line-height:1.5;display:block}.admin-panel table small{margin-top:5px}.admin-panel main>h1{margin-top:4px}@media (max-width:900px){.admin-panel .admin-main{margin-left:0;padding:22px 16px}.admin-panel nav{border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:18px 0;padding:14px;display:grid;position:static}.admin-panel nav:before{grid-column:1/-1;margin:4px 6px 8px}.admin-panel header{position:static}.admin-panel nav button{padding:10px;font-size:13px}.admin-panel .stat{font-size:24px}}.download-control{vertical-align:top;flex-direction:column;gap:7px;margin:4px 6px 4px 0;display:inline-flex}.portal .download-open{color:#527062;font-size:12px}.download-error{color:#9a301e;max-width:280px;font-size:13px}.broadcast-selection{max-height:320px;margin:15px 0;overflow:auto}.broadcast-preview{background:#e7f4ed;border-left:4px solid #177756;border-radius:10px;padding:16px}.broadcast-preview p{margin:12px 0 0}.broadcast-files{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.broadcast-files strong{overflow-wrap:anywhere;display:block}.broadcast-files .card{padding:16px}.broadcast-preview h3{margin-top:0}.portal .referral-item{background:#f8fbf9;border:1px solid #dbe5e0;border-radius:12px;padding:18px}.portal .referral-item h3{margin-top:0}.portal .referral-item .referral-wa{color:#164637;background:#e1ece7}.agent-landing{--green:#123f35;--gold:#cbad76;color:var(--green);background:#faf9f5;font-family:Arial,sans-serif;line-height:1.6}.agent-landing *{box-sizing:border-box}.agent-landing h1,.agent-landing h2,.agent-landing h3,.agent-landing p{margin-top:0}.agent-landing a{color:inherit;text-decoration:none}:is(.agent-landing a:focus-visible,.agent-landing summary:focus-visible){outline-offset:5px;outline:3px solid #b49254}.agent-landing .al-header{justify-content:space-between;align-items:center;gap:22px;max-width:1280px;margin:auto;padding:22px 36px;display:flex}.agent-landing .al-brand{letter-spacing:1px;align-items:center;gap:12px;font-size:14px;font-weight:750;display:flex}.agent-landing .al-brand img{object-fit:contain;width:52px;height:52px}.agent-landing .al-brand small{letter-spacing:.5px;color:#6e7f75;font-size:11px;font-weight:400;display:block}.agent-landing nav{gap:24px;font-size:13px;display:flex}.agent-landing .al-button{background:var(--green);color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:14px 22px;font-size:14px;font-weight:600;display:inline-flex}.agent-landing .al-button:hover{background:#246753}.agent-landing .al-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;max-width:1280px;margin:auto;padding:36px 36px 72px;display:grid}.agent-landing .al-eyebrow{letter-spacing:2px;color:#6a7f70;margin-bottom:20px;font-size:11px;font-weight:700}.agent-landing h1{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(36px,4vw,58px);font-weight:650;line-height:1.15}.agent-landing h1 em{color:#60836b;font-family:Georgia,serif;font-weight:400}.agent-landing .al-hero-copy>p:not(.al-eyebrow){max-width:510px}.agent-landing .al-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:28px 0 20px;display:flex}.agent-landing .al-text-link{border-bottom:1px solid #9cb4a6;padding-bottom:4px;font-size:14px;font-weight:650}.agent-landing .al-fine{color:#687b70;font-size:12px;line-height:1.7}.agent-landing .al-ref-note{overflow-wrap:anywhere;background:#ecefe4;border-left:3px solid #b29868;padding:12px 16px;font-size:13px}.agent-landing .al-hero-visual{background:#e3e8de;border-radius:140px 140px 14px 14px;height:535px;position:relative;overflow:hidden}.agent-landing .al-hero-visual>img{object-fit:cover;width:100%;height:100%}.agent-landing .al-photo-caption{color:#fff;background:linear-gradient(#0000,#163b33dc);flex-direction:column;padding:55px 26px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.agent-landing .al-photo-caption span{letter-spacing:2px;font-size:10px}.agent-landing .al-photo-caption strong{font-size:24px}.agent-landing .al-photo-caption small{font-size:12px}.agent-landing .al-section{max-width:1208px;margin:auto;padding:70px 0}.agent-landing h2{letter-spacing:-1px;margin-bottom:22px;font-size:clamp(28px,3vw,40px);line-height:1.2}.agent-landing .al-section-heading{grid-template-columns:1fr 1fr;column-gap:64px;display:grid}.agent-landing .al-section-heading .al-eyebrow{grid-column:1/-1}.agent-landing .al-section-heading>p:last-child{color:#65796c;max-width:460px;padding-top:8px}.agent-landing .al-opportunities{grid-template-columns:1fr 1fr;gap:24px;margin-top:25px;display:grid}.agent-landing .al-opportunities article{background:#fff;border:1px solid #d8dfd3;border-radius:12px;padding:36px}.agent-landing .al-number{letter-spacing:1.5px;color:#7a866b;font-size:11px}.agent-landing h3{margin:18px 0 12px;font-size:22px}.agent-landing .al-opportunities article>p{font-size:14px}.agent-landing .al-amount{border-top:1px solid #d8dfd3;flex-direction:column;margin:28px 0 20px;padding-top:24px;display:flex}.agent-landing .al-amount strong{letter-spacing:-1px;font-size:40px;line-height:1.3}.agent-landing .al-amount small,.agent-landing .al-amount span{font-size:12px}.agent-landing article.al-mgm{background:var(--green);color:#f7f6ee;border-color:var(--green)}.agent-landing .al-mgm .al-number,.agent-landing .al-mgm .al-fine{color:#becfbf}.agent-landing .al-mgm .al-amount{border-color:#527264}.agent-landing .al-mgm .al-amount strong{color:#e3c896}.agent-landing .al-tools{border-top:1px solid #d8dfd3;border-bottom:1px solid #d8dfd3;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.agent-landing .al-tools>div>p:not(.al-eyebrow){color:#65796c;font-size:15px}.agent-landing .al-video video{background:#123f35;border-radius:12px;width:100%;max-height:390px;display:block}.agent-landing .al-video>p{margin:12px 0 0;font-size:12px}.agent-landing .al-steps{grid-template-columns:repeat(4,1fr);gap:32px;margin:38px 0 0;padding:0;list-style:none;display:grid}.agent-landing .al-steps span{color:#8b7d5f;border-top:2px solid #bda474;padding-top:15px;font-size:13px;display:block}.agent-landing .al-steps p{color:#65796c;font-size:14px}.agent-landing .al-faq{border-top:1px solid #d8dfd3;max-width:850px}.agent-landing .al-faq details{border-bottom:1px solid #d8dfd3;padding:20px 0}.agent-landing summary{cursor:pointer;list-style:revert;font-size:16px;font-weight:650}.agent-landing .al-faq details p{color:#65796c;margin:14px 0 0;font-size:14px}.agent-landing .al-final{text-align:center;background:#e9ede1;padding:64px 24px}.agent-landing .al-final .al-actions{justify-content:center}.agent-landing .al-outline{border:1px solid #77957f;border-radius:6px;padding:12px 20px;font-size:14px}.agent-landing footer{flex-wrap:wrap;gap:18px 26px;max-width:1280px;margin:auto;padding:30px 36px;font-size:12px;display:flex}.agent-landing footer span{flex:1}.agent-landing footer a{text-decoration:underline}@media (max-width:1280px){.agent-landing .al-section{margin:0 36px}}@media (max-width:800px){.agent-landing .al-header{flex-wrap:wrap;padding:18px 20px}.agent-landing nav{order:3;justify-content:space-between;gap:12px;width:100%}.agent-landing .al-header .al-button{padding:10px 14px;font-size:12px}.agent-landing .al-brand{font-size:11px}.agent-landing .al-brand img{width:40px;height:40px}.agent-landing .al-hero{grid-template-columns:1fr;gap:28px;padding:28px 20px 40px}.agent-landing .al-hero-visual{border-radius:100px 100px 12px 12px;height:380px}.agent-landing h1{letter-spacing:-1px}.agent-landing .al-section{margin:0 20px;padding:42px 0}.agent-landing .al-section-heading,.agent-landing .al-opportunities,.agent-landing .al-tools{grid-template-columns:1fr;gap:20px}.agent-landing .al-section-heading>p:last-child{padding:0}.agent-landing .al-opportunities article{padding:26px}.agent-landing .al-steps{grid-template-columns:1fr 1fr;gap:24px}.agent-landing .al-steps h3{font-size:19px}.agent-landing .al-amount strong{font-size:34px}.agent-landing .al-final{padding:44px 20px}.agent-landing footer{padding:24px 20px}.agent-landing footer span{flex-basis:100%}.agent-landing .al-actions{gap:18px}.agent-landing .al-eyebrow{letter-spacing:1.2px}}@media (prefers-reduced-motion:no-preference){.agent-landing{scroll-behavior:smooth}}.portal .agent-terms{white-space:pre-wrap;overscroll-behavior:contain;background:#f7faf7;border:1px solid #b6cabc;border-radius:10px;max-height:360px;padding:20px;font-size:14px;line-height:1.75;overflow-y:auto}.portal .agent-consent{align-items:flex-start;gap:12px;line-height:1.6;display:flex}.portal .agent-consent input{accent-color:#10634e;flex:0 0 20px;width:20px;height:20px;margin-top:4px}.portal .agent-consent:has(input:disabled){opacity:.6}.portal .agent-terms:focus-visible{outline-offset:3px;outline:3px solid #10634e}.portal .file-picker .native-file-picker{cursor:pointer;background:#f8fbf9;width:100%;max-width:100%;min-height:64px;padding:10px;font-size:14px;opacity:1!important;pointer-events:auto!important;visibility:visible!important;display:block!important;position:static!important}.portal .native-file-picker::file-selector-button{color:#fff;cursor:pointer;background:#10634e;border:0;border-radius:8px;min-height:44px;margin-right:12px;padding:11px 16px;font-weight:700}.portal .native-file-picker::file-selector-button{color:#fff;cursor:pointer;background:#10634e;border:0;border-radius:8px;min-height:44px;margin-right:12px;padding:11px 16px;font-weight:700}.portal .file-picker input:focus-visible{outline-offset:3px;outline:3px solid #10634e}.portal .file-picker-help{background:#f2f6f3;border:1px solid #d5e2d9;border-radius:10px;margin:12px 0;padding:12px}.portal .file-picker-help summary{cursor:pointer;font-size:14px}.portal .file-picker-help p{font-size:14px}.portal .file-picker-help input[readonly]{margin-top:12px;font-size:12px}.portal .file-picker [role=status]{overflow-wrap:anywhere}.portal .ktp-preview{background:#f3f7f4;border:1px solid #d7e3db;border-radius:12px;margin:18px 0;padding:16px}.portal .ktp-preview img{object-fit:contain;max-width:100%;max-height:600px;margin:auto;display:block}.portal .wa-notice{border-left:4px solid #128c7e}.portal .wa-notice p{margin:0 0 12px}.agent-landing .al-ref-note .al-recruiter-label{letter-spacing:1.6px;color:#617663;font-size:10px;font-weight:700;display:block}.agent-landing .al-ref-note .al-recruiter-name{margin:8px 0;font-size:22px;line-height:1.3;display:block}.agent-landing .al-ref-note p{margin:10px 0 0;font-size:12px}