/* Exact Rider Tw tokens. Scoped to Family workspace and the shared sign-in. */
:root{--font-grift:"grift","grift Fallback";--font-utility:"utility","utility Fallback";--f-ink:#0b0d0b;--f-ink2:#1b1e1b;--f-green:#a6d62b;--f-lime:#92c020;--f-soft:#e9f3d5;--f-paper:#fff;--f-canvas:#eef0ef;--f-line:#e3e6e4;--f-muted:#64685e;--f-danger:#c0392b;--f-warn:#8a6410}
.f-portal{margin:0;background:var(--f-canvas);color:var(--f-ink);font:14px/1.5 var(--font-grift),Arial,sans-serif;-webkit-font-smoothing:antialiased}
.f-portal *{box-sizing:border-box}.f-portal [hidden]{display:none!important}.f-portal button,.f-portal input,.f-portal select{font:inherit}.f-portal a{color:inherit;text-decoration:none}.f-portal button{cursor:pointer}.f-portal button:disabled{cursor:not-allowed}
.f-portal :focus-visible{outline:3px solid var(--f-lime);outline-offset:4px}.f-icon{width:20px;height:20px;flex:none;display:block}.f-skip{position:fixed;left:20px;top:-100px;background:var(--f-green);color:var(--f-ink);padding:12px 20px;z-index:100;border-radius:10px}.f-skip:focus{top:12px}
.f-shell{min-height:100vh;display:grid;grid-template-columns:254px minmax(0,1fr)}.f-sidebar{position:sticky;top:0;height:100vh;background:var(--f-ink);color:white;padding:32px 20px 22px;display:flex;flex-direction:column;gap:28px}.f-brand{display:flex;align-items:center;gap:14px;padding:0 12px;color:var(--f-paper)!important}.f-wordmark{font:700 33px/1 var(--font-utility),Arial,sans-serif;letter-spacing:-1.7px}.f-brand-dot{color:var(--f-green)}.f-brand-label{font-size:16px;font-weight:500;border-left:1px solid #ffffff30;padding-left:13px;color:var(--f-green)}
.f-workspace{display:flex;gap:11px;align-items:center;padding:16px 12px;background:var(--f-ink2);border:1px solid #ffffff12;border-radius:14px}.f-workspace-icon{width:35px;height:35px;border-radius:11px;background:#a6d62b18;color:var(--f-green);display:grid;place-items:center}.f-workspace>div{min-width:0}.f-workspace strong{font-size:13px;font-weight:500;display:block;margin-top:3px;overflow-wrap:anywhere}.f-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--f-muted);display:block}.f-workspace .f-eyebrow{font-size:8px;letter-spacing:1.3px;color:#a7ada5}.f-nav-caption{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#8f948d;padding:0 12px;margin-bottom:-18px}.f-nav{display:flex;flex-direction:column;gap:7px}.f-nav a{display:flex;align-items:center;gap:13px;min-height:48px;padding:12px 14px;color:#bfc5bf;border-radius:12px;transition:background .15s,color .15s;font-size:13px;font-weight:500}.f-nav a:hover{background:var(--f-ink2);color:white}.f-nav a[aria-current=page]{background:var(--f-green);color:var(--f-ink);font-weight:600}.f-nav-dot{height:5px;width:5px;border-radius:50%;background:currentColor;margin-left:auto}.f-sidebar-bottom{margin-top:auto;display:grid;gap:22px}.f-support-box{border:1px solid #ffffff20;border-radius:14px;padding:17px;display:grid;gap:14px}.f-support-box>.f-icon{color:var(--f-green)}.f-support-box strong{font-size:13px;line-height:1.6;font-weight:500;max-width:150px}.f-support-box a{display:flex;align-items:center;justify-content:space-between;font:500 13px var(--font-utility),Arial,sans-serif;color:var(--f-green)}.f-support-box a .f-icon{width:16px;height:16px}.f-switch{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a7ada5!important;padding:0 12px}.f-switch .f-icon{width:15px;height:15px}
.f-work-area{min-width:0}.f-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 40px;background:white;border-bottom:1px solid var(--f-line)}.f-breadcrumb{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--f-muted)}.f-breadcrumb strong{font-weight:500;color:var(--f-ink)}.f-header-actions{display:flex;align-items:center;gap:24px}.f-account-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--f-muted)}.f-account-badge i{width:6px;height:6px;border-radius:50%;background:var(--f-lime)}.f-signout{display:flex;align-items:center;gap:9px;border:0;border-left:1px solid var(--f-line);padding:3px 0 3px 23px;color:var(--f-ink);background:transparent;font-size:12px!important}.f-signout .f-icon{width:17px;height:17px}
.f-main{max-width:1450px;margin:auto;padding:37px 40px 24px}.f-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.f-main h1{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1.2px;margin:9px 0 10px}.f-lede{margin:0;color:var(--f-muted);font-size:13px;line-height:1.6}.f-role-line{font-size:11px;color:var(--f-muted);margin:16px 0 26px}.f-manage-link{white-space:nowrap}.f-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 22px}.f-card{background:white;border:1px solid var(--f-line);border-radius:17px;padding:24px;margin:0 0 22px;min-width:0;box-shadow:0 2px 3px #0b0d0b02}.f-card h2{font-size:16px;letter-spacing:-.2px;margin:0 0 22px;font-weight:600}.f-cards>.f-card{margin:0;min-height:143px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.f-stat-label{color:var(--f-muted);font-size:12px}.f-number{font:500 clamp(24px,2.4vw,33px)/1.2 var(--font-utility),Arial,sans-serif;letter-spacing:-1px;margin-top:16px;overflow-wrap:anywhere}.f-money{font-family:var(--font-utility),Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.f-cards:first-child>.f-card:first-child{background:var(--f-ink);border-color:var(--f-ink)}.f-cards:first-child>.f-card:first-child .f-stat-label{color:#cfd3cf}.f-cards:first-child>.f-card:first-child .f-number{color:var(--f-green)}.f-cards:first-child>.f-card:first-child::after{content:'';width:32px;height:3px;border-radius:8px;background:var(--f-green);position:absolute;top:24px;right:24px}.f-muted{font-size:12px;line-height:1.65;color:var(--f-muted)}.f-card>.f-muted:last-child{margin-bottom:0}.f-section-title{font-size:14px;font-weight:600;margin:28px 0 14px}.f-role{font-size:10px;font-weight:500;color:var(--f-muted);background:var(--f-canvas);border-radius:20px;padding:4px 9px;margin-left:10px;text-transform:capitalize;vertical-align:middle}
.f-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 18px;background:var(--f-ink);color:var(--f-green)!important;border:1px solid var(--f-ink);border-radius:11px;font-weight:600;font-size:12px;text-decoration:none;transition:transform .12s,background .12s;line-height:1.4}.f-button:not(:disabled):hover{background:var(--f-ink2)}.f-button:not(:disabled):active{transform:translateY(1px)}.f-button:disabled{background:var(--f-canvas);color:var(--f-muted)!important;border-color:var(--f-line)}.f-button .f-icon{width:16px;height:16px}.f-secondary{color:var(--f-ink)!important;background:white;border-color:#c5c9c6}.f-secondary:not(:disabled):hover{background:var(--f-canvas)}.f-card>.f-button{margin:10px 8px 0 0}.f-card form{display:grid;gap:18px}.f-card form>button{justify-self:start}.f-card form>p{margin:0}.f-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.f-field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500;color:var(--f-ink)}.f-field input,.f-field select,.f-card form>input,.f-card form>select{border:1px solid #c5c9c6;border-radius:10px;min-height:45px;padding:11px 12px;background:#fff;width:100%;min-width:0;color:var(--f-ink);font-size:13px!important}.f-field input:focus,.f-field select:focus{outline:0;border-color:var(--f-lime);box-shadow:0 0 0 3px #a6d62b25}.f-field input[type=number]{font-family:var(--font-utility),Arial,sans-serif}.f-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px;padding:18px;background:#f7f8f7;border:1px solid var(--f-line);border-radius:12px;font-size:12px}.f-flags label{display:flex;align-items:center;gap:9px}.f-flags input[type=checkbox]{accent-color:var(--f-ink);height:16px;width:16px;flex:none}.f-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.f-member-grid>.f-card{margin:0}.f-member-card .f-grid{grid-template-columns:1fr}.f-add-member-card form{grid-template-columns:minmax(150px,1.5fr) minmax(150px,1fr) auto;align-items:end}.f-add-member-card form>button{height:45px}.f-payment-form{max-width:620px;border-top:1px solid var(--f-line);padding-top:22px;margin-top:22px}.f-billing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.f-payment-controls{background:#f8faf6;border:1px solid var(--f-line);border-radius:12px;padding:18px;margin:12px 0}.f-payment-controls>.f-money{font-size:16px;margin:0 0 14px}.f-payment-controls>.f-button{margin:0 8px 8px 0}.f-payment-controls>.f-status{margin:0 0 14px 10px}
.f-table-wrap{overflow:auto;margin:0 -4px}.f-table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6}.f-table th{text-align:left;font-size:10px;letter-spacing:.5px;font-weight:500;color:var(--f-muted);background:#f7f8f7;border-top:1px solid var(--f-line);white-space:nowrap}.f-table td,.f-table th{padding:15px 14px;border-bottom:1px solid var(--f-line);vertical-align:middle}.f-table td:first-child{font-weight:500}.f-table td{min-width:90px;max-width:360px;overflow-wrap:anywhere}.f-table tbody tr:hover{background:#fafbf9}.f-table td a{display:inline-flex;padding:6px 10px;border:1px solid var(--f-line);border-radius:7px;font-size:11px;font-weight:500;white-space:nowrap}.f-table td a:hover{border-color:var(--f-lime);background:var(--f-soft)}.f-status{font-size:10px;font-weight:500;border-radius:20px;padding:5px 9px;background:var(--f-canvas);color:var(--f-muted);display:inline-flex;white-space:nowrap}.f-status-good{background:var(--f-soft);color:#3f5a0c}.f-status-active{background:var(--f-ink);color:var(--f-green)}.f-status-pending{background:#f8f0dc;color:var(--f-warn)}.f-empty{padding:40px!important;text-align:center;color:var(--f-muted);font-weight:400!important}.f-notice{padding:15px 18px;font-size:12px;line-height:1.6;border-radius:12px;border:1px solid #e5dabd;background:#f8f0dc;color:var(--f-warn);margin:16px 0}.f-error{background:#fbe9e4;border-color:#e8c5bd;color:var(--f-danger)}.f-success{background:var(--f-soft);border-color:#c7dda1;color:#3f5a0c}.f-pager{display:flex;justify-content:flex-end;align-items:center;gap:13px;margin-top:22px}.f-pager .f-button{min-height:35px;padding:8px 13px;font-size:11px}.f-loading{display:flex;align-items:center;gap:12px;min-height:150px;justify-content:center;color:var(--f-muted);font-size:13px}.f-spinner{border:2px solid var(--f-line);border-top-color:var(--f-ink);height:20px;width:20px;border-radius:50%;animation:f-spin 1s linear infinite}@keyframes f-spin{to{transform:rotate(360deg)}}.f-help{border-top:1px solid #d9ddda;margin-top:36px;padding:23px 0 0;display:flex;justify-content:space-between;gap:18px;color:var(--f-muted);font-size:10px}.f-help>div{display:flex;flex-wrap:wrap;gap:20px}.f-help a:hover{color:var(--f-ink);text-decoration:underline}
/* Shared Corporate/Family login: preserve all existing form ids and actions. */
body[data-login-kind]{background:var(--f-canvas);color:var(--f-ink)}body[data-login-kind] #login{min-height:100svh}body[data-login-kind] #login>.wf{width:100%;max-width:none;height:auto;min-height:100svh;display:grid;grid-template-columns:minmax(370px,.95fr) minmax(450px,1.05fr);overflow:visible}body[data-login-kind] .authpanel{min-height:100svh;position:relative;display:flex;flex-direction:column;padding:54px 56px 30px;background:var(--f-ink);overflow:hidden;color:white}body[data-login-kind] .authpanel .arcbig,body[data-login-kind] .authpanel .arcsm{display:none}body[data-login-kind] .authpanel .lede{font-size:clamp(30px,3vw,46px);line-height:1.18;letter-spacing:-1.5px;font-weight:500;max-width:440px;color:white}body[data-login-kind] .authpanel .lede-sub{color:#a7ada5;font-size:14px;line-height:1.8;max-width:370px}body[data-login-kind] .family-wordmark{color:var(--f-green)}body[data-login-kind] .proof{border-top:1px solid #ffffff25;padding-top:28px}body[data-login-kind] .proof .tick{background:#a6d62b20;color:var(--f-green)}body[data-login-kind] .proof b{color:white;font-size:12px}body[data-login-kind] .proof span:not(.tick){color:#a7ada5;font-size:11px}body[data-login-kind] .panelfoot{border-top:1px solid #ffffff25;padding-top:22px;margin-top:35px}body[data-login-kind] .authmain{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:95px 40px 50px;position:relative;min-width:0;background:#fff}body[data-login-kind] .authtop{position:absolute;right:28px;top:25px;display:flex;gap:12px;align-items:center}body[data-login-kind] .authcol{width:396px;max-width:100%;margin:0;gap:24px}body[data-login-kind] .ttl{font-size:32px;font-weight:600;letter-spacing:-1px;color:var(--f-ink)}body[data-login-kind] .who{background:var(--f-canvas);border:1px solid var(--f-line);border-radius:12px;padding:4px}body[data-login-kind] .who>a{border-radius:9px;color:var(--f-muted)}body[data-login-kind] .who>a.on{background:var(--f-ink);color:var(--f-green);box-shadow:none}body[data-login-kind] .meth{background:var(--f-canvas);border:0;border-radius:10px;max-width:max-content;padding:4px}body[data-login-kind] .meth>button.on{background:white;color:var(--f-ink)}body[data-login-kind] .abtn.pri{background:var(--f-ink);color:var(--f-green);border-color:var(--f-ink);border-radius:12px;min-height:50px}body[data-login-kind] .ainp{border:1px solid #c5c9c6;border-radius:11px;min-height:48px}body[data-login-kind] .ainp:focus-within{border-color:var(--f-lime);box-shadow:0 0 0 3px #a6d62b25}body[data-login-kind] .ainp input{color:var(--f-ink)}body[data-login-kind] .authtop .btn{background:white;color:var(--f-ink);border-color:var(--f-line)}body[data-login-kind] a{color:#587611}body[data-login-kind] .auth-mobile-brand{display:none}body[data-login-kind] .authcol>.mut{margin:0}body[data-login-kind] [hidden]{display:none!important}
@media(min-width:1600px){.f-main{padding-top:48px}.f-sidebar{padding-top:38px}}
@media(max-width:1100px){.f-shell{grid-template-columns:224px minmax(0,1fr)}.f-sidebar{padding:28px 14px 20px}.f-main{padding:28px}.f-header{padding:0 28px}.f-number{font-size:25px}.f-card{padding:20px}.f-add-member-card form{grid-template-columns:1fr 1fr}.f-add-member-card form>button{grid-column:1/-1}.f-header-actions{gap:16px}.f-account-badge{display:none}.f-flags{grid-template-columns:1fr}}
@media(max-width:850px){.f-shell{display:block}.f-sidebar{position:static;height:auto;padding:18px 20px 0;gap:19px}.f-brand{padding:0}.f-wordmark{font-size:29px}.f-brand-label{font-size:14px}.f-workspace,.f-nav-caption,.f-sidebar-bottom{display:none}.f-nav{flex-direction:row;overflow-x:auto;gap:6px;margin:0 -20px;padding:0 16px 14px;scrollbar-width:thin}.f-nav a{min-height:40px;padding:10px 12px;white-space:nowrap;font-size:11px;gap:8px}.f-nav .f-icon{width:17px;height:17px}.f-nav-dot{display:none}.f-header{height:60px;padding:0 22px}.f-header-actions{gap:0}.f-signout{border:0;padding:0}.f-breadcrumb{font-size:11px;gap:10px}.f-main{padding:27px 22px 22px}.f-main h1{font-size:29px}.f-page-heading{align-items:flex-start}.f-manage-link{font-size:10px;min-height:37px;padding:9px 11px;margin-top:24px}.f-manage-link .f-icon{display:none}.f-role-line{margin-bottom:22px}.f-cards{gap:12px}.f-cards>.f-card{min-height:125px;padding:18px}.f-number{font-size:23px;letter-spacing:-.6px}.f-cards:first-child>.f-card:first-child::after{display:none}.f-member-grid{grid-template-columns:1fr}.f-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.f-flags{grid-template-columns:repeat(2,minmax(0,1fr))}.f-help{flex-direction:column;gap:12px}body[data-login-kind] #login>.wf{display:block;min-height:100svh}body[data-login-kind] .authpanel{display:none}body[data-login-kind] .authmain{min-height:100svh;padding:104px 24px 40px;justify-content:flex-start}body[data-login-kind] .auth-mobile-brand{display:flex;align-items:center;gap:12px;font:700 30px var(--font-utility),Arial,sans-serif;letter-spacing:-1px;align-self:flex-start;margin-bottom:32px;color:var(--f-ink)}body[data-login-kind] .auth-mobile-brand span{font:500 13px var(--font-grift),Arial,sans-serif;letter-spacing:0;color:#587611;border-left:1px solid var(--f-line);padding-left:12px}body[data-login-kind] .authtop{left:24px;right:24px;top:24px;justify-content:space-between;gap:10px}body[data-login-kind] .authtop .btn{font-size:10px;padding:8px 10px;height:auto;white-space:normal}body[data-login-kind] .authcol{margin:auto;width:100%!important;max-width:430px;gap:22px}}
@media(max-width:560px){.f-cards{grid-template-columns:1fr}.f-cards>.f-card{min-height:107px}.f-cards>.f-card:not(:first-child){display:flex;flex-direction:row;align-items:center;gap:12px;min-height:82px}.f-cards>.f-card:not(:first-child) .f-number{margin:0;font-size:22px;text-align:right}.f-main{padding:25px 17px 20px}.f-header{padding:0 17px}.f-page-heading{display:block}.f-manage-link{margin-top:18px}.f-main h1{font-size:29px}.f-role-line{margin-top:15px}.f-grid,.f-flags,.f-add-member-card form,.f-billing-fields{grid-template-columns:1fr}.f-card{padding:20px 17px}.f-button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.f-number{font-size:30px}.f-help>div{gap:16px}.f-pager{gap:8px}.f-breadcrumb strong{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-stat-label{font-size:12px}.f-signout{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.f-spinner{animation:none}.f-portal *{transition:none!important}}
@media print{.f-sidebar,.f-header,.f-help,.f-pager,.f-no-print,.f-manage-link{display:none!important}.f-shell{display:block}.f-main{padding:0;max-width:none}.f-portal{background:white;color:black}.f-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.f-cards:first-child>.f-card:first-child{background:white;border-color:#ddd}.f-cards:first-child>.f-card:first-child .f-number,.f-cards:first-child>.f-card:first-child .f-stat-label{color:black}.f-cards:first-child>.f-card:first-child::after{display:none}.f-table tr{break-inside:avoid}.f-table-wrap{overflow:visible}}

/* The production base stylesheet fixes the legacy panel width. Let both grid columns stretch. */
body[data-login-kind] .authpanel,body[data-login-kind] .authmain{width:auto;max-width:none;min-width:0}

body[data-login-kind] .meth>div{display:flex;align-items:center;gap:8px;padding:8px 12px;white-space:nowrap;width:auto;min-width:0;line-height:1.4;flex:1}body[data-login-kind] .meth>.on{background:var(--f-paper);color:var(--f-ink);border-radius:8px;box-shadow:none}