@import url('./styles.css');
:root{--portal-ink:#102b2c;--portal-lime:#c7ed79;--portal-paper:#f4f3ec}
body{margin:0;background:var(--portal-paper);color:var(--portal-ink);font-family:Arial,Helvetica,sans-serif}
button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #59862f;outline-offset:5px}
[hidden]{display:none!important}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5vw;border-bottom:1px solid #102b2c25}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:inherit;line-height:1}.wordmark span{display:block;margin-top:7px;font-size:9px;letter-spacing:3px;font-weight:600}.header-links{display:flex;align-items:center;gap:24px}.header-links a,footer a{color:inherit;font-size:12px;text-decoration:none}.header-links button{border:1px solid #102b2c40;border-radius:20px;background:transparent;padding:10px 15px;font-size:11px;font-weight:700;cursor:pointer}
main{max-width:1280px;margin:auto;padding:65px 5vw 50px}.eyebrow,.card-number{font-size:10px;letter-spacing:2px;font-weight:700}.portal-intro h1{font-size:clamp(44px,6vw,82px);line-height:.99;letter-spacing:-4px;font-weight:500;margin:25px 0}.portal-intro em{font-family:Georgia,serif;font-weight:400}.intro{max-width:560px;font-size:15px;line-height:1.7;opacity:.8;margin:25px 0 35px}.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px}.workspace-tabs a{color:inherit;text-decoration:none;border:1px solid #102b2c30;padding:11px 20px;border-radius:22px;font-size:12px}.workspace-tabs a[aria-current="page"]{background:var(--portal-ink);color:var(--portal-paper);border-color:var(--portal-ink)}.intent-note{font-size:11px;line-height:1.6;margin:17px 0 30px;opacity:.72}
.portal-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.access-card,.staff-card{border:1px solid #102b2c25;border-radius:4px;padding:34px;min-width:0}.access-card{background:#fffef8}.access-card h2,.staff-card h2{font-size:31px;line-height:1.12;font-weight:500;letter-spacing:-1px;margin:28px 0 18px}.access-card>p,.staff-card>p{font-size:13px;line-height:1.75;max-width:430px}.status{font-size:12px;line-height:1.6;padding:16px;border:1px solid #102b2c20;border-left:3px solid #718856;margin:25px 0 22px;background:#f1f3e9}.status.ready{border-left-color:#4c7618}.status.warning{border-left-color:#8c7849}.primary,.secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;background:var(--portal-ink);color:#fff;border:0;border-radius:2px;min-height:55px;padding:14px 18px;font-size:13px;font-weight:700;cursor:pointer}.primary:disabled{background:#dbe1d5;color:#536353;cursor:not-allowed}.primary>span:last-child{margin-left:auto}.google-symbol{font-size:20px}.fine{font-size:11px;line-height:1.7;opacity:.7;margin:17px 0 0}.staff-card{position:relative;background:var(--portal-ink);color:var(--portal-paper)}.staff-card h2{font-size:38px;margin-top:65px}.port-mark{position:absolute;right:28px;top:48px;font-size:55px;color:var(--portal-lime);line-height:1}.staff-link{display:block;color:var(--portal-lime);text-decoration:none;border-bottom:1px solid #c7ed7950;padding:20px 0 14px;margin-top:25px;font-size:14px}.remote-note{border-top:1px solid #ffffff25;padding-top:25px;color:#d8dfcf}.account-data{margin:20px 0}.account-data>div{display:grid;grid-template-columns:110px 1fr;gap:12px;border-bottom:1px solid #102b2c15;padding:12px 0}.account-data dt{font-size:11px;opacity:.7}.account-data dd{margin:0;font-size:12px;overflow-wrap:anywhere}.text-action{border:0;background:transparent;text-decoration:underline;padding:18px 0 0;font-size:12px;cursor:pointer;color:inherit}.message{font-size:12px;line-height:1.7;overflow-wrap:anywhere}#role-request label{display:block;font-size:12px;margin:18px 0 8px}#requested-role{width:100%;min-height:44px;padding:10px;border:1px solid #102b2c40;background:white;color:var(--portal-ink);margin-bottom:12px}.secondary{background:var(--portal-lime);color:var(--portal-ink);min-height:45px}
.scope-note{display:flex;gap:20px;border-top:1px solid #102b2c25;margin-top:35px;padding-top:25px}.scope-note>span{color:#738b53}.scope-note h2{font-size:13px;font-weight:700;margin:0 0 10px}.scope-note p{max-width:850px;font-size:11px;line-height:1.7;margin:6px 0;opacity:.7}footer{border-top:1px solid #102b2c25;padding:25px 5vw;display:flex;gap:20px;justify-content:space-between;font-size:10px;line-height:1.7}
@media(max-width:720px){.portal-header{padding:22px 6vw;gap:15px}.header-links{gap:12px}.header-links>a{max-width:90px;line-height:1.5;font-size:10px}.wordmark{font-size:20px}.wordmark span{font-size:7px;letter-spacing:2px}main{padding:45px 6vw 35px}.portal-intro h1{letter-spacing:-2px;font-size:49px}.intro{font-size:13px}.workspace-tabs{gap:6px}.workspace-tabs a{font-size:11px;padding:10px 13px}.portal-grid{grid-template-columns:1fr}.access-card,.staff-card{padding:26px}.staff-card h2{font-size:34px;margin-top:50px}.account-data>div{grid-template-columns:85px 1fr}.scope-note{gap:12px}footer{flex-direction:column;padding:23px 6vw;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.portal-intro .eyebrow,.business-workspace .eyebrow{color:#526950}.google-signin-button{min-height:44px;max-width:100%;overflow:hidden}
.native-access{margin-top:22px;padding-top:22px;border-top:1px solid #102b2c25}.native-login{text-decoration:none;box-sizing:border-box}.native-signup{display:inline-block;margin-top:16px;color:inherit;font-size:12px;text-underline-offset:3px;line-height:1.6}
.business-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px}.business-pagination button{border:1px solid #102b2c40;background:transparent;padding:11px 17px;color:inherit;cursor:pointer}.business-pagination button:disabled{opacity:.45;cursor:default}.business-pagination button:focus-visible{outline:3px solid #59862f;outline-offset:3px}
.business-workspace{margin-top:32px;padding:28px;background:#fffef8;border:1px solid #102b2c25;border-radius:4px;min-width:0}.business-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.business-heading h2{font-size:30px;font-weight:500;margin:10px 0 24px}.business-heading>.secondary{width:auto;min-width:110px}.business-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.business-tabs button{padding:12px 17px;background:transparent;border:1px solid #102b2c40;border-radius:22px;color:inherit;cursor:pointer}.business-tabs button[aria-pressed="true"]{background:var(--portal-ink);color:white}.business-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.business-filters label{display:grid;gap:8px;font-size:12px;flex:1;min-width:140px}.business-filters input{min-width:0;width:100%;padding:12px;border:1px solid #102b2c40;background:white;color:inherit;font:inherit;box-sizing:border-box}.business-filters .secondary{width:auto;min-width:100px}.business-content{margin-top:24px;font-size:13px}.business-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.business-metrics>div{padding:22px;border:1px solid #102b2c25}.business-metrics dt{font-size:12px}.business-metrics dd{font-size:clamp(18px,2vw,30px);margin:15px 0 0;overflow-wrap:anywhere}.table-scroll{max-width:100%;overflow:auto;border:1px solid #102b2c20}.table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap}.table-scroll th,.table-scroll td{padding:14px;text-align:left;border-bottom:1px solid #102b2c15}.table-scroll th{font-size:11px;background:#edf1e5}.table-action{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font-size:12px}.business-tabs button:focus-visible,.table-action:focus-visible,.business-filters input:focus-visible{outline:3px solid #59862f;outline-offset:3px}
@media(max-width:720px){.business-workspace{padding:20px}.business-heading{align-items:flex-start}.business-heading h2{font-size:24px}.business-metrics{grid-template-columns:1fr}.business-filters{align-items:stretch}.business-filters .secondary{width:100%}}