:root{--ink:#0e2a33;--ink-soft:#4b6168;--teal:#0e7c8a;--cyan:#3dc5d6;--bg:#f7f5f0;--surface:#ffffff;--line:rgba(14,42,51,0.1);--deep:#0b262c;--ok:#1f9d6b;--warn:#e08e29}*{box-sizing:border-box}.field{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}.field::placeholder{color:#9aa7a9}.field:hover{border-color:color-mix(in oklab,var(--teal) 40%,var(--line))}.field:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in oklab,var(--cyan) 28%,transparent)}.btn-cta{width:100%;padding:13px 16px;border:none;border-radius:10px;background:var(--deep);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .12s,box-shadow .2s}.btn-cta:hover{background:var(--teal);transform:translateY(-1px);box-shadow:0 12px 24px -12px var(--teal)}.btn-cta:active{transform:translateY(0)}.pw-wrap{position:relative;display:block}.pw-input{padding-right:44px}.pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;padding:0;border:none;border-radius:8px;background:transparent;color:#7e9097;cursor:pointer;transition:color .15s,background .15s}.pw-toggle:hover{color:var(--teal);background:color-mix(in oklab,var(--cyan) 16%,transparent)}.auth-card{position:relative;z-index:1;width:100%;max-width:384px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px 30px;box-shadow:0 24px 60px -34px rgba(14,42,51,.45)}.auth-logo{height:54px;width:auto;display:block;margin:0 auto 16px}.auth-h{font-size:22px;font-weight:800;letter-spacing:-.02em;text-align:center;margin:0;color:var(--ink)}.auth-sub{text-align:center;color:var(--ink-soft);font-size:14px;margin:5px 0 22px}.auth-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin:0 0 5px}.auth-field{margin-bottom:14px}.lp{position:relative;overflow:hidden}.lp-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.lp-bg:after,.lp-bg:before{content:"";position:absolute;border-radius:50%}.lp-bg:before{width:620px;height:620px;top:-320px;right:-180px;background:color-mix(in oklab,var(--cyan) 16%,transparent)}.lp-bg:after{width:460px;height:460px;bottom:-280px;left:-160px;background:color-mix(in oklab,var(--teal) 12%,transparent)}.lp-wrap{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:72px 28px 56px}.lp-hero{text-align:center;max-width:680px;margin:0 auto}.lp-logo{height:132px;width:auto;margin:0 auto 28px;display:block}.lp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--teal)}.lp-h1{font-size:clamp(34px,6vw,56px);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:14px 0 0;color:var(--ink)}.lp-h1 .accent{color:var(--teal)}.lp-sub{font-size:clamp(16px,2vw,19px);color:var(--ink-soft);max-width:42ch;margin:20px auto 0;line-height:1.55}.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}.lp-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:13px 22px;border-radius:100px;border:1.5px solid transparent;transition:transform .12s,background .2s,border-color .2s}.lp-btn:active{transform:translateY(0)}.lp-btn-primary{background:var(--deep);color:#fff}.lp-btn-primary:hover{background:var(--teal);transform:translateY(-1px);box-shadow:0 12px 24px -12px var(--teal)}.lp-btn-ghost{color:var(--ink);border-color:var(--line)}.lp-btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.lp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:64px}.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 20px;text-align:left}.lp-card .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in oklab,var(--cyan) 18%,#fff);color:var(--teal);margin-bottom:14px}.lp-card h3{font-size:16px;font-weight:700;color:var(--ink);margin:0 0 6px}.lp-card p{margin:0;line-height:1.5}.lp-apply-hint,.lp-card p{font-size:14px;color:var(--ink-soft)}.lp-apply-hint{margin-top:16px}.lp-apply-hint a{color:var(--teal);font-weight:600}.lp-apply{margin-top:72px;padding-top:48px;border-top:1px solid var(--line)}.lp-apply-h{text-align:center;font-size:clamp(24px,3.5vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:8px 0 0}.lp-apply-form{max-width:500px;margin:26px auto 0;display:grid;grid-gap:14px;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:0 26px 60px -38px rgba(14,42,51,.5)}.lp-field-row{display:flex;gap:12px;flex-wrap:wrap}.lp-field{flex:1 1;min-width:170px;display:grid;grid-gap:6px;gap:6px}.lp-field .k{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft)}.lp-apply-form .field{padding:12px 14px}.lp-foot{margin-top:56px;text-align:center;font-size:13px;color:var(--ink-faint,#7e9097)}.vf-badge{display:inline-block;font-size:13px;font-weight:700;padding:7px 16px;border-radius:100px}.vf-ok{background:#e7f6ee;color:var(--ok)}.vf-warn{background:#fcf0db;color:var(--warn)}.vf-bad{background:#fbeaea;color:#b3403a}.lp-foot .dot{color:var(--cyan);margin:0 8px}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.side{background:var(--deep);color:#cdddde;padding:22px 18px}.side .brand{font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:4px}.side .brand span{color:var(--cyan)}.side .tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7e9799;margin-bottom:24px}.side nav a{display:block;padding:9px 11px;border-radius:8px;color:#b9cdce;font-size:14px;margin-bottom:2px}.side nav a:hover{background:rgba(255,255,255,.06);color:#fff}.side .acct-link{display:block;font-size:12.5px;color:#8fa9ab;margin-bottom:4px}.side .acct-link:hover{color:#fff}.side .logout{background:transparent;border:1px solid rgba(255,255,255,.18);color:#b9cdce;font-size:13px;padding:7px 11px;border-radius:8px;cursor:pointer;width:100%}.side .logout:hover{color:#fff;border-color:rgba(255,255,255,.4)}.side .group{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:#5f7a7c;margin:18px 0 6px 11px}.main{padding:28px 34px;max-width:1100px}.main h1{font-size:24px;margin:0 0 4px}.main .sub{color:var(--ink-soft);margin:0 0 24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card .k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.card .v{font-size:26px;font-weight:700;margin-top:6px}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}td,th{text-align:left;padding:11px 14px;font-size:14px;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);background:#fbfaf7}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:100px;background:#eef4f4;color:var(--teal)}.pill.active{background:#e7f6ee;color:var(--ok)}.pill.suspended,.pill.warn{background:#fcf0db;color:var(--warn)}.tree{padding-left:0}.tree,.tree ul{list-style:none}.tree ul{padding-left:20px;border-left:1px solid var(--line)}.tree li,.tree ul{margin:4px 0}.node{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 12px;display:inline-flex;gap:10px;align-items:center}.node .lvl{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.btn{background:var(--deep);color:#fff;border:none;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:var(--teal)}.ref{border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:13px;width:90px}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:28px;text-align:center;color:var(--ink-soft)}.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.qa-card{position:relative;display:block;padding:16px 40px 16px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .15s,transform .12s,box-shadow .15s}.qa-card:hover{border-color:color-mix(in oklab,var(--teal) 45%,var(--line));transform:translateY(-2px);box-shadow:0 16px 34px -24px rgba(14,42,51,.5)}.qa-title{display:block;font-weight:700;color:var(--ink);font-size:15px}.qa-desc{display:block;margin-top:3px;font-size:13px;color:var(--ink-soft)}.qa-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--teal);font-size:18px;transition:transform .15s}.qa-card:hover .qa-arrow{transform:translate(3px,-50%)}.ov-cols{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:860px){.ov-cols{grid-template-columns:1fr;gap:0}}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.pager-info{font-size:13px;color:var(--ink-soft)}.pager-btns{display:flex;align-items:center;gap:8px}.pager-page{font-size:13px;color:var(--ink-soft);min-width:96px;text-align:center}.pager-btn{display:inline-block;padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s}.pager-btn:hover{border-color:color-mix(in oklab,var(--teal) 45%,var(--line));background:color-mix(in oklab,var(--cyan) 10%,#fff)}.pager-btn.is-disabled{opacity:.45;pointer-events:none}.tg{max-width:760px}.tg-sec{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.tg-sec h2{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 10px}.tg-num{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:var(--deep);color:#fff;font-size:14px;font-weight:700}.tg p{line-height:1.6}.tg ol,.tg p,.tg ul{color:var(--ink);margin:8px 0}.tg ol,.tg ul{padding-left:20px;display:grid;grid-gap:6px;gap:6px;line-height:1.55}.tg .sub{color:var(--ink-soft)}.tg-rates{width:100%;margin:12px 0}.tg-rates td,.tg-rates th{padding:8px 10px}.tg-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:640px){.tg-cols{grid-template-columns:1fr}}.tg-h{font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.tg-h.ok{color:var(--ok)}.tg-h.bad{color:#b3403a}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tabs-status{margin-bottom:22px}.tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line)}.tab:hover{border-color:color-mix(in oklab,var(--teal) 40%,var(--line));color:var(--ink)}.tab.active{background:var(--deep);border-color:var(--deep);color:#fff}.tab-sm{padding:5px 11px;font-size:12.5px}.tab-count{display:inline-block;min-width:18px;padding:1px 5px;border-radius:100px;background:color-mix(in oklab,var(--cyan) 22%,transparent);color:var(--teal);font-size:11px;text-align:center}.tab.active .tab-count{background:rgba(255,255,255,.2);color:#fff}.lead-add{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:22px}.lead-add summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--ink)}.lead-form{display:grid;grid-gap:10px;gap:10px;margin-top:14px;max-width:560px}.lead-form-row{display:flex;gap:10px}.lead-form-row .field{flex:1 1}.lead-form-error{color:#b3403a;font-size:13px}.lead-form-ok{color:var(--ok);font-size:13px}.lead-section{margin-top:8px;margin-bottom:26px}.lead-section-listed{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.lead-section-h{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:0 0 12px}.lead-section-count{font-size:11px;font-weight:600;padding:1px 7px;border-radius:100px;background:#eef4f4;color:var(--teal)}.lead-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.lead-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.lead-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lead-name{font-weight:700;font-size:15px;color:var(--ink)}.lead-location{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.lead-notes{font-size:13.5px;color:var(--ink-soft);margin:10px 0 0;line-height:1.5}.lead-embed-wrap{margin-bottom:10px}.lead-embed{display:block;width:100%;height:160px;border:1px solid var(--line);border-radius:9px}.lead-meta{font-size:11.5px;color:#9aa7a9;margin-top:10px}.lead-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.btn-listed{background:var(--ok)}.btn-listed:hover{background:#187f56}.lead-edit{flex-basis:100%}.lead-edit summary.btn-edit{display:inline-block;background:transparent;color:var(--ink-soft);border:1px solid var(--line);list-style:none}.lead-edit summary.btn-edit::-webkit-details-marker{display:none}.lead-edit summary.btn-edit:hover{color:var(--ink);border-color:color-mix(in oklab,var(--teal) 40%,var(--line))}.lead-edit .lead-form{max-width:none;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.lead-form-hint{font-size:12px;color:var(--ink-soft);margin-top:-4px}.lead-banner-warn{background:#fcf0db;color:var(--warn);border:1px solid color-mix(in oklab,var(--warn) 35%,transparent);border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:16px}.lead-barangay{font-size:12.5px;color:var(--teal);margin-top:2px}.ota-switches{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.ota-switch-form{display:inline-block}.ota-switch{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);border-radius:100px;padding:4px 11px;font-size:12px;font-weight:600;cursor:pointer}.ota-switch:hover{border-color:color-mix(in oklab,var(--teal) 40%,var(--line))}.ota-switch.on{background:var(--ok);color:#fff;border-color:var(--ok)}.ota-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:22px;font-size:13.5px}.ota-check{display:inline-flex;align-items:center;gap:5px;color:var(--ink);cursor:pointer}.ota-clear{font-size:12.5px;color:var(--ink-soft);text-decoration:underline}.ota-clear:hover{color:var(--ink)}.barangay-groups{display:grid;grid-gap:10px;gap:10px}.barangay-group{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.barangay-group summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--ink)}.barangay-group[open] summary{margin-bottom:12px}.lead-contact{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-soft);margin-top:6px}.lead-contact a{color:var(--teal);font-weight:600}.lead-contact a:hover{text-decoration:underline}.lead-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.view-toggle{display:flex;gap:4px;flex-shrink:0}.view-toggle-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft)}.view-toggle-btn:hover{color:var(--ink);border-color:color-mix(in oklab,var(--teal) 40%,var(--line))}.view-toggle-btn.active{background:var(--deep);border-color:var(--deep);color:#fff}.lead-list{display:flex;flex-direction:column;gap:12px}.lead-card-list{display:flex;flex-direction:row;align-items:stretch;gap:16px}.lead-card-list .lead-embed-wrap{flex:0 0 260px;margin-bottom:0}.lead-card-list .lead-embed{width:260px;height:100%;min-height:180px}.lead-card-list .lead-body{flex:1 1;min-width:0}@media (max-width:720px){.lead-card-list{flex-direction:column}.lead-card-list .lead-embed-wrap{flex-basis:auto}.lead-card-list .lead-embed{width:100%;height:160px}}