:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#203a37;background:#f4f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;padding:28px 40px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:46px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:#164d40;text-decoration:none}.brand span{font-size:11px;letter-spacing:2px;display:block;margin-top:4px}nav{display:flex;align-items:center;gap:24px}a{color:#276d57}nav a{font-size:13px;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#628575}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}h1{font-size:37px;letter-spacing:-1.4px;line-height:1.18;margin:14px 0}h2{font-size:18px;letter-spacing:-.3px;margin:0 0 8px}h3{font-size:16px}p{font-size:13px;color:#72867e;line-height:1.65;margin:6px 0}.hero p{font-size:15px}button,.button{font:600 13px Inter,Segoe UI,Arial,sans-serif;border:1px solid transparent;border-radius:8px;padding:12px 17px;background:#1e6650;color:white;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.quiet{background:white;color:#365f50;border-color:#dce6df}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat,.panel{background:white;border:1px solid #e0e8e2;border-radius:13px}.stat{padding:20px 24px}.stat strong{font-size:29px;display:block;margin-bottom:7px;font-weight:650}.stat span{font-size:12px;color:#7b8b83}.panel{padding:24px;margin:20px 0}.toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.filters{display:flex;gap:10px}.filters input{width:230px}input,select,textarea{font:13px Inter,Segoe UI,Arial,sans-serif;border:1px solid #d8e2db;border-radius:7px;background:#fff;color:#28463b;padding:11px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #b5d4c3;outline-offset:1px}input[type=checkbox]{accent-color:#246f53}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;letter-spacing:.8px;color:#7c8c83;padding:15px 13px;background:#f7faf8;text-transform:uppercase}td{padding:19px 13px;border-bottom:1px solid #eef2ee;font-size:13px}td strong{font-size:13px}td small{display:block;margin-top:5px;color:#89968f;font-size:11px}.badge{display:inline-block;padding:5px 9px;background:#e9f3ed;color:#397655;border-radius:20px;font-size:10px;white-space:nowrap}.muted{background:#f1f2f0;color:#858b84}.roles{font-size:11px;color:#74897e;margin-top:6px}.empty{text-align:center;padding:38px;color:#8b9990}.activity{padding:24px}.event{padding:12px 0;border-bottom:1px solid #f0f3f0;display:flex;justify-content:space-between;font-size:12px;gap:15px}.event time{color:#8c9992;font-size:11px}footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#95a197;margin:35px 0}footer span{letter-spacing:0}dialog{border:1px solid #e0e8e0;border-radius:18px;width:790px;max-width:95vw;max-height:91vh;overflow:auto;padding:28px;color:#244538;box-shadow:0 30px 100px #163a3526}dialog::backdrop{background:#173c3766;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-head h2{font-size:23px;margin-top:7px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 22px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.wide{grid-column:1/-1}.hint{font-size:11px;line-height:1.7;color:#819286;background:#f4f8f4;padding:12px;border-radius:7px;margin-top:17px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:20px}.access{margin-top:26px;padding-top:20px;border-top:1px solid #e3ebe4}.role-grid{display:flex;gap:16px;flex-wrap:wrap;margin:17px 0}.role-grid label{flex-direction:row;align-items:center;font-size:12px}.access-actions{display:flex;gap:10px;margin-top:16px}#message,#formError,#accessMessage{font-size:12px;color:#a9443d;line-height:1.6}.success{color:#31765a!important}@media(max-width:800px){main{padding:22px}.hero{align-items:flex-start;flex-direction:column}h1{font-size:29px}.stats{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.filters{flex-wrap:wrap}.grid{grid-template-columns:1fr}.wide{grid-column:auto}header{margin-bottom:30px}nav{gap:12px}footer span{display:none}}

[hidden]{display:none!important}

