:root{--ink:#153340;--muted:#617986;--line:#dce6eb;--accent:#177968;--surface:#fff;--page:#f3f6f8;--teal:#112f3b}*{box-sizing:border-box}body.portal-body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}a{color:#176f66}button,input,select,textarea{font:inherit}.portal-header{padding:23px max(24px,calc((100% - 1440px)/2));background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.portal-brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.4px}.portal-logo{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#a9dcd1;color:#163c40;font-size:25px;font-weight:700;flex-shrink:0}.portal-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2.2px;color:#bed3db;margin-top:3px}.portal-user{display:flex;align-items:center;gap:15px;font-size:12px}.portal-user small{display:block;font-size:11px;color:#b9ced6}.portal-user a{color:#d6e6eb}.portal-avatar{width:36px;height:36px;background:#294c58;display:grid;place-items:center;border-radius:50%;font-size:16px}.portal-signout{border:1px solid #54717b;background:transparent;color:#fff;border-radius:6px;padding:7px 11px}.portal-nav{background:var(--teal);border-top:1px solid #284450;display:flex;flex-wrap:wrap;gap:2px;padding:0 max(18px,calc((100% - 1440px)/2))}.portal-nav a{padding:15px 12px;color:#ccdde4;font-size:12px;text-decoration:none;border-bottom:3px solid transparent}.portal-nav a:hover{background:#21424e;color:#fff}.portal-nav a.active{background:#264853;border-bottom-color:#9bd6c8;color:#fff}.portal-shell{max-width:1490px;margin:auto}.portal-main{padding:30px 30px 42px;min-height:65vh}.portal-breadcrumb{font-size:11px;color:var(--muted);margin-bottom:20px}.portal-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.6px;margin:0 0 7px}.page-heading p{margin:0}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:9px}.panel{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:24px;box-shadow:none}.panel h2{font-size:16px;margin:0 0 18px}.panel.data-panel{padding:0;overflow:hidden}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:10px 16px;min-height:40px;background:#fff;border:1px solid #ccdce2;color:var(--ink);border-radius:6px;line-height:1.3;text-decoration:none;font-size:12px;cursor:pointer}.button.primary{background:#147768;border-color:#147768;color:#fff}.button.danger{color:#a52e3d;border-color:#dcaab0}.button.small{padding:7px 11px;min-height:32px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.muted,.help{color:var(--muted)}.help{font-size:12px}.portal-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.portal-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0}.portal-card span{display:block;color:var(--muted);font-size:12px}.portal-card strong{display:block;font-size:25px;letter-spacing:-.6px;overflow-wrap:anywhere;margin:10px 0;font-variant-numeric:tabular-nums}.portal-card small{color:var(--muted);font-size:11px}.portal-card.featured{background:#e8f4ef;border-color:#bfdcd2}.portal-hint{font-size:12px;color:var(--muted);margin:16px 0}.portal-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:18px;border-bottom:1px solid var(--line)}.portal-filter label{display:grid;gap:6px;font-size:11px;max-width:100%}.portal-filter input,.portal-filter select,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:6px;background:white;padding:10px;max-width:100%;min-width:0;color:var(--ink)}.field{display:grid;gap:7px;font-size:12px}.field input,.field select,.field textarea{width:100%}.field small{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}.portal-money{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.portal-table th,.portal-table td{white-space:nowrap}.portal-table th{background:#f5f8f9;color:#657e8b;font-size:10px;letter-spacing:.6px;padding:15px 17px}.portal-table td{padding:17px;border-bottom:1px solid var(--line);font-size:12px}.portal-table small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.portal-table td.description{white-space:normal;min-width:180px;max-width:350px}.portal-table{width:100%;border-collapse:collapse}.table-wrap{overflow:auto}.portal-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.portal-detail dt{font-size:11px;color:var(--muted);margin-bottom:5px}.portal-detail dd{margin:0;overflow-wrap:anywhere}.portal-primary{margin-bottom:22px}.portal-account-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.portal-account-row:last-child{border:0}.portal-account-row strong{display:block}.portal-account-row span{font-size:11px;color:var(--muted)}.portal-account-row .portal-money{font-size:16px;white-space:normal}.portal-row-actions{display:flex;gap:10px;flex-wrap:wrap}.portal-empty{padding:32px;text-align:center;color:var(--muted)}.portal-section{margin-top:24px}.portal-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}.upload-zone{border:2px dashed #c4d9df;background:#f7fafb;text-align:center;padding:35px 22px;border-radius:8px}.upload-zone input{max-width:100%;font-size:12px}.upload-zone p{color:var(--muted);font-size:12px}.fixed-date{background:#f1f7f6;border-radius:6px;padding:13px;margin-bottom:20px;font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.status-badge{display:inline-flex;padding:4px 9px;border-radius:4px;background:#edf2f4;color:#526974;font-size:11px;white-space:nowrap}.status-Approved{background:#e1f3eb;color:#21634e}.status-Pending{background:#fff1d5;color:#846325}.status-Rejected,.status-Voided{background:#fbe9ec;color:#8e3545}.receipt-image{width:100%;max-height:720px;object-fit:contain;border-radius:6px;background:#f3f6f8}.receipt-frame{width:100%;height:600px;border:1px solid var(--line)}.review-timeline{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.review-timeline p{font-size:12px}.balance-amount{font-size:38px;font-weight:650;letter-spacing:-1px;margin:14px 0 20px;font-variant-numeric:tabular-nums}.balance-breakdown{display:grid;gap:0}.balance-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.agent-sites{display:flex;flex-wrap:wrap;gap:15px}.agent-sites label{font-size:12px}.portal-table .status-badge{font-size:10px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tabs a{padding:9px 14px;border-radius:6px;font-size:12px;text-decoration:none;background:#fff;border:1px solid var(--line)}.tabs .active{background:#e5efed;border-color:#a9cfc3;color:#164e43}.notice{font-size:13px;border-radius:6px}.notice.error{background:#fdecef;color:#963044}.table-footer{padding:16px;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.portal-new-title{margin:28px 0 14px;font-size:17px}.auth-body{background:var(--page)}.auth-card{background:#fff;border:1px solid var(--line);box-shadow:0 15px 50px #203d4910}.auth-brand{gap:12px;color:var(--ink)}
@media(max-width:1100px){.portal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-user{gap:9px}.portal-main{padding:25px 20px}.portal-nav a{padding:12px 10px}}
@media(max-width:700px){.portal-header{padding:18px 15px;align-items:start;gap:12px}.portal-brand{font-size:13px;gap:8px}.portal-brand small{font-size:8px;letter-spacing:1.4px}.portal-logo{width:34px;height:34px;font-size:23px}.portal-user{flex-wrap:wrap;justify-content:flex-end;font-size:11px;max-width:52%}.portal-user>div{width:100%;text-align:right}.portal-avatar{display:none}.portal-user small{font-size:10px}.portal-user a{font-size:10px}.portal-signout{font-size:10px;padding:5px 7px}.portal-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;gap:2px}.portal-nav a{padding:12px 5px;text-align:center;font-size:11px;display:grid;place-items:center;min-height:45px}.portal-main{padding:21px 14px}.portal-breadcrumb{display:none}.page-heading{align-items:start;gap:14px}.page-heading h1{font-size:24px}.page-heading>.button{width:100%}.portal-cards{gap:9px}.portal-card{padding:15px}.portal-card strong{font-size:20px}.portal-card small{font-size:10px}.portal-split,.form-grid{grid-template-columns:1fr}.portal-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}.portal-filter{padding:14px;gap:10px}.portal-filter label{flex:1 1 125px}.portal-filter input,.portal-filter select{width:100%;font-size:16px}.field input,.field select,.field textarea{font-size:16px}.portal-footer{padding:16px 14px;font-size:10px;flex-wrap:wrap;gap:7px}.button{min-height:44px}.portal-table thead{display:none}.portal-table tbody,.portal-table tr,.portal-table td{display:block;white-space:normal;min-width:0!important;max-width:none!important}.portal-table tr{padding:14px;border-bottom:1px solid var(--line)}.portal-table td{display:flex;justify-content:space-between;gap:14px;border:0;padding:6px 0;text-align:right;font-size:12px;overflow-wrap:anywhere}.portal-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-align:left;min-width:31%;flex-shrink:0}.portal-table td[colspan]{display:block;text-align:center}.portal-table td[colspan]:before{display:none}.portal-table td small{margin:0}.portal-table td.description{white-space:normal}.portal-table .portal-row-actions{justify-content:flex-end}.table-wrap{overflow:visible}.portal-new-title{font-size:16px}.form-actions .button{flex:1}.balance-amount{font-size:31px}.auth-container{padding:24px 16px}.auth-card{width:100%;max-width:440px}.portal-account-row .portal-money{font-size:13px}}
@media(max-width:700px){.portal-cards{grid-template-columns:1fr}.portal-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.portal-card strong{white-space:nowrap;margin:0;font-size:20px}.portal-card small{grid-column:1/-1}.portal-card span{font-size:11px}}
@media(max-width:360px){.portal-detail{grid-template-columns:1fr}.portal-card strong{font-size:18px}}
.portal-nav-group{position:relative;min-width:145px}.portal-nav-group summary{padding:15px 12px;color:#ccdde4;font-size:12px;cursor:pointer;border-bottom:3px solid transparent;list-style-position:inside}.portal-nav-group summary.active{background:#264853;border-color:#9bd6c8;color:white}.portal-subnav{position:absolute;z-index:20;top:100%;right:0;min-width:225px;background:#183c49;padding:6px;border:1px solid #3e616b;border-radius:0 0 8px 8px;box-shadow:0 12px 25px #14333f25}.portal-subnav a{display:block;border:0;border-radius:4px}.portal-nav-group summary:focus-visible,.portal-subnav a:focus-visible{outline:2px solid #a9dcd1;outline-offset:-3px}
@media(max-width:700px){.portal-nav-group{grid-column:1/-1}.portal-nav-group summary{padding:12px;text-align:left}.portal-subnav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;border-radius:6px;box-shadow:none}.portal-subnav a{font-size:11px;line-height:1.4;padding:12px 6px}}

.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.permission-group{border:1px solid #dbe5ec;border-radius:14px;padding:8px 20px 16px;min-width:0}.permission-group legend{font-size:17px;font-weight:700;padding:0 8px}.permission-toggle{display:flex;align-items:center;gap:12px;position:relative;padding:16px 0;border-bottom:1px solid #edf1f5;cursor:pointer}.permission-toggle:last-child{border-bottom:0}.permission-toggle>span:first-child{flex:1;font-weight:600}.permission-toggle input{position:absolute;right:0;width:46px;height:28px;opacity:0;cursor:pointer}.permission-track{width:46px;height:28px;background:#c4cfda;border-radius:20px;pointer-events:none;transition:background .15s}.permission-track:before{content:"";display:block;width:20px;height:20px;margin:4px;background:white;border-radius:50%;transition:transform .15s}.permission-toggle input:checked+.permission-track{background:#08685e}.permission-toggle input:checked+.permission-track:before{transform:translateX(18px)}.permission-toggle input:focus-visible+.permission-track{outline:3px solid #5d9ff2;outline-offset:3px}.permission-summary{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf1f5}.permission-on{color:#08685e}.permission-off{color:#68788b}.status-Deleted{background:#edf0f3;color:#576475}@media(max-width:600px){.permission-groups{grid-template-columns:1fr;gap:16px}.permission-group{padding-left:16px;padding-right:16px}}

.portal-downline-group .portal-subnav{left:0;right:auto;min-width:220px}.portal-downline-tabs{flex-wrap:wrap}.portal-agent-filter input[name="agent_id"],.portal-agent-filter input[name="site_id"]{width:125px}.portal-agent-filter .portal-upline-filter{flex:1 1 260px;max-width:420px;min-width:0}.portal-upline-filter select{width:100%;max-width:100%}
@media(max-width:700px){.portal-downline-group .portal-subnav{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-agent-filter input[name="agent_id"],.portal-agent-filter input[name="site_id"]{width:100%}.portal-agent-filter .portal-upline-filter{flex-basis:100%;max-width:none}.portal-downline-tabs a{flex:1 1 40%;text-align:center}}