[hidden]{display:none!important}.portal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.portal-tabs a{padding:10px 18px;border:1px solid #dce7ef;border-radius:12px;text-decoration:none;color:#29475d;background:white}.portal-tabs a[aria-current=page]{background:#087e8b;color:white;border-color:#087e8b}.service-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:20px;padding:24px;background:linear-gradient(120deg,#103a71,#087e8b);color:white}.service-card h2{margin:6px 0}.service-card p,.service-card small{color:#deeff4}.service-card strong{font-size:24px}.lab-notice{padding:14px;border-radius:10px;background:#fff6df;color:#76510f;font-size:14px}.confirm-line{display:flex;align-items:flex-start;gap:12px}.confirm-line input{width:auto;margin-top:5px}.register-link{text-align:center;margin-top:24px}#billRows small{display:block}#paymentDialog{max-width:620px}#paymentDialog button{margin-top:14px}#paymentDialog select{width:100%}@media(max-width:620px){.service-card{display:block}.service-card strong{font-size:21px}.table-wrap{overflow:auto}.portal-tabs a{padding:10px 12px}}@media print{header,footer,.portal-tabs,button,.lab-notice{display:none!important}main{max-width:none;padding:0}.panel{box-shadow:none;border:0}}

.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-grid dl{display:grid;grid-template-columns:140px 1fr;gap:12px}.home-grid dt{color:#607a89}.home-grid dd{margin:0;overflow-wrap:anywhere}.traffic-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.traffic-totals article{padding:20px;background:#eef6fb;border-radius:14px}.traffic-totals small,.traffic-totals strong{display:block}.traffic-totals strong{font-size:25px;margin-top:8px;color:#103a71}#trafficChart{margin-top:20px;overflow:auto}#trafficChart svg{display:block;width:100%;height:auto}.chart-empty{padding:60px 20px;border:1px dashed #b7cedb;border-radius:14px;text-align:center;color:#537084}.chart-empty small{display:block;margin-top:12px}.chart-legend{font-size:13px}.download-key{color:#147caa}.upload-key{color:#10a89d}@media(max-width:700px){.home-grid{grid-template-columns:1fr;gap:0}.traffic-totals{grid-template-columns:1fr;gap:10px}.traffic-totals article{display:flex;justify-content:space-between;align-items:center;padding:14px}.traffic-totals strong{font-size:21px;margin:0}.home-grid dl{grid-template-columns:110px 1fr}}

header{gap:16px;flex-wrap:wrap}header nav{flex-wrap:wrap;max-width:100%}.panel,.home-grid>*{min-width:0}dialog{max-height:calc(100dvh - 40px);overflow:auto}input,select,textarea{max-width:100%}@media(max-width:620px){input,select,textarea{font-size:16px}main{padding:16px}.home-grid dl{grid-template-columns:100px 1fr}}

.referral-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.38fr);align-items:center;gap:28px;padding:26px;margin:22px 0;background:linear-gradient(115deg,#eaf8f2,#edf5ff);border:1px solid #cee6dc;border-radius:16px}.referral-home h2{font-size:24px;color:#164d40;margin:9px 0}.referral-home p{max-width:720px;color:#466c60;margin-bottom:16px}.referral-home .button{display:inline-block;white-space:normal;line-height:1.5}.referral-home-balance{padding:22px;background:#fff;border:1px solid #d7e8df;border-radius:12px}.referral-home-balance small,.referral-home-balance strong{display:block}.referral-home-balance strong{font-size:28px;color:#164d40;margin-top:8px}.referral-home-balance p{margin:10px 0 0;font-size:12px}.referral-share-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.referral-share-grid input,.referral-share-grid textarea{width:100%}.referral-share-grid label{margin-top:14px}.referral-share-grid .share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.referral-share-grid .button{display:inline-block}.referral-qr{text-align:center;padding:18px;background:white;border:1px solid #dde8e1;border-radius:14px}.referral-qr img{width:100%;max-width:256px;height:auto;display:block;margin:auto}.referral-qr p{overflow-wrap:anywhere}.referral-qr a{display:inline-block;margin-top:12px}.referral-program-hero{display:block!important}.referral-program-hero .eyebrow{color:#c6eeee}.referral-wallet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.referral-home,.referral-share-grid,.referral-wallet-grid{grid-template-columns:1fr}.referral-home{gap:18px;padding:20px}.referral-home h2{font-size:21px}.referral-qr{max-width:340px;width:100%;margin:auto}.referral-wallet-grid{gap:0}.referral-home-balance{padding:16px}}@media print{.referral-home .button,.share-actions,#whatsappInviteForm{display:none!important}}