:root{color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--bg:#f8f5f1;--surface:#fffdfa;--surface-raised:#f3ecee;--text:#39333c;--muted:#6c616b;--accent:#8b4d65;--accent-hover:#713b52;--accent-soft:#f3e3e8;--lavender:#71628d;--lavender-soft:#eeebf5;--dusk:#f2e4dd;--border:#e5dcdd;--control-border:#a48e99;--ink:#39313f;--on-ink:#fcf8ff;--ink-muted:#d0c6d7;--ink-line:#5b5066;--sp-lavender:#cbbbdf;--brand-secondary:#b88ca2;--positive:#39614d;--positive-soft:#e7f1e8;--scene-fill:#eadbdc;--scene-line:#a68eaa;--scene-accent:#786589;--red:#a44736;--feedback-duration:.17s;font-family:Segoe UI,Arial,ui-sans-serif,sans-serif;font-size:15px;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit}button,a,input,select,textarea{transition:background-color var(--feedback-duration) ease, border-color var(--feedback-duration) ease, color var(--feedback-duration) ease, box-shadow var(--feedback-duration) ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea,a{outline-offset:4px}:focus-visible{outline:3px solid var(--lavender)}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.4px;font-size:36px;font-weight:650;line-height:1.16}h2{letter-spacing:-.5px;font-size:20px;font-weight:650;line-height:1.35}h3{font-size:15px;font-weight:600;line-height:1.4}p{line-height:1.65}small{font-size:13px}svg{flex-shrink:0}strong{font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}.lead{font-size:17px}.eyebrow{letter-spacing:1.7px;color:var(--muted);margin-bottom:9px;font-size:11px;font-weight:700}.light{color:var(--muted)}.overline{letter-spacing:.3px;color:var(--muted);font-size:11px;font-weight:600}.badge{white-space:normal;background:var(--surface);color:var(--text);border-radius:4px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:550;line-height:1.4;display:inline-flex}.badge.green,.badge.red{background:var(--surface);color:var(--text)}.status-dot{background:var(--surface);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.button{white-space:normal;text-align:center;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.button:hover{text-decoration:none}.button:active:not(:disabled){box-shadow:inset 0 0 0 2px}.button.primary{color:var(--text);background:var(--accent)}.button.primary:hover:not(:disabled){background:var(--bg)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.secondary:hover{background:var(--surface)}.button.ghost{color:var(--muted);background:0 0}.button.ghost:hover{background:var(--surface)}.icon-button{border-radius:4px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:inline-flex}.icon-button:hover{background:var(--surface)}.icon-button.danger{color:var(--red)}.text-button{color:var(--muted);align-items:center;gap:8px;min-height:44px;padding:5px 0;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover{color:var(--accent)}.inline-actions{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.full-width{width:100%}.spaced{margin-top:24px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading .eyebrow{margin-bottom:6px}.section-heading p{margin-top:5px}.empty{text-align:center;min-height:200px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:35px 20px;display:flex}.empty h3{color:var(--text)}.empty.compact{min-height:160px;padding:20px 10px}.empty .button{margin-top:10px}.notice{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;align-items:flex-start;gap:12px;padding:17px 20px;font-size:13px;display:flex}.notice code{word-break:break-all;font-size:13px;display:block}.notice p{margin:5px 0}.alert{border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:13px 17px;display:flex}.error{background:var(--surface);border:1px solid var(--border);color:var(--text)}.error .button{flex-shrink:0}.brand{letter-spacing:-1.4px;color:var(--bg);align-items:center;font-size:28px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);width:35px;height:35px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;margin-right:10px;display:inline-flex}.avatar{background:var(--surface);width:36px;min-width:36px;height:36px;color:var(--muted);letter-spacing:.4px;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.icon-tile{background:var(--surface);width:41px;min-width:41px;height:41px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.person{align-items:center;gap:12px;min-width:0;display:flex}.person strong{overflow-wrap:anywhere;font-size:13px;display:block}.person small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;display:block}.app-shell{min-height:100dvh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:30;flex-direction:column;width:232px;padding:31px 20px 15px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>.brand{padding:0 10px 30px}.club-switch{background:var(--surface);border:1px solid var(--border);border-radius:4px;align-items:center;gap:10px;padding:12px 9px;margin-bottom:24px!important;display:flex!important}.club-emblem{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:38px;font-size:13px;font-weight:800;display:flex}.club-select{min-width:0}.club-select .eyebrow{letter-spacing:1.2px;margin-bottom:1px;font-size:11px;display:block}.club-select select{max-width:137px;min-height:25px;box-shadow:none;width:137px;color:var(--text);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.sidebar nav{scrollbar-width:thin;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.sidebar nav button{min-height:43px;color:var(--muted);text-align:left;white-space:normal;border-radius:4px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;display:flex}.sidebar nav button.active{background:var(--surface);color:var(--text);font-weight:650}.sidebar nav button.active svg{stroke-width:2.3px}.nav-hint{color:var(--muted);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:22px}.trial-card{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:4px;flex-direction:column;gap:7px;margin-bottom:15px;padding:14px;font-size:11px;display:flex}.trial-card>span{align-items:center;gap:6px;display:flex}.trial-card strong{color:var(--text);font-size:13px}.trial-card button{min-height:26px;color:var(--muted);justify-content:space-between;padding:0;font-size:11px;display:flex}.profile-button{text-align:left;border-top:1px solid var(--border);align-items:center;gap:9px;width:100%;padding:10px 2px;display:flex}.profile-button>span:nth-child(2){flex:1;min-width:0}.profile-button strong{font-size:12px;display:block}.profile-button small{color:var(--muted);font-size:11px}.profile-button>svg{color:var(--muted)}.workspace{width:calc(100% - 232px);min-width:0;margin-left:232px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;height:77px;padding:0 38px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb strong{color:var(--text);font-weight:500}.topbar-actions{color:var(--muted);align-items:center;gap:8px;display:flex}.today-label{color:var(--muted);margin-right:16px;font-size:12px}.main-content{max-width:1570px;margin:0 auto;padding:34px 38px 20px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading h1{margin-bottom:9px}.page-heading p.muted{font-size:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 293px;gap:24px;display:grid}.dashboard-main,.dashboard-aside{min-width:0}.next-activity{background:var(--bg);color:var(--text);border-radius:4px;padding:22px 25px 21px;position:relative;overflow:hidden}.hero-top{justify-content:space-between;align-items:center;display:flex}.hero-top .eyebrow{margin:0;font-size:11px}.hero-tag{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:flex}.hero-body{justify-content:space-between;min-height:182px;padding:22px 0 25px;display:flex;position:relative}.hero-body>div:first-child{z-index:2;max-width:84%;position:relative}.hero-body h2{letter-spacing:-.7px;max-width:420px;margin-bottom:9px;font-size:27px;line-height:1.25}.hero-date{color:var(--muted);text-transform:capitalize;margin-bottom:10px;font-size:11px}.hero-group{color:var(--muted);font-size:12px}.hero-meta{flex-wrap:wrap;gap:19px;margin-top:20px;display:flex}.hero-meta>span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.hero-meta svg{width:14px}.hero-footer{border-top:1px solid var(--border);z-index:2;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex;position:relative}.hero-footer>span{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.hero-footer .button{min-height:39px;padding:10px 13px;font-size:12px}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px;display:grid}.stat-strip>button{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:4px;align-items:center;gap:10px;min-width:0;padding:17px 13px;display:flex}.stat-strip>button>div{flex:1}.stat-strip strong{letter-spacing:-.7px;font-size:25px;font-weight:600;line-height:1.2;display:block}.stat-strip div>span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.2;display:block}.stat-strip .stat-icon{color:var(--muted);display:flex}.stat-strip>button>svg{width:13px;color:var(--muted);align-self:flex-start}.agenda-panel{padding:22px}.agenda-panel .section-heading{margin-bottom:10px}.agenda-panel h2{font-size:18px}.agenda-row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:15px;width:100%;padding:18px 0;display:flex}.agenda-row:last-child{border-bottom:0;padding-bottom:1px}.date-tile{border:1px solid var(--border);background:var(--surface);text-align:center;width:43px;min-width:43px;min-height:52px;color:var(--muted);border-radius:4px;flex-direction:column;justify-content:center;padding:5px 4px;display:flex}.date-tile strong{font-size:18px;line-height:1.2}.date-tile span{text-transform:uppercase;letter-spacing:.2px;font-size:11px}.agenda-content{flex:1;min-width:0}.agenda-content h3{overflow-wrap:anywhere;margin:3px 0 5px;font-size:13px;font-weight:600}.agenda-content p{color:var(--muted);font-size:11px}.agenda-content p span{padding:0 5px}.agenda-row>svg{color:var(--muted);width:15px}.agenda-row>.badge{font-size:11px}.todo-panel{padding:20px}.todo-panel h2{align-items:center;gap:8px;font-size:17px;display:flex}.count-pill{background:var(--surface);color:var(--muted);border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;display:inline-flex}.todo-panel .section-heading{margin-bottom:8px}.todo-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:9px;padding:17px 0;display:flex}.todo-row>div{padding-top:2px}.todo-check{border:1px solid var(--border);color:#0000;border-radius:4px;width:20px;min-width:20px;height:20px;margin:1px 0 0;position:relative}.todo-check:before{content:"";position:absolute;inset:-12px}.todo-check:hover{color:var(--accent);background:var(--surface)}.todo-row strong{font-size:12px;font-weight:500;line-height:1.6;display:block}.todo-row span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.todo-panel>.text-button{min-height:35px;margin-top:8px;font-size:11px}.quick-panel{padding:24px 3px 0}.quick-panel .eyebrow{font-size:11px}.quick-panel h2{margin-bottom:12px;font-size:17px}.quick-panel>button{text-align:left;align-items:center;gap:11px;width:100%;padding:8px 0;font-size:12px;font-weight:500;display:flex}.quick-panel>button>svg{color:var(--muted);margin-left:auto}.quick-panel .icon-tile{background:var(--surface);border:1px solid var(--border);width:34px;min-width:34px;height:34px;color:var(--muted);border-radius:4px}.quick-panel .icon-tile svg{width:17px}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-top:24px;padding:20px}.onboarding-card .eyebrow{font-size:11px}.onboarding-card h3{max-width:190px;color:var(--text);margin-top:6px;font-size:14px;font-weight:500}.progress-track{background:var(--surface);border-radius:4px;height:4px;margin:20px 0 9px;overflow:hidden}.progress-track>span{background:var(--surface);border-radius:4px;height:100%;display:block}.onboarding-card p{color:var(--muted);font-size:11px}.onboarding-card button{color:var(--muted);justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:7px 0 0;font-size:11px;font-weight:500;display:flex}.content-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:11px;margin-top:32px;padding-top:16px;font-size:11px;display:flex}.content-footer>span:first-child{letter-spacing:-.6px;color:var(--muted);font-size:16px;font-weight:700}.footer-right{align-items:center;gap:5px;margin-left:auto;display:flex}.bottom-nav,.mobile-only,.mobile-close{display:none}label{color:var(--text);flex-direction:column;gap:7px;margin-bottom:17px;font-size:13px;font-weight:550;display:flex}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:4px;min-width:0;min-height:44px;padding:10px 12px;font-size:13px}textarea{resize:vertical;line-height:1.6}select{padding-right:25px}input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:var(--accent)}.check-label{flex-direction:row;align-items:center;gap:10px;min-height:44px}.check-label input{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.form-grid .full{grid-column:1/-1}.form-dialog{border:1px solid var(--border);width:min(570px,100vw - 28px);max-height:calc(100dvh - 40px);color:var(--text);background:var(--surface);border-radius:4px;padding:27px;box-shadow:0 24px 80px #00000040}.form-dialog::backdrop{background:var(--bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.dialog-heading h2{font-size:24px}.form-dialog>.muted{margin-bottom:20px}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:17px;display:flex}.form-fields{grid-template-columns:1fr;display:grid}.form-fields small{font-weight:400}.toast{background:var(--surface);border:1px solid var(--border);z-index:100;max-width:min(600px,100vw - 24px);color:var(--text);border-radius:4px;align-items:center;gap:12px;padding:9px 12px 9px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #00000040}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-screen .brand-mark{margin:0}.loading-screen p{color:var(--muted)}.login-layout{background:var(--surface);grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;padding:45px 60px 32px;display:flex;position:relative;overflow:hidden}.login-story .brand{color:var(--text)}.login-story .brand-mark{background:var(--surface);color:var(--text)}.story-main{z-index:1;margin:auto 0;padding:75px 0;position:relative}.story-main>.eyebrow{margin-bottom:24px;font-size:11px}.story-main h1 em{color:var(--muted);font-style:normal}.story-main>p:not(.eyebrow){color:var(--muted);margin-top:25px;font-size:14px;line-height:1.8}.story-footer{color:var(--muted);font-size:12px}.login-form-wrap{justify-content:center;align-items:center;padding:50px 35px;display:flex}.login-form{width:100%;max-width:360px}.login-form>.badge{background:var(--surface);margin-bottom:22px;font-size:11px;font-weight:500}.login-form h2{letter-spacing:-1px;font-size:30px}.login-form>.muted{margin:12px 0 28px;font-size:13px}.login-form form>.button{justify-content:space-between;min-height:49px;margin-top:13px;padding:13px 18px}.auth-links{flex-direction:column;gap:0;margin-top:17px;display:flex}.auth-links>button{min-height:40px;color:var(--muted);font-size:12px}.auth-links>button:first-child{color:var(--text);font-weight:500}.login-note{color:var(--muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:7px;margin-top:35px;padding-top:24px;font-size:11px;display:flex}.onboarding-page{max-width:900px;margin:60px auto;padding:0 25px}.onboarding-page>.brand{margin-bottom:40px}.onboarding-page h1{margin-top:15px;font-size:31px}.back-button{min-height:44px;color:var(--muted);align-items:center;gap:9px;margin:-8px 0 15px;padding:0;font-size:13px;display:flex}.activity-meta{flex-wrap:wrap;gap:27px;margin-bottom:20px;padding:20px;display:flex}.activity-meta>span{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.activity-description{color:var(--muted);margin-bottom:24px;font-size:14px}.tabs{border-bottom:1px solid var(--border);gap:8px;margin:22px 0;display:flex}.tabs>button{min-height:47px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 15px;font-size:13px;display:flex}.tabs>button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.list-label{text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);border-bottom:1px solid var(--border);padding:15px 0 10px;font-size:11px}.list-label>span{margin-left:5px;font-size:11px}.attendance-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.presence-controls{align-items:center;gap:5px;display:flex}.presence-controls>button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:9px 11px;font-size:12px;display:flex}.presence-controls>button.selected,.presence-controls>button.yes.selected{background:var(--surface);border-color:var(--border);color:var(--muted)}.save-bar{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:18px 0 0;font-size:13px;display:flex;position:sticky;bottom:15px}.plan-moment{border-bottom:1px solid var(--border);gap:17px;padding:23px 0;display:flex}.moment-number{background:var(--surface);min-width:30px;height:30px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.plan-moment p{margin-top:7px;font-size:13px}.plan-moment .eyebrow{margin-top:0;font-size:11px}.plan-moment h3{font-size:17px}.moment-editor{border-top:1px solid var(--border);gap:15px;padding:18px 0;display:flex}.moment-fields{flex:1;min-width:0}.training-fields,.member-editor-fields{border:0;min-width:0;margin:0;padding:0}.join-onboarding{max-width:900px}.join-search{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:20px 0;display:flex}.join-search label{flex:220px;margin:0}.application-person{border-bottom:1px solid var(--border);padding:18px 0}.activity-editor{width:min(720px,100% - 32px)}.activity-mode{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px;display:grid}.activity-mode button{border:1px solid var(--border);background:var(--surface);text-align:left;color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:16px;display:flex}.activity-mode button.chosen{background:var(--accent-soft);border-color:var(--accent)}.activity-mode strong,.activity-mode small{display:block}.activity-mode small{color:var(--muted);margin-top:4px;font-size:12px}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:8px;margin:12px 0 20px;display:grid}.weekday-picker label{border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-height:44px;margin:0;padding:8px 4px;display:flex}.weekday-picker label.chosen{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.activity-preview{background:var(--accent-soft);border-radius:12px;align-items:flex-start;gap:12px;margin:20px 0;padding:18px;display:flex}.activity-preview svg{flex-shrink:0}.activity-preview p{margin:6px 0;font-size:13px}.activity-options{margin:18px 0}.weekday-times{background:var(--lavender-soft);border:1px solid var(--border);border-radius:12px;padding:16px}.weekday-time-row{grid-template-columns:minmax(90px,1fr) 1fr 1fr auto;align-items:end;gap:12px;padding:12px 0;display:grid}.weekday-time-row+.weekday-time-row{border-top:1px solid var(--border)}.weekday-time-row strong{padding-bottom:12px;font-size:14px}.weekday-time-row label{min-width:0;margin:0}.weekday-time-row .button{font-size:12px}.activity-options summary{cursor:pointer;min-height:44px;color:var(--accent);padding:10px 0}@media (width<=600px){.weekday-time-row{grid-template-columns:1fr 1fr;gap:8px 12px}.weekday-time-row strong{grid-column:1/-1;padding:0}.weekday-time-row .button{grid-column:1/-1;justify-self:start}.weekday-picker{grid-template-columns:repeat(4,1fr)}.activity-mode button{align-items:flex-start;padding:12px}.activity-mode small{font-size:11px}}.member-editor-fields>label{margin:18px 0}.member-identity-note{color:var(--muted);align-items:flex-start;gap:8px;margin:16px 0;font-size:13px;display:flex}.member-identity-note svg{flex-shrink:0}.member-lookup-note{background:var(--accent-soft);border-radius:10px;margin:12px 0;padding:12px 14px;font-size:13px}.member-contact{margin:16px 0}.member-contact summary{cursor:pointer;color:var(--accent);min-height:44px;padding:10px 0}.member-contact summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.member-contact>p{margin:6px 0 14px}.training-fields>label{margin-bottom:18px}.training-moment-basics{grid-template-columns:minmax(0,1fr) 100px;gap:12px;display:grid}.training-start{background:var(--accent-soft);border-radius:12px;margin-bottom:18px;padding:22px}.training-start p{margin:8px 0 16px}.training-details{margin:12px 0 16px}.training-details summary{cursor:pointer;color:var(--accent);min-height:44px;padding:10px 0}.training-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.training-details>label{margin:8px 0 14px}.training-add{margin:16px 0 24px}.editor>.inline-actions{margin:15px 0 23px}.inline-select{flex-direction:row;align-items:center;max-width:340px;margin:0}.inline-select>select{max-width:220px}.group-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;display:grid}.group-section{margin-bottom:24px}.group-section>.section-heading{margin-bottom:10px}.group-section h2{align-items:center;gap:9px;display:flex}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:16px 18px 6px}.group-card:not(:has(.group-actions)){padding-bottom:16px}.group-card-heading{align-items:center;gap:12px;display:flex}.group-card-heading>div{overflow-wrap:anywhere;min-width:0}.group-card-heading .icon-tile{width:38px;min-width:38px;height:38px}.group-card h3{margin:0;font-size:15px}.group-card p{color:var(--muted);margin:2px 0 0;font-size:13px}.group-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:8px;display:flex}.group-card .text-button{min-height:44px;margin:0;font-size:13px}.member-register>.section-heading>.inline-actions{flex-wrap:wrap}.search-field{border:1px solid var(--border);color:var(--muted);border-radius:4px;flex-direction:row;flex:1;align-items:center;gap:8px;min-width:190px;max-width:330px;margin:0;padding-left:12px}.search-field>input{background:0 0;border:0;min-height:43px;padding:8px;font-size:13px}.member-row{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:16px 0;display:flex}.member-row>.person{flex:1}.member-groups{flex-wrap:wrap;gap:5px;max-width:35%;display:flex}.member-row:last-child{border:0}.member-row .button{padding:9px;font-size:11px}.import-box{margin:22px 0;display:block}.import-box>label{margin-top:15px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.plan-card>.badge{margin-bottom:14px}.plan-card h2{font-size:19px}.plan-card>p{margin-top:12px;font-size:13px}.plan-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding-top:12px;display:flex}.plan-card-footer>span:first-child{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row p{color:var(--muted);margin-top:5px;font-size:13px}.list-row strong{font-size:13px}.invoice-row{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:23px 0;display:flex}.invoice-row:last-child{border:0}.invoice-row>div:first-child{flex:1}.invoice-row p{margin:6px 0;font-size:12px}.invoice-row .amount{white-space:nowrap;font-size:19px;font-weight:600}.invoice-row select{max-width:170px;font-size:11px}.invoice-row .button{font-size:12px}.sponsor-card{position:relative}.sponsor-monogram{background:var(--surface);width:46px;height:46px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;margin-bottom:20px;font-family:Georgia,serif;font-size:25px;display:flex}.sponsor-card>.badge{position:absolute;top:22px;right:22px}.sponsor-card h2{font-size:20px}.sponsor-card>p{color:var(--muted);overflow-wrap:anywhere;margin-top:9px;font-size:12px}.sponsor-values{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:25px;margin:20px 0;padding:17px 0;display:flex}.sponsor-values>span{color:var(--muted);font-size:11px}.sponsor-values strong{color:var(--muted);margin-top:7px;font-size:19px;display:block}.product-art{background:var(--surface);border-radius:4px;justify-content:center;align-items:center;margin-bottom:20px;padding:24px;display:flex}.product-card h2{font-size:21px}.product-card>p{margin:8px 0;font-size:13px}.product-price{margin:15px 0;font-size:22px;display:block}.product-card label{margin-top:18px}.cart>.button{margin-top:15px}.message-body{white-space:pre-wrap;color:var(--text);overflow-wrap:anywhere;font-size:13px}.message-card{border-bottom:1px solid var(--border);padding:20px 0}.message-card .section-heading{margin-bottom:12px}.message-card>.small{margin-top:16px}.document-row{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:20px 0;display:flex}.document-row>div{flex:1;min-width:0}.document-row h3{overflow-wrap:anywhere}.document-row p{color:var(--muted);margin-top:5px;font-size:12px}.lok-item{border-bottom:1px solid var(--border);padding:23px 0}.lok-item:first-child{padding-top:0}.lok-item:last-child{border:0;padding-bottom:0}.lok-issue{text-align:left;color:var(--muted);align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 0;font-size:13px;display:flex}.lok-issue>span{background:var(--surface);border-radius:4px;justify-content:center;align-items:center;width:19px;min-width:19px;height:19px;font-size:11px;font-weight:700;display:flex}.lok-issue>svg{color:var(--muted);margin-left:auto}.lok-item>.inline-actions{margin-top:18px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.settings-grid h2{margin-bottom:15px}.settings-grid p{margin:10px 0;font-size:13px}.settings-grid .notice{margin-top:20px}.settings-grid label{margin-top:16px}@media (width>=1500px){.main-content{padding-top:45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.hero-body{min-height:215px}.hero-body h2{font-size:32px}.stat-strip>button{padding:22px 18px}.agenda-row{padding:23px 0}.agenda-content h3{font-size:14px}.agenda-content p{font-size:12px}.quick-panel>button{padding:11px 0;font-size:13px}.todo-row strong{font-size:13px}}@media (width<=1180px){.sidebar{width:215px;padding-inline:14px}.workspace{width:calc(100% - 215px);margin-left:215px}.topbar{padding-inline:25px}.main-content{padding:28px 25px 20px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 258px;gap:18px}.stat-strip{gap:8px}.stat-strip>button{gap:6px;padding:15px 10px}.stat-strip .stat-icon{display:none}.hero-body h2{font-size:24px}.next-activity{padding:20px}.hero-footer>span{font-size:11px}.hero-footer .button{padding:9px;font-size:11px}.agenda-panel{padding:18px}.agenda-row{gap:11px}.agenda-panel .text-button{font-size:11px}.todo-panel{padding:17px}.invoice-row{flex-wrap:wrap}.invoice-row>.inline-actions{flex-basis:100%}}@media (width<=980px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:1fr 1fr;gap:20px;display:grid}.quick-panel{padding-top:10px}.onboarding-card{margin-top:0}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading>.button{flex-shrink:0}.card-grid,.settings-grid{grid-template-columns:1fr}.member-row{flex-wrap:wrap}.member-groups{max-width:100%}.hero-footer>span{font-size:12px}.hero-body h2{font-size:28px}}@media (width<=740px){:root{font-size:14px}.desktop-only{display:none!important}.mobile-only{display:inline-flex}.app-shell{display:block}.sidebar{width:min(310px,100vw - 42px);padding:30px 20px 15px;transition:transform .2s;transform:translate(-100%);box-shadow:15px 0 70px #00000040}.sidebar.mobile-open{transform:translate(0)}.mobile-close{display:inline-flex;position:absolute;top:12px;right:6px}.sidebar nav button{min-height:46px;font-size:13px}.workspace{width:100%;margin-left:0}.topbar{z-index:20;height:64px;padding:0 18px;position:sticky;top:0}.breadcrumb{gap:7px;min-width:0;font-size:12px}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb>strong:before{content:"idrivo · ";color:var(--text);margin-right:3px;font-weight:700}.topbar-actions{gap:0}.topbar-actions>.icon-button{width:40px;min-width:40px;height:44px}.main-content{padding:24px 18px 100px}.page-heading{flex-wrap:wrap;gap:14px;margin-bottom:23px}.page-heading h1{letter-spacing:-1px;font-size:30px}.page-heading .eyebrow{letter-spacing:.01em;font-size:11px}.page-heading p.muted{font-size:13px;line-height:1.65}.page-heading>.button{min-height:44px;padding:10px 14px;font-size:12px}.dashboard-grid{gap:20px}.dashboard-aside{flex-direction:column;gap:20px;display:flex}.dashboard-main{gap:20px;display:grid}.next-activity{border-radius:4px;order:0;padding:20px}.hero-body{min-height:180px;padding:23px 0}.hero-body>div:first-child{max-width:100%}.hero-body h2{letter-spacing:-.7px;max-width:300px;font-size:26px;line-height:1.2}.hero-date,.hero-group{font-size:12px}.hero-meta{gap:12px;margin-top:18px}.hero-meta>span{font-size:11px}.hero-footer{gap:9px;padding-top:15px}.hero-footer>span{max-width:100px;font-size:11px;line-height:1.6}.hero-footer .button{min-height:44px;padding:10px 12px;font-size:12px}.stat-strip{order:1;gap:8px;margin:0}.stat-strip>button{align-items:flex-start;padding:15px 10px}.stat-strip strong{font-size:23px}.stat-strip div>span{margin-top:7px;font-size:11px;line-height:1.5}.stat-strip>button>svg{display:none}.agenda-panel{order:2;padding:20px 17px}.agenda-panel .section-heading{gap:8px}.agenda-panel h2{font-size:17px}.agenda-panel .text-button{white-space:nowrap;gap:4px;font-size:11px}.agenda-panel .section-heading .eyebrow{letter-spacing:1px;font-size:11px}.agenda-row{gap:10px;padding:18px 0}.date-tile{width:40px;min-width:40px;min-height:49px}.agenda-content h3{font-size:13px}.agenda-content p{font-size:11px;line-height:1.6}.overline{font-size:11px}.panel{border-radius:4px;padding:20px 17px}.dashboard-aside .panel{padding:20px}.todo-panel h2{font-size:19px}.todo-row strong{font-size:13px}.todo-row span{font-size:12px}.todo-row{gap:14px;padding:17px 0}.todo-check{margin-top:4px}.todo-panel>.text-button{min-height:44px;margin-top:10px;font-size:13px}.quick-panel{padding:0}.quick-panel h2{margin-bottom:10px;font-size:20px}.quick-panel>button{min-height:56px;font-size:13px}.quick-panel .icon-tile{width:40px;min-width:40px;height:40px}.onboarding-card{margin-top:0;padding:21px}.onboarding-card h3{max-width:240px;font-size:18px}.onboarding-card p{font-size:12px}.onboarding-card button{min-height:44px;font-size:13px}.onboarding-card .eyebrow{font-size:11px}.bottom-nav{height:calc(65px + env(safe-area-inset-bottom));padding:5px 12px calc(5px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:40;background:#fffffff2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-width:0;color:var(--muted);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:50px;font-size:11px;font-weight:500;display:flex}.bottom-nav button.active{color:var(--text);background:var(--surface)}.bottom-nav button.active svg{stroke-width:2.3px}.content-footer{flex-wrap:wrap;gap:8px;margin-top:28px;font-size:11px}.footer-right{width:100%;margin-top:5px;margin-left:0}.toast{gap:8px;width:calc(100vw - 28px);max-width:440px;padding:8px 6px 8px 12px;font-size:13px;bottom:82px}.toast .icon-button{width:35px;min-width:35px}.form-dialog{border-radius:4px;max-height:calc(100dvh - 28px);padding:23px 20px}.form-dialog h2{font-size:22px}.form-dialog .dialog-actions{background:var(--surface);padding-bottom:8px;position:sticky;bottom:-23px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}input,select,textarea{font-size:16px}.check-label{font-size:13px}.section-heading{flex-wrap:wrap;gap:10px}h2{font-size:19px}.button{font-size:13px}.back-button{margin-bottom:10px;font-size:13px}.activity-meta{gap:13px;margin-top:5px}.activity-meta>span{flex-basis:100%;font-size:13px}.activity-description{margin-bottom:15px;font-size:13px}.tabs{gap:0}.tabs>button{gap:5px;padding:10px 9px;font-size:12px}.tabs>button>svg{width:15px}.attendance-row{flex-wrap:wrap;gap:10px;padding:15px 0}.attendance-row>.person{flex-basis:100%}.presence-controls{gap:5px;width:100%;padding-left:47px}.presence-controls>button{flex:1;min-width:44px;padding:9px 7px;font-size:12px}.presence-controls>button:last-child{flex:0 0 44px}.save-bar{gap:8px;padding:12px 0 0;bottom:74px}.save-bar>span{font-size:11px}.save-bar .button{font-size:12px}.moment-editor{gap:10px}.moment-editor .moment-number{min-width:24px;height:24px;margin-top:23px;font-size:11px}.inline-select{flex-direction:column;align-items:stretch;width:100%;max-width:100%}.inline-select>select{max-width:100%}.group-strip{grid-template-columns:1fr;gap:10px}.group-card{padding:12px 14px 4px}.group-card .text-button{gap:4px}.search-field{flex-basis:100%;width:100%;min-width:0;max-width:none}.member-row{gap:9px;padding:17px 0}.member-row>.person{flex-basis:100%}.member-groups{flex:1}.member-row>.inline-actions{margin-left:auto}.member-row .button{font-size:12px}.member-list .person strong{font-size:13px}.member-list .person small{font-size:12px}.list-row{flex-wrap:wrap;align-items:flex-start;gap:14px}.list-row>.button{margin-left:auto}.invoice-row{gap:15px;padding:22px 0}.invoice-row>div:first-child{flex-basis:65%;min-width:0}.invoice-row h3{font-size:14px}.invoice-row .amount{font-size:18px}.invoice-row>.inline-actions{flex-basis:100%}.invoice-row select{flex:1;max-width:none;font-size:13px}.notice{flex-wrap:wrap;padding:16px;font-size:13px;display:flex}.notice>span{flex:200px;min-width:0}.import-box{display:block}.product-art{padding:30px}.document-row{flex-wrap:wrap;gap:11px}.document-row>div{flex-basis:calc(100% - 60px)}.document-row>.button{margin-left:52px}.document-row .button{font-size:12px}.lok-item>.section-heading>div{flex-basis:100%}.lok-item .inline-actions>.button{flex:1;min-width:110px}.lok-issue{padding:10px 0;font-size:13px}.login-layout{grid-template-columns:1fr}.login-story{min-height:auto;padding:27px 25px 25px}.login-story .brand{font-size:25px}.story-main{padding:35px 0 8px}.story-main h1{letter-spacing:-1.8px;font-size:43px}.story-main h1 br{display:none}.story-main h1 em{display:block}.story-main>.eyebrow{letter-spacing:1.4px;margin-bottom:12px;font-size:11px}.story-main>p:not(.eyebrow){margin-top:15px;font-size:12px;line-height:1.7}.story-main>p br,.story-footer{display:none}.login-form-wrap{padding:30px 25px 45px}.login-form>.badge{margin-bottom:17px;font-size:11px}.login-form h2{font-size:26px}.login-form>.muted{margin:10px 0 22px;font-size:13px}.login-note{margin-top:22px;padding-top:20px}.onboarding-page{margin:28px auto}.onboarding-page h1{font-size:27px}.onboarding-page p br{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.calendar-controls,.calendar-period{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.calendar-controls{justify-content:space-between}.calendar-period{margin:20px 0}.calendar-period h2{text-transform:capitalize;flex:1}.calendar-day-list{margin-top:24px}.month-calendar{border-top:1px solid var(--line,var(--border));border-left:1px solid var(--line,var(--border));grid-template-columns:repeat(7,minmax(0,1fr));margin-top:24px;display:grid}.month-day{border-right:1px solid var(--line,var(--border));border-bottom:1px solid var(--line,var(--border));min-width:0;min-height:120px;padding:9px}.month-day>strong{font-size:13px}.calendar-event{background:var(--surface);width:100%;min-height:44px;color:var(--text);text-align:left;overflow-wrap:anywhere;border-radius:4px;flex-direction:column;align-items:flex-start;gap:3px;margin-top:7px;padding:8px;font-size:13px;display:flex}.calendar-event span{font-size:12px}.calendar-event em{color:var(--text);font-style:normal}.product-art img{object-fit:contain;max-width:100%;max-height:190px}.sponsor-logos{flex-wrap:wrap;gap:20px;display:flex}.sponsor-logos a{align-items:center;gap:12px;min-height:44px;display:flex}.sponsor-logos img{object-fit:contain;width:70px;height:50px}.button,.icon-button{touch-action:manipulation}@media (width<=740px){.month-calendar{grid-template-columns:1fr}.month-day{min-height:auto;padding:12px}.month-day:has(.calendar-event){background:var(--surface)}.calendar-controls .tabs{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.calendar-controls .tabs button{min-width:0;padding:8px}.calendar-period h2{font-size:17px}.month-day>strong,.calendar-event{font-size:14px}}.recipient-picker{gap:4px;max-height:320px;display:grid;overflow:auto}.recipient-picker .check-label{min-height:44px}.agreement-dialog{width:min(780px,100vw - 28px)}fieldset{border:1px solid var(--border);border-radius:4px;min-width:0;padding:16px}legend{padding:0 7px;font-weight:600}summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:600;display:flex}.calendar-day-list h3{text-transform:capitalize}body{-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft);color:var(--text)}h1,h2,h3{overflow-wrap:break-word;font-weight:600}h1{letter-spacing:-.03em;font-size:clamp(32px,2.8vw,40px);line-height:1.2}h2{letter-spacing:-.02em;font-size:23px}h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.eyebrow,.overline,.list-label{letter-spacing:.01em;font-family:inherit;font-size:12px;font-weight:600}.page-heading .eyebrow,.club-select .eyebrow{letter-spacing:.01em}.list-label{text-transform:none}.eyebrow,.light,.overline{color:var(--muted)}.button{border-radius:10px;min-height:46px;padding:12px 18px;font-size:14px}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 3px #49345d12}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.secondary{color:var(--text);background:var(--surface);border-color:var(--control-border)}.button.secondary:hover:not(:disabled),.button.ghost:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.button.ghost,.text-button,.back-button,a{color:var(--accent)}.text-button:hover,a:hover{color:var(--accent-hover)}.panel,.group-card{background:var(--surface);border-radius:16px;box-shadow:0 2px 12px #46394f05}.badge{border-radius:8px}.badge,.avatar,.icon-tile,.moment-number,.count-pill{background:var(--lavender-soft);color:var(--lavender)}.icon-tile,.moment-number{border-radius:8px}.badge.green{background:var(--positive-soft);color:var(--positive)}.badge.red,.error{color:var(--red);background:#fff0eb;border-color:#e7b3a7}.status-dot{background:var(--positive)}.notice{background:var(--lavender-soft);color:var(--lavender);border-color:#dcd5e8;border-radius:12px}.brand,.login-story .brand{color:var(--text);letter-spacing:-.025em;font-size:29px;font-weight:600}.brand:hover{color:var(--text)}.brand-mark,.login-story .brand-mark{background:var(--lavender-soft);width:36px;min-width:36px;height:36px;color:var(--accent);border-radius:12px;margin-right:10px}.brand-mark svg{width:29px;height:29px}.sidebar{--surface:#fffbf9;--surface-raised:#f1e7eb;border-right-color:var(--border);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f0f1;padding-top:30px}.sidebar>.brand{white-space:nowrap;letter-spacing:-.035em;padding-inline:6px;padding-bottom:28px;font-size:23px}.sidebar nav button{color:#635b6e;border:1px solid #0000;border-radius:10px;min-height:46px;padding-inline:12px;font-size:14px;font-weight:500}.sidebar nav button:hover{background:var(--surface-raised);color:var(--text)}.sidebar nav button.active{background:var(--accent-soft);color:var(--accent-hover);box-shadow:inset 3px 0 0 var(--accent);border-color:#dec3ce}.sidebar nav button.active svg{color:inherit}.nav-hint{color:var(--accent)}.club-switch{background:var(--surface);border-color:#d8cde4;border-radius:14px;flex-direction:row}.trial-card{border-color:var(--border);background:#faf7f1;border-radius:14px}.club-emblem{background:var(--lavender-soft);color:var(--accent);border-color:#0000}.club-select select,.profile-button strong{color:var(--text)}.club-select select{width:100%;max-width:100%;min-height:36px}.club-select{flex:1}.club-select option{background:var(--surface);color:var(--text)}.trial-card strong,.trial-card button{color:var(--accent)}.trial-card button{min-height:44px;font-size:12px}.platform-identity{background:var(--surface-raised);border-radius:10px;gap:8px;margin-bottom:26px;padding:19px 13px;display:grid}.platform-identity .eyebrow{margin:0;font-size:11px}.platform-identity strong{font-size:18px;font-weight:600}.platform-identity strong span{color:var(--accent);margin-left:20px}.platform-identity>span:last-child{color:var(--muted);font-size:12px}.topbar{background:#fffdfa}.breadcrumb strong{color:var(--text)}.main-content{padding-top:34px}.page-heading{margin-bottom:26px}.greeting-dot{color:var(--accent)}.next-activity{color:var(--text);background:#efebf7;border:1px solid #dcd5e8;border-radius:20px;padding:25px 27px}.next-activity .eyebrow{color:var(--lavender)}.hero-body{min-height:170px;padding-block:22px}.hero-body h2{letter-spacing:-.025em;max-width:440px;font-size:clamp(29px,2.6vw,36px);font-weight:600}.hero-body>div:first-child{max-width:78%}.hero-date,.hero-group,.hero-meta>span,.hero-footer>span{color:var(--muted);font-size:13px}.hero-tag{color:var(--lavender);background:#faf8ff;border-color:#c4b3d3;border-radius:8px;font-size:12px}.hero-tag .status-dot{background:var(--lavender)}.hero-footer{border-color:#d9cce6}.hero-footer .button{background:var(--accent);color:#fff;border-color:var(--accent);min-height:44px;font-size:13px}.hero-footer .button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.stat-strip{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:0;margin-block:20px 26px}.stat-strip>button{box-shadow:none;background:0 0;border:0;border-radius:0;padding:20px 14px}.stat-strip>button+button{border-left:1px solid var(--border)}.stat-strip>button:first-child{border-radius:11px 0 0 11px}.stat-strip>button:last-child{border-radius:0 11px 11px 0}.stat-strip>button:focus-visible{outline-offset:-4px}.stat-strip>button:hover{background:var(--surface-raised)}.stat-strip strong{font-variant-numeric:tabular-nums;font-size:34px;font-weight:600}.stat-strip .stat-icon{color:var(--accent)}.stat-strip>button:nth-child(2) .stat-icon{color:var(--lavender)}.stat-strip>button:nth-child(3) .stat-icon{color:#74606f}.stat-strip div>span{font-size:13px;line-height:1.45}.member-filters{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,2fr) repeat(2,minmax(120px,1fr)) auto;align-items:end;gap:14px;margin-bottom:14px;padding-bottom:20px;display:grid}.member-filters>label{min-width:0;margin-bottom:0}.member-filters :is(input,select){min-height:46px}.member-detail{border:1px solid #cfcfe6;border-left:3px solid var(--lavender);background:var(--surface);border-radius:8px;margin-bottom:24px;padding:24px;display:flow-root}.member-detail>.section-heading{border-bottom:1px solid var(--border);align-items:flex-start;padding-bottom:18px}.member-detail .section-heading>div,.member-row .person>div{overflow-wrap:anywhere;min-width:0}.member-detail .eyebrow{color:var(--lavender)}.member-detail>.form-grid{margin-bottom:14px;padding-top:18px}.member-row:focus-within{background:var(--lavender-soft)}.member-row .button{font-size:13px}.tabs>button:hover:not(:disabled):not(.active),.quick-panel>button:hover:not(:disabled){color:var(--accent);background:var(--surface-raised)}.toast :focus-visible{outline-color:var(--sp-lavender)}.date-tile{color:var(--lavender);background:var(--lavender-soft);border-color:#d8cde4;border-radius:10px;min-width:48px;min-height:56px}.agenda-content h3{font-size:15px;font-weight:600}.agenda-content p{font-size:13px}.agenda-row:hover .agenda-content h3{color:var(--accent)}.todo-row strong{font-size:14px}.todo-row span{font-size:12px}.todo-check{border-color:var(--control-border);background:var(--surface);border-radius:8px}.todo-check:hover{color:#fff;background:var(--positive);border-color:var(--positive)}.quick-panel .icon-tile{background:var(--lavender-soft);color:var(--accent);border-color:#d8cde4}.quick-panel>button{border-radius:10px;min-height:48px;padding-inline:8px;font-size:14px}.quick-panel>button+button{border-top:1px solid var(--border)}.onboarding-card{color:#634d49;background:#f7ece3;border-color:#e7d6c9;border-radius:16px}.onboarding-card :is(h3,p,button,.eyebrow){color:#634d49}.onboarding-card h3{letter-spacing:-.025em;font-size:20px}.onboarding-card button{min-height:44px;font-size:12px}.progress-track{background:#e5d4cd}.progress-track>span{background:#9a737c}label{color:var(--text);font-size:14px}input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--control-border);border-radius:10px}input::placeholder,textarea::placeholder{color:var(--muted);font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.search-field{background:var(--surface);border-color:var(--control-border);border-radius:8px}.form-dialog{background:var(--surface);color:var(--text);border-color:var(--border);border-radius:18px;box-shadow:0 24px 100px #3b2c4b2b}.form-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b2c4b4f}.dialog-heading h2{letter-spacing:-.035em;font-size:28px;font-weight:600}.tabs>button.active{color:var(--accent);border-bottom-color:var(--accent)}.presence-controls>button{border-color:var(--control-border);border-radius:8px}.presence-controls>button.selected{color:#75521d;background:#fbf2db;border-color:#c6a66c}.presence-controls>button.yes.selected{background:var(--positive-soft);color:var(--positive);border-color:#8ca979}.save-bar{background:var(--surface);color:var(--muted)}.calendar-event{background:var(--lavender-soft);color:var(--text);border-left:3px solid #a78dbc;border-radius:8px}.calendar-event span{color:var(--lavender)}.calendar-event:hover{background:#e5daef}.calendar-event em{color:var(--red)}.month-day.today{background:var(--lavender-soft)}.month-day.today>strong{color:var(--accent)}.sponsor-monogram{background:var(--dusk);color:#6c5062;font-family:inherit}.sponsor-values strong{color:var(--accent)}.product-art{border:1px solid var(--border);background:#eee6f3;border-radius:12px}.toast{background:var(--ink);color:var(--on-ink);border-color:var(--ink-line);border-radius:10px;box-shadow:0 10px 40px #3b2c4b1f}.toast>svg{color:var(--accent-soft)}.login-layout{background:var(--bg);grid-template-columns:1.1fr 1fr}.login-story{color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4e7e6;padding:42px clamp(32px,4vw,66px) 30px}.story-main{padding-block:54px 26px}.story-main h1{letter-spacing:-.03em;font-size:clamp(42px,4.5vw,64px);font-weight:600;line-height:1.12}.story-main h1 em{color:var(--accent)}.story-main>p:not(.eyebrow){color:var(--muted);max-width:440px;font-size:16px}.story-footer{letter-spacing:0;color:var(--muted);font-family:inherit;font-size:12px}.login-form-wrap{background:var(--surface);border-left:1px solid var(--border)}.login-form{max-width:390px}.login-form h2{letter-spacing:-.025em;font-size:36px;font-weight:600;line-height:1.16}.login-form>.badge{color:var(--lavender);background:var(--lavender-soft);padding:8px 10px}.login-form>.muted{font-size:14px}.login-note{font-size:12px}.login-note .status-dot{background:var(--brand-secondary)}.auth-links>button{min-height:44px;font-size:13px}.auth-links>button:first-child{color:var(--accent)}.brand-scene{width:100%;height:160px;margin-top:34px;position:relative;overflow:hidden}.scene-play{width:100%;height:135px;color:var(--scene-line)}.scene-caption{color:var(--muted);letter-spacing:0;font-family:inherit;font-size:11px;font-weight:600;position:absolute;bottom:0;right:0}.brand-scene.compact{opacity:.65;pointer-events:none;width:165px;height:165px;margin:0;position:absolute;bottom:10px;right:-15px}.brand-scene.compact .scene-play{width:100%;height:100%}.brand-scene.compact .scene-caption{display:none}.platform-heading{background:var(--lavender-soft);border:1px solid #d8cde4;border-radius:18px;align-items:flex-end;padding:28px}.platform-heading h1{margin-bottom:14px;font-size:clamp(34px,3vw,42px);line-height:1.12}.platform-heading h1 span{color:var(--lavender)}.platform-metrics{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:28px;display:grid}.metric-block{background:0 0;border:0;border-radius:0;flex-direction:column;gap:8px;min-width:0;padding:22px;display:flex}.metric-block+.metric-block{border-left:1px solid var(--border)}.metric-block .eyebrow{margin:0;font-size:11px}.metric-block>strong{color:var(--text);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(32px,3.5vw,46px);font-weight:400;line-height:1.15}.metric-block:nth-child(2)>strong{color:var(--lavender)}.metric-block>span:last-child{color:var(--muted);font-size:12px}.content-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-block:18px 6px;font-size:12px}.footer-signoff{flex-wrap:wrap;align-items:center;gap:9px 14px;display:flex}.footer-wordmark{color:var(--text);letter-spacing:-.025em;font-size:20px;font-weight:600}.sunday-credit{min-height:44px;color:var(--muted);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.sunday-credit strong{color:var(--text);font-weight:500}.sunday-credit:hover{text-decoration:none}.sunday-credit:hover strong{color:var(--accent)}.content-footer.compact{gap:4px 12px;margin-top:22px;padding-top:15px}.content-footer.compact .footer-wordmark{font-size:17px}.loading-screen{padding:50px 22px;position:relative}.loading-screen .content-footer{width:min(460px,100% - 44px);position:absolute;bottom:24px}@media (width<=980px){.member-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.story-main h1{font-size:clamp(40px,4.8vw,56px)}.login-form h2{font-size:31px}.page-heading h1{font-size:34px}.platform-heading h1{font-size:38px}}@media (width<=740px){.main-content{padding:28px 18px 100px}.page-heading h1{letter-spacing:-.025em;font-size:32px}.page-heading>.button{font-size:13px}.topbar-actions>.icon-button{width:44px;min-width:44px}.breadcrumb>strong:before{content:"idrivo · ";color:var(--accent)}.next-activity{border-radius:16px;padding:22px 20px}.hero-body>div:first-child{max-width:100%}.hero-body h2{letter-spacing:-.025em;font-size:31px}.brand-scene.compact{opacity:.16;right:-30px}.hero-meta>span,.hero-footer>span{font-size:13px}.hero-footer{flex-wrap:wrap;gap:14px}.hero-footer>span{max-width:none}.hero-footer .button{margin-left:auto;font-size:13px}.stat-strip{gap:0;margin:0}.stat-strip>button{border-radius:0;flex-direction:column;gap:12px;padding:18px 8px}.stat-strip strong{font-size:28px}.stat-strip div>span{font-size:12px}.stat-strip .stat-icon svg{width:18px}.agenda-panel .section-heading{row-gap:4px}.agenda-content h3{font-size:15px}.agenda-content p{font-size:13px}.date-tile{min-width:43px}.bottom-nav{border-color:var(--border);background:#fffdfaf5}.bottom-nav button{color:var(--muted);border-radius:8px;font-size:11px}.bottom-nav.platform-only{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav button.active{background:var(--accent-soft);color:var(--accent)}input,select,textarea,.search-field>input,.invoice-row select{font-size:16px}.form-dialog{border-radius:18px}.form-dialog .dialog-actions{background:var(--surface)}.dialog-actions .button{min-width:90px}.toast .icon-button{width:44px;min-width:44px}.login-layout{grid-template-columns:1fr}.login-story{padding:26px 24px 20px}.story-main{padding:32px 0 4px}.story-main h1{letter-spacing:-.03em;max-width:480px;font-size:43px}.story-main>p:not(.eyebrow){font-size:14px}.story-main .brand-scene{display:none}.login-form-wrap{border-left:0;border-top:1px solid var(--border);padding:32px 24px}.login-form h2{font-size:31px}.platform-heading h1{font-size:38px}.platform-heading{padding:22px 20px}.platform-metrics{gap:0;margin-bottom:24px}.metric-block{border-radius:0;padding:16px 10px}.metric-block .eyebrow{letter-spacing:0;overflow-wrap:anywhere;font-size:10px}.metric-block>span:last-child{font-size:11px}.metric-block>strong{font-size:30px}.content-footer{flex-direction:column;align-items:flex-start;gap:4px;padding-top:20px}.content-footer.compact{flex-direction:row;align-items:center}.member-filters{gap:12px}.member-filters>label:first-child,.member-filters>.button{grid-column:1/-1}.member-detail{padding:18px 14px}.member-detail .list-row{flex-wrap:wrap;gap:10px}}@font-face{font-family:Bricolage Grotesque;src:url(../../../fonts/BricolageGrotesque.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url(../../../fonts/Manrope.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}html[data-design=clubhouse]{--heading-font:Georgia, "Times New Roman", serif;--heading-weight:400;--bg:#f7f2e9;--surface:#fffdf8;--surface-raised:#eee5d8;--text:#352c27;--muted:#716258;--accent:#8b3e32;--accent-hover:#692b23;--accent-soft:#f4e1d7;--lavender:#856147;--lavender-soft:#f0e8da;--dusk:#f4dfcf;--border:#dfd5c7;--control-border:#a99a88;--ink:#422f29;--on-ink:#fffaf3;--ink-muted:#deccbc;--ink-line:#86695b;--sp-lavender:#cabba4;--brand-secondary:#b87550;--positive:#356449;--positive-soft:#e8efe3;--scene-fill:#f0d7c5;--scene-line:#b18d73;--scene-accent:#98513d;--red:#a4392a;--design-radius:7px;--design-control-radius:5px;--design-shadow:0 3px 16px #4b352205;--sidebar-bg:#eee7dc;--hero-bg:#f1dfca;--hero-border:#dbc2a8;--feature-bg:#e9eadb;--feature-ink:#4d5c3d;--design-width:252px;font-family:Segoe UI,Arial,sans-serif}html[data-design=arena]{--heading-font:Arial, Helvetica, sans-serif;--heading-weight:800;--bg:#eff4fb;--surface:#fff;--surface-raised:#e8eef8;--text:#182c4d;--muted:#54657c;--accent:#2248b5;--accent-hover:#123b99;--accent-soft:#e5edff;--lavender:#385d9c;--lavender-soft:#e8effb;--dusk:#fff0df;--border:#d4deeb;--control-border:#8194ae;--ink:#18365e;--on-ink:#fff;--ink-muted:#d7e4f5;--ink-line:#486587;--sp-lavender:#b2c9f1;--brand-secondary:#e97439;--positive:#246047;--positive-soft:#e2f2e9;--scene-fill:#dfebfc;--scene-line:#9db9df;--scene-accent:#dc7c3d;--red:#ac3431;--design-radius:3px;--design-control-radius:3px;--design-shadow:none;--sidebar-bg:#fff;--hero-bg:#e8effb;--hero-border:#bbceeb;--feature-bg:#fff0df;--feature-ink:#884817;--design-width:232px;font-family:Arial,Helvetica,sans-serif}html[data-design=studio]{--heading-font:"Trebuchet MS", Verdana, sans-serif;--heading-weight:700;--bg:#f4f1fa;--surface:#fff;--surface-raised:#eee8f5;--text:#332b48;--muted:#716680;--accent:#65428c;--accent-hover:#543679;--accent-soft:#ece3f8;--lavender:#6b568c;--lavender-soft:#eee8f7;--dusk:#f8e5ed;--border:#e3ddeb;--control-border:#aa9abb;--ink:#3d2d51;--on-ink:#fcf8ff;--ink-muted:#d4c5e4;--ink-line:#806b96;--sp-lavender:#c9b9e0;--brand-secondary:#9b79bd;--positive:#386756;--positive-soft:#e2f2e9;--scene-fill:#e1d4f0;--scene-line:#bca9d3;--scene-accent:#7d62a4;--red:#ac3b52;--design-radius:22px;--design-control-radius:12px;--design-shadow:0 5px 24px #48355707;--sidebar-bg:#ede7f4;--hero-bg:#eae0f6;--hero-border:#d9cae9;--feature-bg:#e4f0e9;--feature-ink:#3c6352;--design-width:112px;font-family:Trebuchet MS,Verdana,sans-serif}html[data-design] body{background:var(--bg);color:var(--text)}html[data-design] :is(h1,h2,h3),html[data-design] :is(.brand,.footer-wordmark){font-family:var(--heading-font);font-weight:var(--heading-weight)}html[data-design] .brand{color:var(--text)}html[data-design] .brand-mark{color:var(--accent);background:var(--accent-soft);border-radius:var(--design-control-radius)}html[data-design] .sidebar{background:var(--sidebar-bg);color:var(--text)}html[data-design=clubhouse] .sidebar{--surface:#fffdf8;--surface-raised:#e5dacb}html[data-design=arena] .sidebar{--surface:#fff;--surface-raised:#e8eef8}html[data-design=studio] .sidebar{--surface:#fff;--surface-raised:#e4daef}html[data-design] .sidebar-head{align-items:center;min-width:0;padding:0 3px 20px;display:flex}html[data-design] .sidebar-head .brand{letter-spacing:-.035em;white-space:nowrap;font-size:25px}html[data-design] .sidebar-tools{min-width:0}html[data-design] .nav-short{display:none}html[data-design] .sidebar nav button{color:var(--muted);border-radius:var(--design-control-radius)}html[data-design] .sidebar nav button:hover{color:var(--accent);background:var(--surface-raised)}html[data-design] .sidebar nav button.active{background:var(--accent-soft);border-color:var(--border);color:var(--accent-hover);box-shadow:inset 3px 0 0 var(--accent)}html[data-design] :is(.club-switch,.trial-card,.platform-identity){background:var(--surface);border-color:var(--border);border-radius:var(--design-radius)}html[data-design] .club-switch{margin-top:12px;margin-bottom:20px!important}html[data-design] :is(.club-emblem,.avatar,.icon-tile,.moment-number,.badge,.count-pill){background:var(--lavender-soft);color:var(--lavender)}html[data-design] .club-emblem{border-radius:var(--design-control-radius);border-color:#0000}html[data-design] :is(.topbar,.login-form-wrap,.save-bar){background:var(--surface);border-color:var(--border)}html[data-design] :is(.panel,.group-card,.stat-card,.member-detail,.product-card,.sponsor-card,.plan-card){background:var(--surface);border-color:var(--border);border-radius:var(--design-radius);box-shadow:var(--design-shadow)}html[data-design] :is(.fee-panel,.payment-settings,.membership-automation,.request-inbox){border-color:var(--border)}html[data-design] :is(.button,.search-field,input,select,textarea,.member-menu>button){border-radius:var(--design-control-radius)}html[data-design] :is(input,select,textarea,.search-field){background:var(--surface);color:var(--text);border-color:var(--control-border)}html[data-design] .club-select select{background:0 0;border:0}html[data-design] :is(.button.primary,.hero-footer .button.primary){color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:none}html[data-design] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:#fff;background:var(--accent-hover);border-color:var(--accent-hover)}html[data-design] .button.secondary{background:var(--surface);color:var(--text);border-color:var(--control-border)}html[data-design] :is(.button.secondary,.button.ghost,.icon-button):hover:not(:disabled){background:var(--surface-raised);color:var(--text)}html[data-design] :is(.button.ghost,.text-button,.back-button){color:var(--accent)}html[data-design] :is(.badge,.icon-tile,.moment-number,.hero-tag){border-radius:var(--design-control-radius)}html[data-design] .badge.green{color:var(--positive);background:var(--positive-soft)}html[data-design] :is(.badge.red,.alert.error){color:var(--red);background:#fff0ed;border-color:#dfb0a6}html[data-design] :is(.notice,.member-lookup-note,.membership-request-card,.platform-heading,.activity-preview){background:var(--lavender-soft);color:var(--lavender);border-color:var(--sp-lavender);border-radius:var(--design-radius)}html[data-design] :is(.notice,.membership-request-card,.platform-heading) :is(h1,h2,h3){color:var(--text)}html[data-design] .next-activity{background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:var(--design-radius)}html[data-design] .next-activity .eyebrow{color:var(--accent)}html[data-design] .hero-tag{color:var(--accent);background:var(--surface);border-color:var(--hero-border)}html[data-design] .hero-tag .status-dot{background:var(--brand-secondary)}html[data-design] .hero-footer{border-color:var(--hero-border)}html[data-design] :is(.hero-date,.hero-group,.hero-meta>span,.hero-footer>span){color:var(--muted)}html[data-design] .stat-strip{border-radius:var(--design-radius);border-color:var(--border);background:var(--surface)}html[data-design] .stat-strip>button{border-color:var(--border)}html[data-design] .stat-strip>button:hover{background:var(--surface-raised)}html[data-design] .stat-strip .stat-icon{color:var(--accent)}html[data-design] .stat-strip>button:first-child{border-radius:var(--design-radius) 0 0 var(--design-radius)}html[data-design] .stat-strip>button:last-child{border-radius:0 var(--design-radius) var(--design-radius) 0}html[data-design] .date-tile{color:var(--accent);background:var(--accent-soft);border-color:var(--border);border-radius:var(--design-control-radius)}html[data-design] .date-tile span{color:inherit}html[data-design] .quick-panel .icon-tile{background:var(--accent-soft);color:var(--accent);border-color:var(--border)}html[data-design] .quick-panel>button{border-radius:var(--design-control-radius)}html[data-design] .onboarding-card{color:var(--feature-ink);background:var(--feature-bg);border-color:var(--border);border-radius:var(--design-radius)}html[data-design] .onboarding-card :is(h3,p,button,.eyebrow){color:var(--feature-ink)}html[data-design] .progress-track{background:var(--border)}html[data-design] .progress-track>span{background:var(--brand-secondary)}html[data-design] .form-dialog{color:var(--text);background:var(--surface);border-color:var(--border);border-radius:calc(var(--design-radius) + 4px);box-shadow:0 24px 100px #18202f2b}html[data-design] .form-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e253e55}html[data-design] :is(.dialog-heading h2,.page-heading h1,.hero-body h2){font-weight:var(--heading-weight)}html[data-design] .form-dialog .dialog-actions{background:var(--surface);border-color:var(--border)}html[data-design] .tabs>button.active{color:var(--accent);border-bottom-color:var(--accent)}html[data-design] :is(.calendar-event,.month-day.today){background:var(--lavender-soft)}html[data-design] .calendar-event{color:var(--text);border-left-color:var(--brand-secondary);border-radius:var(--design-control-radius)}html[data-design] .calendar-event:hover{background:var(--accent-soft)}html[data-design] .calendar-event span{color:var(--lavender)}html[data-design] .month-day.today>strong{color:var(--accent)}html[data-design] .product-art{background:var(--lavender-soft);border-color:var(--border);border-radius:var(--design-radius)}html[data-design] .sponsor-monogram{color:var(--accent);background:var(--dusk)}html[data-design] .member-menu-options{background:var(--surface);border-color:var(--border);border-radius:var(--design-control-radius)}html[data-design] .presence-controls>button{border-radius:var(--design-control-radius)}html[data-design] .presence-controls>button.yes.selected{background:var(--positive-soft);color:var(--positive);border-color:var(--positive)}html[data-design] .toast{background:var(--ink);color:var(--on-ink);border-color:var(--ink-line);border-radius:var(--design-control-radius)}html[data-design] .login-story{background:var(--hero-bg);color:var(--text)}html[data-design] .login-story .brand{color:var(--text)}html[data-design] .story-main h1 em{color:var(--accent)}html[data-design] .login-form>.badge{color:var(--lavender);background:var(--lavender-soft)}html[data-design] .login-form-wrap{flex-direction:column;padding-top:110px;position:relative}html[data-design] .login-design-choice{width:180px;position:absolute;top:28px;right:30px}html[data-design] .onboarding-brandrow{justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}html[data-design] .onboarding-brandrow .design-switcher{flex-shrink:0;width:180px}html[data-design] .content-footer{border-color:var(--border)}html[data-design] :is(.sunday-credit,.sunday-credit strong){color:var(--muted)}html[data-design] .sunday-credit:hover strong{color:var(--accent)}html[data-design] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}html[data-design] :is(.button,input,select,textarea,.nav-item){transition-duration:.14s}html[data-design=clubhouse] .page-heading h1{letter-spacing:-.045em;font-size:clamp(36px,3.4vw,49px)}html[data-design=clubhouse] .page-heading{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:24px}html[data-design=clubhouse] :is(.eyebrow,.overline){letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}html[data-design=clubhouse] .main-content{max-width:1480px;padding:36px 40px 24px}html[data-design=clubhouse] .topbar{background:0 0}html[data-design=clubhouse] .brand-mark{border-radius:50%}html[data-design=clubhouse] .brand{letter-spacing:-.055em}html[data-design=clubhouse] .panel{padding:25px}html[data-design=clubhouse] .next-activity{border-top:4px solid var(--accent);padding:30px}html[data-design=clubhouse] .hero-body h2{letter-spacing:-.04em;font-size:clamp(30px,3vw,43px);line-height:1.12}html[data-design=clubhouse] .stat-strip strong{font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:400}html[data-design=clubhouse] .agenda-panel h2{font-size:25px}html[data-design=clubhouse] .agenda-content h3{font-family:Segoe UI,Arial,sans-serif;font-size:15px;font-weight:600}html[data-design=clubhouse] .quick-panel h2{font-size:24px}html[data-design=clubhouse] .date-tile{border:0;border-right:1px solid var(--border);background:0 0;border-radius:0;padding-right:14px}html[data-design=clubhouse] .date-tile strong{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}html[data-design=clubhouse] .content-footer{border-top-width:2px;margin-top:45px}html[data-design=clubhouse] .login-layout{grid-template-columns:1.12fr 1fr}html[data-design=clubhouse] .login-story{border-right:1px solid var(--hero-border)}html[data-design=clubhouse] .story-main h1{letter-spacing:-.055em;font-size:clamp(47px,5.4vw,76px);font-weight:400}html[data-design=clubhouse] .story-main h1 em{font-style:italic}html[data-design=clubhouse] .login-form h2{font-size:39px;font-weight:400}html[data-design=clubhouse] .plan-card{border-top:3px solid var(--brand-secondary)}html[data-design=clubhouse] .plan-moment{border-left:2px solid var(--border);padding-left:18px}html[data-design=clubhouse] .group-card{border-left:3px solid var(--brand-secondary)}html[data-design=clubhouse] .fee-stats .stat-card{border-top:3px solid var(--accent)}html[data-design=arena] :is(.brand,.footer-wordmark){letter-spacing:-.065em;font-weight:900}html[data-design=arena] .brand-mark{border-radius:4px}html[data-design=arena] .page-heading h1{letter-spacing:-.045em;font-size:clamp(32px,3vw,44px)}html[data-design=arena] .page-heading .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800}html[data-design=arena] .page-heading{border-bottom:3px solid var(--text);padding:5px 0 22px}html[data-design=arena] .button{font-weight:700}html[data-design=arena] .panel>.section-heading{border-bottom:1px solid var(--border);padding-bottom:15px}html[data-design=arena] .next-activity{border-top:5px solid var(--accent);padding:26px}html[data-design=arena] .hero-body h2{letter-spacing:-.045em;font-size:clamp(28px,2.9vw,42px);font-weight:800;line-height:1.05}html[data-design=arena] .hero-date{color:var(--accent);font-weight:700}html[data-design=arena] .hero-tag{color:#884817;background:#fff0df;border-color:#efc9a4;font-weight:700}html[data-design=arena] .stat-strip{background:0 0;border:0;gap:16px;margin:0}html[data-design=arena] .stat-strip>button{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:3px;padding:18px 22px}html[data-design=arena] .stat-strip>button:nth-child(2){border-top-color:var(--brand-secondary)}html[data-design=arena] .stat-strip>button:nth-child(3){border-top-color:var(--positive)}html[data-design=arena] .stat-strip strong{letter-spacing:-.05em;font-size:36px;font-weight:800}html[data-design=arena] .stat-strip div>span{font-size:12px;font-weight:600}html[data-design=arena] .date-tile{background:var(--accent);color:#fff;border:0}html[data-design=arena] .date-tile strong{font-size:24px;font-weight:800}html[data-design=arena] .date-tile span{color:#fff}html[data-design=arena] :is(.todo-panel,.quick-panel,.onboarding-card) h2{font-size:21px}html[data-design=arena] .quick-panel{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:24px}html[data-design=arena] .onboarding-card{border-top:4px solid var(--brand-secondary);margin-top:0}html[data-design=arena] .plan-card{border-top:4px solid var(--accent)}html[data-design=arena] .plan-card h2{font-size:24px}html[data-design=arena] .moment-number{background:var(--accent);color:#fff;font-weight:800}html[data-design=arena] .plan-moment{border-bottom:1px solid var(--border);padding-block:18px}html[data-design=arena] .calendar-controls{background:var(--surface-raised);margin:-1px -1px 24px;padding:12px}html[data-design=arena] .calendar-event{border-left-width:4px;font-weight:600}html[data-design=arena] .group-card{border-top:3px solid var(--accent)}html[data-design=arena] .tabs{gap:4px}html[data-design=arena] .tabs>button.active{border-bottom-width:3px;font-weight:700}html[data-design=arena] .content-footer{border-top:3px solid var(--text)}html[data-design=arena] .login-layout{grid-template-columns:1fr 1fr}html[data-design=arena] .login-story{border-top:12px solid var(--accent);background:#edf3fc}html[data-design=arena] .story-main h1{letter-spacing:-.055em;font-size:clamp(45px,5vw,72px);font-weight:900;line-height:1.02}html[data-design=arena] .story-main h1 em{color:var(--accent)}html[data-design=arena] .story-footer{border-top:3px solid var(--brand-secondary);padding-top:20px;font-weight:600}html[data-design=arena] .login-form h2{letter-spacing:-.05em;font-weight:800}html[data-design=studio] .page-heading h1{letter-spacing:-.045em;font-size:clamp(32px,3.3vw,44px)}html[data-design=studio] .page-heading .eyebrow{color:var(--accent);font-weight:700}html[data-design=studio] .topbar{background:0 0;border-bottom-color:#0000}html[data-design=studio] .brand-mark{border-radius:15px}html[data-design=studio] .button{border-radius:100px;padding-inline:22px;font-weight:700}html[data-design=studio] .button.ghost{padding-inline:12px}html[data-design=studio] .next-activity{border:0;border-radius:26px;padding:30px}html[data-design=studio] .hero-body h2{letter-spacing:-.04em;font-size:clamp(29px,3vw,40px);line-height:1.12}html[data-design=studio] .hero-tag{border-color:#0000;border-radius:100px}html[data-design=studio] .stat-strip>button{background:var(--surface);border:1px solid var(--border);box-shadow:var(--design-shadow);border-radius:18px;padding:20px 16px}html[data-design=studio] .stat-strip strong{font-size:32px;font-weight:700}html[data-design=studio] .stat-strip .stat-icon{background:var(--accent-soft);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}html[data-design=studio] .stat-strip>button:nth-child(2) .stat-icon{background:var(--positive-soft);color:var(--positive)}html[data-design=studio] .stat-strip>button:nth-child(3) .stat-icon{background:var(--dusk);color:#944461}html[data-design=studio] .date-tile{border:0;border-radius:14px;min-width:52px;min-height:62px}html[data-design=studio] .quick-panel{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:24px}html[data-design=studio] .quick-panel>button{gap:9px;padding-inline:0;font-size:13px}html[data-design=studio] .quick-panel .icon-tile{background:var(--accent-soft);border-radius:50%}html[data-design=studio] .todo-panel h2{font-size:22px}html[data-design=studio] .onboarding-card{border:0;margin-top:0}html[data-design=studio] .plan-card{padding-top:30px;position:relative}html[data-design=studio] .plan-card>.badge{border-radius:100px;padding-inline:12px}html[data-design=studio] .plan-moment{background:var(--surface-raised);border-radius:18px;margin-block:14px;padding:20px}html[data-design=studio] .moment-number{border-radius:50%;width:38px;height:38px}html[data-design=studio] .group-card .icon-tile{border-radius:50%}html[data-design=studio] .tabs>button{border:0;border-radius:10px;padding:10px 15px}html[data-design=studio] .tabs>button.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #4835570b}html[data-design=studio] .calendar-event{border:0;border-radius:10px;margin-top:6px;padding:9px}html[data-design=studio] .content-footer{margin-top:36px}html[data-design=studio] .login-layout{grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:24px;padding:24px}html[data-design=studio] .login-story{background:#eae0f6;border-radius:30px;min-height:calc(100dvh - 48px)}html[data-design=studio] .login-form-wrap{background:var(--surface);border:0;border-radius:30px}html[data-design=studio] .story-main h1{letter-spacing:-.055em;font-size:clamp(43px,4.6vw,65px);font-weight:700;line-height:1.13}html[data-design=studio] .login-form h2{font-size:38px;font-weight:700}@media (width>=981px){html[data-design] .sidebar{width:var(--design-width);padding:25px 18px 15px}html[data-design] .workspace{margin-left:var(--design-width);width:calc(100% - var(--design-width))}html[data-design=clubhouse] .sidebar nav button{min-height:43px;font-size:13px}html[data-design=clubhouse] .dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.34fr);gap:28px}html[data-design=clubhouse] .dashboard-aside,html[data-design=arena] .app-shell{display:block}html[data-design=arena] .sidebar{border:0;border-top:5px solid var(--accent);border-bottom:1px solid var(--border);z-index:30;grid-template-columns:auto minmax(0,1fr) auto;gap:15px 32px;width:100%;height:auto;padding:20px max(30px,50vw - 745px) 0;display:grid;position:relative;inset:auto}html[data-design=arena] .sidebar-head{grid-area:1/1;padding:0}html[data-design=arena] .sidebar-head .brand{font-size:29px}html[data-design=arena] .sidebar-tools{flex-direction:row-reverse;grid-area:1/2;justify-content:flex-end;align-items:center;gap:20px;display:flex}html[data-design=arena] .sidebar-tools .design-switcher{flex:0 0 180px;width:180px}html[data-design=arena] .club-switch{background:var(--bg);border-color:#0000;width:min(280px,50%);padding:7px 10px;margin:0!important}html[data-design=arena] .club-switch .club-emblem{background:var(--accent);color:#fff;width:34px;height:34px}html[data-design=arena] .club-select .eyebrow{font-size:9px}html[data-design=arena] .club-select select{min-height:22px;font-size:12px}html[data-design=arena] .platform-identity{gap:2px;margin:0;padding:8px 12px}html[data-design=arena] .platform-identity>span:last-child{display:none}html[data-design=arena] .sidebar-bottom{grid-area:1/3;align-items:center;gap:18px;max-width:350px;margin:0;padding:0;display:flex}html[data-design=arena] .trial-card{border:0;border-right:1px solid var(--border);white-space:nowrap;background:0 0;border-radius:0;gap:0;margin:0;padding:0 16px 0 0}html[data-design=arena] .trial-card>span{font-size:10px}html[data-design=arena] .trial-card strong{font-size:12px}html[data-design=arena] .trial-card button{gap:6px;min-height:26px;font-size:10px}html[data-design=arena] .profile-button{border:0;width:auto;min-height:44px;padding:0}html[data-design=arena] .profile-button>span:nth-child(2){max-width:150px}html[data-design=arena] .profile-button small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:10px;display:block;overflow:hidden}html[data-design=arena] .sidebar nav{border-top:1px solid var(--border);flex-flow:wrap;grid-area:2/1/auto/-1;gap:0 6px;padding-top:10px;display:flex;overflow:visible}html[data-design=arena] .sidebar nav button{border:0;border-bottom:3px solid #0000;border-radius:0;gap:6px;width:auto;min-height:43px;padding:10px 11px;font-size:12px;font-weight:600}html[data-design=arena] .sidebar nav button.active{color:var(--accent);background:var(--accent-soft);border-bottom-color:var(--accent);box-shadow:none}html[data-design=arena] .sidebar nav button svg{width:16px;height:16px}html[data-design=arena] .nav-section-title{flex-basis:100%;margin:8px 0 1px;padding:0 11px;font-size:10px}html[data-design=arena] .workspace{width:100%;margin:0}html[data-design=arena] .topbar{background:var(--bg);border:0;height:51px;padding-inline:max(30px,50vw - 745px)}html[data-design=arena] .main-content{max-width:1550px;padding:17px 30px 24px}html[data-design=arena] .dashboard-grid{grid-template-columns:1fr;gap:24px}html[data-design=arena] .dashboard-main{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}html[data-design=arena] .stat-strip{grid-area:1/1/auto/-1}html[data-design=arena] .next-activity{flex-direction:column;grid-area:2/1;height:100%;min-height:360px;display:flex}html[data-design=arena] .next-activity .hero-body{flex:1}html[data-design=arena] .agenda-panel{grid-area:2/2;height:100%}html[data-design=arena] .dashboard-aside{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}html[data-design=arena] .dashboard-aside .panel,html[data-design=arena] .quick-panel{margin:0}html[data-design=studio] .sidebar{border:0;padding:24px 10px 12px}html[data-design=studio] .sidebar-head{justify-content:center;padding:0 0 18px}html[data-design=studio] .sidebar-head .brand{flex-direction:column;gap:6px}html[data-design=studio] .sidebar-head .brand-mark{background:var(--accent);color:#fff;--brand-secondary:#d5c1ed;width:43px;min-width:43px;height:43px;margin:0}html[data-design=studio] .sidebar-head .brand-name{letter-spacing:-.055em;white-space:nowrap;font-size:16px;font-weight:700}html[data-design=studio] .sidebar-tools .design-trigger{border-radius:14px;flex-direction:column;justify-content:center;gap:3px;padding:9px 6px;font-size:11px}html[data-design=studio] .sidebar-tools .design-trigger-label{text-align:center;gap:2px;width:100%}html[data-design=studio] .sidebar-tools .design-trigger-label>small{white-space:normal;font-size:9px;line-height:1.3;display:block}html[data-design=studio] .sidebar-tools .design-trigger>svg:last-child{display:none}html[data-design=studio] .club-switch{border-radius:16px;justify-content:center;width:68px;height:55px;padding:8px;position:relative;margin:10px auto 14px!important}html[data-design=studio] .club-switch:focus-within{outline:3px solid var(--accent);outline-offset:2px}html[data-design=studio] .club-emblem{border-radius:50%;width:35px;height:35px;font-size:12px}html[data-design=studio] .club-select{position:absolute;inset:0}html[data-design=studio] .club-select .eyebrow{display:none}html[data-design=studio] .club-select select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}html[data-design=studio] .platform-identity{text-align:center;gap:3px;margin:10px 0 14px;padding:10px 3px}html[data-design=studio] .platform-identity strong{font-size:11px}html[data-design=studio] .platform-identity .eyebrow{font-size:9px}html[data-design=studio] .platform-identity>span:last-child,html[data-design=studio] .platform-identity strong span{display:none}html[data-design=studio] .sidebar nav{scrollbar-width:thin;gap:3px}html[data-design=studio] .sidebar nav button{text-align:center;border:0;border-radius:15px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;min-height:59px;padding:9px 3px;font-size:10px;line-height:1.2;position:relative}html[data-design=studio] .sidebar nav button .nav-label{display:none}html[data-design=studio] .sidebar nav button .nav-short{max-width:84px;font-weight:600;display:block}html[data-design=studio] .sidebar nav button.active{background:var(--surface);color:var(--accent);box-shadow:0 3px 9px #5e39740b}html[data-design=studio] .sidebar nav button>svg{width:21px;height:21px}html[data-design=studio] .sidebar .privacy-nav-count{background:var(--accent);color:#fff;min-width:17px;padding-inline:3px;font-size:9px;position:absolute;top:3px;right:9px}html[data-design=studio] .nav-section-title{text-align:center;margin:16px 0 6px;font-size:9px}html[data-design=studio] .sidebar-bottom{padding-top:12px}html[data-design=studio] .trial-card{text-align:center;border:0;border-radius:12px;gap:2px;margin-bottom:8px;padding:9px 4px}html[data-design=studio] .trial-card>span{justify-content:center;gap:3px;font-size:8px}html[data-design=studio] .trial-card .status-dot{width:4px;height:4px}html[data-design=studio] .trial-card strong{font-size:10px}html[data-design=studio] .trial-card button{justify-content:center;gap:1px;min-height:30px;font-size:9px}html[data-design=studio] .trial-card button svg{width:11px}html[data-design=studio] .profile-button{justify-content:center;padding:12px 0 0}html[data-design=studio] .profile-button>span:nth-child(2){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html[data-design=studio] .profile-button>svg{display:none}html[data-design=studio] .profile-button .avatar{border:2px solid var(--surface);width:37px;height:37px}html[data-design=studio] .dashboard-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:25px}html[data-design=studio] .dashboard-aside{flex-direction:column;grid-area:1/1;gap:20px;display:flex}html[data-design=studio] .dashboard-main{flex-direction:column;grid-area:1/2;gap:22px;display:flex}html[data-design=studio] .dashboard-main .stat-strip{order:-1}html[data-design=studio] .dashboard-aside :is(.panel,.quick-panel){width:100%;padding:22px}html[data-design=studio] .onboarding-card{width:100%}}@media (width>=981px) and (width<=1250px){html[data-design=arena] .sidebar{column-gap:20px;padding-inline:25px}html[data-design=arena] .sidebar-bottom{max-width:200px}html[data-design=arena] .profile-button>span:nth-child(2){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html[data-design=arena] .sidebar-tools{gap:10px}html[data-design=arena] .sidebar-tools .design-switcher{flex-basis:150px;width:150px}html[data-design=arena] .sidebar nav button{padding-inline:9px;font-size:11px}html[data-design=studio] .main-content{padding-inline:28px}html[data-design=studio] .dashboard-grid{grid-template-columns:245px minmax(0,1fr);gap:20px}html[data-design=studio] .stat-strip>button{gap:7px;padding:15px 12px}html[data-design=studio] .stat-strip .stat-icon{display:none}html[data-design=clubhouse]{--design-width:225px}html[data-design=clubhouse] .main-content{padding-inline:28px}html[data-design=clubhouse] .dashboard-grid{grid-template-columns:1fr}html[data-design=clubhouse] .dashboard-aside{grid-template-columns:1fr 1fr;gap:22px;display:grid}}@media (width<=980px){html[data-design]{font-size:14px}html[data-design] .desktop-only{display:none!important}html[data-design] .mobile-only{display:inline-flex}html[data-design] .app-shell{display:block}html[data-design] .sidebar{z-index:50;visibility:hidden;pointer-events:none;width:min(315px,100vw - 30px);height:100dvh;padding:26px 20px 15px;transition:transform .2s,visibility .2s;position:fixed;inset:0 auto 0 0;overflow:visible;transform:translate(-100%);box-shadow:15px 0 70px #25203029}html[data-design] .sidebar.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}html[data-design] .mobile-close{display:inline-flex;position:absolute;top:12px;right:8px}html[data-design] .sidebar-head{padding-bottom:20px}html[data-design] .sidebar-head .brand{font-size:27px}html[data-design] .sidebar-tools .club-switch{margin-bottom:16px!important}html[data-design] .sidebar nav{flex:1;min-height:0}html[data-design] .sidebar nav button{min-height:44px}html[data-design] .sidebar-bottom{padding-top:12px}html[data-design] .sidebar-bottom .trial-card{gap:1px;margin-bottom:10px;padding:9px 12px}html[data-design] .sidebar-bottom .trial-card button{min-height:32px}html[data-design] .workspace{width:100%;margin-left:0}html[data-design] .topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;height:64px;padding-inline:14px;position:sticky;top:0}html[data-design] .topbar-actions{flex-shrink:0}html[data-design] .breadcrumb{flex:1;min-width:0}html[data-design] .breadcrumb>:is(span,svg){display:none}html[data-design] .breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html[data-design] .breadcrumb>strong:before{content:"idrivo · "}html[data-design] .main-content{padding:26px 16px 105px}html[data-design] .page-heading{gap:16px;margin-bottom:22px}html[data-design] .page-heading h1{font-size:32px}html[data-design] .page-heading>.button{padding-inline:16px}html[data-design] .panel{padding:20px}html[data-design] .dashboard-grid,html[data-design] .dashboard-main,html[data-design] .dashboard-aside{flex-direction:column;gap:20px;display:flex}html[data-design] .next-activity{padding:22px}html[data-design] .hero-body{min-height:145px;padding-block:23px}html[data-design] .hero-body h2{font-size:30px}html[data-design] .hero-body>div:first-child{max-width:100%}html[data-design] .hero-footer{flex-wrap:wrap;gap:12px}html[data-design] .hero-footer .button{font-size:12px}html[data-design] .stat-strip{gap:0;margin:0}html[data-design] .stat-strip>button{gap:7px;padding:16px 7px}html[data-design] .stat-strip strong{font-size:28px}html[data-design] .stat-strip div>span{font-size:11px}html[data-design] .stat-strip>button>svg{display:none}html[data-design] .agenda-panel h2{font-size:23px}html[data-design] .agenda-row{gap:12px;padding-block:17px}html[data-design] .quick-panel{padding:20px}html[data-design] .quick-panel>button{font-size:13px}html[data-design] .bottom-nav{height:calc(65px + env(safe-area-inset-bottom));padding:5px 12px calc(5px + env(safe-area-inset-bottom));z-index:40;background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}html[data-design] .bottom-nav button{border-radius:var(--design-control-radius);min-width:0;min-height:50px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}html[data-design] .bottom-nav button.active{background:var(--accent-soft);color:var(--accent)}html[data-design] :is(input,select,textarea){font-size:16px}html[data-design] .club-select select{font-size:13px}html[data-design] .form-dialog{border-radius:calc(var(--design-radius) + 4px)}html[data-design] .login-layout{flex-direction:column;gap:0;padding:0;display:flex}html[data-design] .login-story{border-radius:0;min-height:auto;padding:24px;display:flex}html[data-design] .story-main{padding:34px 0 20px}html[data-design] .story-main h1{font-size:38px}html[data-design] .story-main>p:not(.eyebrow){margin-top:16px;font-size:14px}html[data-design] .login-story .brand-scene,html[data-design] .story-footer{display:none}html[data-design] .login-form-wrap{border:0;border-radius:0;padding:30px 24px 34px}html[data-design] .login-design-choice{align-self:flex-end;margin-bottom:22px;position:static}html[data-design] .onboarding-brandrow{flex-wrap:wrap;gap:16px}html[data-design] .onboarding-brandrow .design-switcher{width:160px}html[data-design] .login-form{max-width:460px}html[data-design] .login-form h2{font-size:31px}html[data-design=clubhouse] .page-heading{padding-bottom:19px}html[data-design=clubhouse] .next-activity{border-top-width:3px}html[data-design=clubhouse] .stat-strip .stat-icon{display:none}html[data-design=arena] .next-activity{border-top-width:4px}html[data-design=arena] .dashboard-main .stat-strip{order:-1;gap:7px}html[data-design=arena] .stat-strip>button{border-top-width:3px;border-radius:3px}html[data-design=arena] .stat-strip .stat-icon{display:none}html[data-design=arena] .bottom-nav button.active{border-top:3px solid var(--accent);background:var(--accent-soft);border-radius:0}html[data-design=arena] .login-story{border-top-width:7px}html[data-design=studio] .next-activity{border-radius:24px}html[data-design=studio] .stat-strip{gap:8px}html[data-design=studio] .stat-strip>button{border-radius:16px;padding:16px 8px}html[data-design=studio] .stat-strip .stat-icon{width:30px;height:30px}html[data-design=studio] .bottom-nav{border:1px solid var(--border);border-radius:22px;padding-inline:7px;bottom:8px;left:10px;right:10px;box-shadow:0 5px 22px #49345712}html[data-design=studio] .bottom-nav button{border-radius:16px}html[data-design=studio] .login-story{border-radius:23px;margin:12px 12px 0}html[data-design=studio] .login-form-wrap{background:0 0}}@media (width<=400px){html[data-design] .main-content{padding-inline:12px}html[data-design] .page-heading h1{font-size:29px}html[data-design] .panel{padding:17px}html[data-design] .next-activity{padding:19px}html[data-design] .hero-body h2{font-size:27px}html[data-design] .topbar-actions>.icon-button{width:39px;min-width:39px}html[data-design] .hero-footer .button{justify-content:space-between;width:100%}html[data-design=studio] .stat-strip .stat-icon{display:none}}@media (prefers-reduced-motion:reduce){html[data-design] :is(.sidebar,.button,input,select,textarea,.nav-item){transition:none}}@media print{html[data-design] .sidebar,html[data-design] .bottom-nav{display:none}html[data-design] .workspace{width:100%;margin:0}}html[data-design=playday]{--heading-font:"Bricolage Grotesque", "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;--heading-weight:700;--bg:#fff9ee;--surface:#fffef9;--surface-raised:#f4edda;--text:#243d35;--muted:#687064;--accent:#146657;--accent-hover:#104d41;--accent-soft:#dfefe4;--lavender:#697443;--lavender-soft:#eef0da;--dusk:#ffe0c8;--border:#d9dac2;--control-border:#8f9d85;--ink:#24483b;--on-ink:#fffdf4;--ink-muted:#ccddc4;--ink-line:#6e8d74;--sp-lavender:#c4cca8;--brand-secondary:#e8996f;--positive:#2d6948;--positive-soft:#e1f0dc;--scene-fill:#eecb9d;--scene-line:#a7b481;--scene-accent:#477965;--red:#a64031;--design-radius:18px;--design-control-radius:11px;--design-shadow:3px 4px 0 #e3dfc8;--sidebar-bg:#f0f1df;--hero-bg:#ffe9b1;--hero-border:#dfc887;--feature-bg:#ffe1ce;--feature-ink:#79503b;--design-width:260px;font-family:Trebuchet MS,Arial,sans-serif}html[data-design=playday] .sidebar{--surface:#fffef9;--surface-raised:#e6ead0;border:1px solid #b8c6a7}html[data-design=playday] .sidebar-head .brand{letter-spacing:-.05em;font-size:27px}html[data-design=playday] .brand-mark{color:var(--accent);background:#ffdc81;border:1px solid #e1bd62;border-radius:12px 12px 5px;transform:rotate(-5deg)}html[data-design=playday] .sidebar nav button{border-radius:12px;font-size:13px;font-weight:600}html[data-design=playday] .sidebar nav button>svg{flex-shrink:0}html[data-design=playday] .sidebar nav button.active{color:#fffdf3;background:var(--accent);border-color:var(--accent);box-shadow:2px 3px #bdcba6}html[data-design=playday] .sidebar nav button.active .privacy-nav-count{color:var(--accent);background:#ffdf8b}html[data-design=playday] .club-switch{background:var(--surface);border-color:#b8c6a7;box-shadow:2px 3px #d4ddbe}html[data-design=playday] .club-emblem{color:#87503c;background:#ffe0c8;border-radius:50%}html[data-design=playday] .design-trigger{background:var(--surface);border-color:#b8c6a7;border-radius:12px}html[data-design=playday] .trial-card{background:#fff3c9;border-color:#dfc887}html[data-design=playday] .topbar{background:0 0;border-bottom:1px dashed #cdd4b7}html[data-design=playday] .page-heading h1{letter-spacing:-.055em;font-size:clamp(34px,3.6vw,48px);line-height:1.13}html[data-design=playday] .page-heading .eyebrow{color:var(--accent);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}html[data-design=playday] .page-heading .eyebrow:before{content:"";border:2px solid var(--accent);background:#ffdc81;border-radius:50%;width:9px;height:9px}html[data-design=playday] .button{border-radius:12px;font-weight:700}html[data-design=playday] .button.primary{box-shadow:3px 3px #becba4}html[data-design=playday] .button.primary:hover:not(:disabled){box-shadow:2px 2px #a9bc91}html[data-design=playday] .button.secondary{border-color:#a7b292;box-shadow:2px 2px #e6e4d0}html[data-design=playday] :is(.panel,.group-card,.stat-card,.plan-card){box-shadow:var(--design-shadow);border-color:#c6cfb7}html[data-design=playday] .group-card{padding:17px 18px 10px}html[data-design=playday] :is(.badge,.count-pill){border-radius:50px}html[data-design=playday] .icon-tile{color:#87503c;background:#ffe1c5;border-radius:12px 12px 5px}html[data-design=playday] .next-activity{border:1px solid #cfb874;border-radius:24px 24px 24px 8px;padding:28px;box-shadow:4px 5px #e6d6a8}html[data-design=playday] .next-activity .hero-top .eyebrow{text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:700}html[data-design=playday] .hero-body h2{letter-spacing:-.045em;max-width:650px;font-size:clamp(30px,3.2vw,43px);line-height:1.14}html[data-design=playday] .hero-footer{border-color:#cfb874;border-top-style:dashed}html[data-design=playday] .stat-strip>button{background:#e6f0dc;border:1px solid #bdcba8;border-radius:16px;padding:18px;box-shadow:3px 3px #d3dec1}html[data-design=playday] .stat-strip>button:nth-child(2){background:#ffe7d7;border-color:#ddbaa1;box-shadow:3px 3px #efcfb8}html[data-design=playday] .stat-strip>button:nth-child(3){background:#f7edbe;border-color:#d9cd99;box-shadow:3px 3px #e6dba8}html[data-design=playday] .stat-strip strong{font-family:var(--heading-font);font-size:32px;font-weight:700}html[data-design=playday] .stat-strip .stat-icon{width:36px;height:36px;color:var(--text);background:#fffdf780;border-radius:50%;flex-shrink:0;place-items:center;display:grid}html[data-design=playday] .stat-strip div>span{color:#566346;font-size:12px}html[data-design=playday] .date-tile{color:#614e20;background:#ffdc81;border:1px solid #dbbb68;border-radius:8px 14px;box-shadow:2px 2px #ece0b7}html[data-design=playday] .date-tile strong{font-family:var(--heading-font);font-size:24px}html[data-design=playday] .todo-check{background:#fff9e7;border-radius:50%}html[data-design=playday] .quick-panel{background:var(--surface);box-shadow:var(--design-shadow);border:1px solid #c6cfb7;border-radius:18px;padding:22px}html[data-design=playday] .quick-panel>button{border-radius:10px;padding-inline:0}html[data-design=playday] .quick-panel .icon-tile{color:var(--accent);background:#e6f0dc;border-color:#c3d4b1}html[data-design=playday] .onboarding-card{border:1px solid #d9b89e;border-radius:18px 7px 18px 18px;margin-top:0;padding:24px;box-shadow:3px 4px #efd0b8}html[data-design=playday] .onboarding-card h3{font-size:23px;line-height:1.2}html[data-design=playday] .progress-track{background:#ebc7ad;border-radius:99px;height:7px}html[data-design=playday] .progress-track>span{background:#a86d4a;border-radius:99px}html[data-design=playday] .content-footer{border-top:1px dashed #bcc6a8}html[data-design=playday] .footer-wordmark{color:var(--accent)}html[data-design=playday] .group-card{border-radius:16px 16px 6px}html[data-design=playday] .group-card:nth-child(3n+3) .icon-tile{color:#7f632a;background:#fff0ba}html[data-design=playday] .member-register{box-shadow:2px 3px #e3dfc8}html[data-design=playday] .avatar{color:#476138;background:#e6efda}html[data-design=playday] .member-menu-options{border-color:#bac9a7;box-shadow:3px 4px #d3ddc1}html[data-design=playday] .plan-card>.badge{color:#6c5420;background:#ffdf91;transform:rotate(-2deg)}html[data-design=playday] .plan-card h2{font-size:25px}html[data-design=playday] .plan-moment{border-bottom:1px dashed #c2cba8;padding:17px 0}html[data-design=playday] .moment-number{color:#6c5420;background:#ffdf91;border:1px solid #d9bf77;border-radius:50%;font-weight:700}html[data-design=playday] .calendar-event{color:var(--text);background:#e3efda;border-left:3px solid #89a470}html[data-design=playday] .tabs>button.active{color:var(--accent);border-bottom-color:var(--accent);background:#e8eed7;border-radius:10px 10px 0 0}html[data-design=playday] .fee-stats .stat-card{border-bottom-width:3px}html[data-design=playday] .form-dialog{border:1px solid #8f9d85;border-radius:20px;box-shadow:7px 8px #233b3529,0 20px 70px #233b3529}html[data-design=playday] .dialog-heading h2{letter-spacing:-.045em}html[data-design=playday] :is(input,select,textarea){border-radius:11px}html[data-design=playday] .product-art{background:#f6e9bf;border-radius:18px}html[data-design=playday] .sponsor-monogram{color:#87503c;background:#ffdec4;border-radius:50%}html[data-design=playday] .login-layout{background:var(--bg);grid-template-columns:1fr 1fr;gap:20px;padding:20px}html[data-design=playday] .login-story{background:#ffebad;border:1px solid #d7c37e;border-radius:26px 26px 8px;min-height:calc(100dvh - 40px);box-shadow:4px 5px #e7dba9}html[data-design=playday] .story-main h1{letter-spacing:-.055em;font-size:clamp(44px,4.6vw,68px);line-height:1.12}html[data-design=playday] .story-main h1 em{color:var(--accent);text-underline-offset:6px;-webkit-text-decoration:underline #e3b869;text-decoration:underline #e3b869;text-decoration-thickness:5px;display:inline-block;position:relative}html[data-design=playday] .login-form-wrap{background:0 0;border:0}html[data-design=playday] .login-form h2{letter-spacing:-.045em;font-size:38px}html[data-design=playday] .login-form>.badge{color:#486335;background:#e7efda;border:1px solid #c7d5b1;border-radius:50px}@media (width>=981px){html[data-design=playday] .sidebar{border-radius:22px;width:236px;height:calc(100dvh - 32px);padding:21px 15px 13px;position:fixed;inset:16px auto 16px 16px;box-shadow:4px 5px #d9dfc5}html[data-design=playday] .workspace{width:calc(100% - 270px);margin-left:270px}html[data-design=playday] .sidebar nav{flex:1;min-height:0}html[data-design=playday] .sidebar nav button{min-height:42px;padding-block:9px}html[data-design=playday] .sidebar-bottom{padding-top:15px}html[data-design=playday] .trial-card{gap:3px;margin-bottom:9px;padding:10px 12px}html[data-design=playday] .trial-card button{min-height:31px}html[data-design=playday] .topbar{height:66px;padding-inline:36px}html[data-design=playday] .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}html[data-design=playday] :is(.dashboard-main,.dashboard-aside){display:contents}html[data-design=playday] .next-activity{grid-area:1/1/auto/-1}html[data-design=playday] .next-activity .hero-body{min-height:160px;padding-block:23px}html[data-design=playday] .next-activity .hero-body>div:first-child{max-width:calc(100% - 230px)}html[data-design=playday] .next-activity .brand-scene.compact{opacity:.9;width:220px;height:180px;right:2px}html[data-design=playday] .stat-strip{grid-area:2/1/auto/-1}html[data-design=playday] .agenda-panel{grid-area:3/1/auto/3}html[data-design=playday] .todo-panel{grid-area:3/3}html[data-design=playday] .quick-panel{grid-area:4/1/auto/3;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}html[data-design=playday] .quick-panel>:is(p,h2){grid-column:1/-1}html[data-design=playday] .quick-panel>button{min-height:52px;font-size:13px}html[data-design=playday] .onboarding-card{grid-area:4/3}}@media (width>=981px) and (width<=1240px){html[data-design=playday] .main-content{padding-inline:24px}html[data-design=playday] .dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:20px}html[data-design=playday] .agenda-panel,html[data-design=playday] .quick-panel{grid-column:1}html[data-design=playday] .todo-panel,html[data-design=playday] .onboarding-card{grid-column:2}html[data-design=playday] .quick-panel{display:block}html[data-design=playday] .stat-strip>button{padding:16px 11px}html[data-design=playday] .stat-strip .stat-icon{display:none}html[data-design=playday] .hero-body h2{max-width:470px}}@media (width<=980px){html[data-design=playday] .sidebar{border-left:0;border-radius:0 22px 22px 0}html[data-design=playday] .topbar{background:var(--bg)}html[data-design=playday] .main-content{padding:25px 18px 105px}html[data-design=playday] .page-heading h1{font-size:33px}html[data-design=playday] .page-heading>.button.primary{transform:none}html[data-design=playday] :is(.panel,.group-card){padding:20px}html[data-design=playday] .next-activity{border-radius:20px 20px 20px 7px;padding:23px;box-shadow:3px 4px #e6d6a8}html[data-design=playday] .hero-body h2{font-size:31px}html[data-design=playday] .stat-strip{gap:9px}html[data-design=playday] .stat-strip>button{padding:15px 9px}html[data-design=playday] .stat-strip>button,html[data-design=playday] .stat-strip>button:first-child,html[data-design=playday] .stat-strip>button:last-child{border-radius:13px}html[data-design=playday] .stat-strip .stat-icon{display:none}html[data-design=playday] .stat-strip strong{font-size:28px}html[data-design=playday] .stat-strip div>span{font-size:11px}html[data-design=playday] .quick-panel{padding:22px}html[data-design=playday] .bottom-nav{background:#f0f1df;border-color:#b8c6a7}html[data-design=playday] .bottom-nav button.active{color:#315642;background:#ffdf91;border:1px solid #d9bf77;border-radius:12px 12px 5px}html[data-design=playday] .login-layout{grid-template-columns:1fr;gap:0;padding:0}html[data-design=playday] .login-story{border-radius:22px 22px 8px;min-height:auto;margin:12px 12px 0;padding:25px}html[data-design=playday] .story-main h1{font-size:40px}html[data-design=playday] .login-form h2{font-size:32px}}@media (width<=400px){html[data-design=playday] .main-content{padding-inline:13px}html[data-design=playday] :is(.panel,.group-card){padding:17px}html[data-design=playday] .page-heading h1{font-size:29px}html[data-design=playday] .next-activity{padding:19px}html[data-design=playday] .hero-body h2{font-size:28px}html[data-design=playday] .stat-strip{gap:7px}html[data-design=playday] .stat-strip>button{padding:14px 6px}}@media (prefers-reduced-motion:reduce){html[data-design=playday] :is(.button,.brand-mark,.hero-tag){transition:none}}@media print{html[data-design=playday] .workspace{width:100%;margin:0}html[data-design=playday] :is(.panel,.next-activity,.stat-strip>button){box-shadow:none}}html[data-design=sunday]{--heading-font:"Manrope", Arial, Helvetica, sans-serif;--heading-weight:400;--bg:#f5f4ef;--surface:#fffefa;--surface-raised:#eeece5;--text:#23272a;--muted:#63616a;--accent:#4f4965;--accent-hover:#373343;--accent-soft:#eae7f4;--lavender:#625b7b;--lavender-soft:#efedf7;--dusk:#f0eddf;--border:#d8d7d0;--control-border:#92908f;--ink:#23272a;--on-ink:#fffefa;--ink-muted:#dedbd5;--ink-line:#74727a;--sp-lavender:#c9c5ed;--brand-secondary:#8b81af;--positive:#3a6148;--positive-soft:#ecf2e2;--scene-fill:#dcd8f0;--scene-line:#aaa1c5;--scene-accent:#666074;--red:#a03935;--design-radius:4px;--design-control-radius:4px;--design-shadow:none;--sidebar-bg:#f5f4ef;--hero-bg:#e9e6f6;--hero-border:#c9c5df;--feature-bg:#f0f3e5;--feature-ink:#424b36;--design-width:210px;font-family:Manrope,Arial,Helvetica,sans-serif}html[data-design=sunday] :is(h1,h2,h3){letter-spacing:-.045em}html[data-design=sunday] :is(.page-heading h1,.hero-body h2){line-height:1.08}html[data-design=sunday] .page-heading h1{max-width:19ch;font-size:clamp(34px,3.8vw,56px)}html[data-design=sunday] .page-heading{border-bottom:1px solid var(--border);align-items:flex-end;gap:22px;margin-bottom:32px;padding-bottom:26px}html[data-design=sunday] .page-heading>div{min-width:0}html[data-design=sunday] .page-heading>.button{flex-shrink:0;margin-bottom:3px}html[data-design=sunday] :is(.eyebrow,.overline,.list-label){letter-spacing:.025em;text-transform:none;font-family:Manrope,Arial,Helvetica,sans-serif;font-size:11px;font-weight:500}html[data-design=sunday] .page-heading .eyebrow{margin-bottom:15px}html[data-design=sunday] :is(.brand,.footer-wordmark){letter-spacing:-.055em;font-weight:500}html[data-design=sunday] .brand-mark{color:var(--text);background:var(--sp-lavender);border-radius:4px}html[data-design=sunday] .sidebar{--surface:#fffefa;--surface-raised:#eeece5;border-right:0}html[data-design=sunday] .sidebar-head .brand{font-size:26px}html[data-design=sunday] .sidebar-head .brand-mark{width:30px;min-width:30px;height:30px;margin-right:8px}html[data-design=sunday] .sidebar-head .brand-mark svg{width:25px;height:25px}html[data-design=sunday] .design-trigger{border-color:var(--border);background:0 0;border-radius:4px;min-height:50px}html[data-design=sunday] :is(.club-switch,.platform-identity){border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0}html[data-design=sunday] .club-switch{gap:8px;padding:14px 5px 17px}html[data-design=sunday] .club-select{min-width:0}html[data-design=sunday] .club-select select{text-overflow:ellipsis;width:100%;max-width:100%;padding-left:0;font-size:13px}html[data-design=sunday] .sidebar nav button{color:var(--text);border-radius:3px;gap:9px;min-height:44px;padding:10px;font-size:13px;font-weight:400}html[data-design=sunday] .sidebar nav button.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--text);border-color:#0000;font-weight:600}html[data-design=sunday] .nav-label{overflow-wrap:anywhere;min-width:0}html[data-design=sunday] .trial-card{background:#eceadf;padding:12px}html[data-design=sunday] .profile-button{gap:8px}html[data-design=sunday] .profile-button>span:not(.avatar){overflow-wrap:anywhere;min-width:0}html[data-design=sunday] .profile-button .avatar{width:30px;min-width:30px;height:30px}html[data-design=sunday] .topbar{background:0 0}html[data-design=sunday] .button{box-shadow:none;font-weight:500}html[data-design=sunday] :is(.button.primary,.hero-footer .button.primary){background:var(--sp-lavender);color:var(--text);border-color:#b4afd7}html[data-design=sunday] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:var(--text);background:#bab4e1;border-color:#9b93c3}html[data-design=sunday] .hero-footer .button.primary{background:#d7ed9f;border-color:#b5cc7e}html[data-design=sunday] .hero-footer .button.primary:hover:not(:disabled){background:#cade91;border-color:#a3bb6d}html[data-design=sunday] :is(input,select,textarea){box-shadow:none;border-width:1px}html[data-design=sunday] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}html[data-design=sunday] .panel{padding:24px}html[data-design=sunday] .section-heading h2{font-size:26px}html[data-design=sunday] .next-activity{padding:27px;overflow:visible}html[data-design=sunday] .hero-top{flex-wrap:wrap;gap:14px}html[data-design=sunday] .hero-top .eyebrow{color:var(--text);font-weight:500}html[data-design=sunday] .hero-tag{color:var(--accent);background:#f8f7fc}html[data-design=sunday] .hero-body>div:first-child{min-width:0;max-width:100%}html[data-design=sunday] .hero-body h2{overflow-wrap:anywhere;max-width:19ch;font-size:clamp(32px,3.6vw,50px)}html[data-design=sunday] .hero-body .brand-scene.compact{display:none}html[data-design=sunday] .hero-meta{gap:12px 20px}html[data-design=sunday] .hero-meta>span{overflow-wrap:anywhere;min-width:0}html[data-design=sunday] .hero-footer{flex-wrap:wrap;gap:18px}html[data-design=sunday] .stat-strip{border-color:var(--border);background:0 0}html[data-design=sunday] .stat-strip strong{letter-spacing:-.065em;font-size:44px;font-weight:400}html[data-design=sunday] .stat-strip>button>div{min-width:0}html[data-design=sunday] .stat-strip div>span{overflow-wrap:anywhere;line-height:1.4}html[data-design=sunday] .stat-strip .stat-icon{color:var(--muted)}html[data-design=sunday] .date-tile{border:0;border-right:1px solid var(--border);color:var(--text);background:0 0;border-radius:0;padding-right:12px}html[data-design=sunday] .date-tile strong{letter-spacing:-.055em;font-size:27px;font-weight:400}html[data-design=sunday] .agenda-row{gap:13px}html[data-design=sunday] .agenda-content h3{letter-spacing:-.015em;font-size:15px;font-weight:500}html[data-design=sunday] .agenda-content .overline{font-size:11px}html[data-design=sunday] .quick-panel{border-block:1px solid var(--border);padding:22px 0}html[data-design=sunday] .quick-panel h2{font-size:27px}html[data-design=sunday] .quick-panel .icon-tile{color:#515a40;background:#f0f3e5;border:0;border-radius:50%}html[data-design=sunday] .quick-panel>button{text-align:left;gap:10px;min-width:0;padding:10px;line-height:1.45}html[data-design=sunday] .onboarding-card{border-color:#d8ddc9;margin:0;padding:24px}html[data-design=sunday] .onboarding-card h3{font-size:27px;font-weight:400}html[data-design=sunday] .todo-check{border-radius:50%}html[data-design=sunday] :is(.group-card,.plan-card){border-top:3px solid var(--sp-lavender)}html[data-design=sunday] .group-card h3{letter-spacing:-.02em;font-weight:500}html[data-design=sunday] .member-register{overflow:visible}html[data-design=sunday] .member-menu-options{box-shadow:0 10px 30px #23272a18}html[data-design=sunday] .member-row .avatar{background:var(--lavender-soft);color:var(--lavender)}html[data-design=sunday] .plan-moment{border-left:1px solid var(--border);padding-left:18px}html[data-design=sunday] .moment-number{border-radius:50%;font-weight:500}html[data-design=sunday] .tabs>button{font-weight:500}html[data-design=sunday] .tabs>button.active{color:var(--text);background:var(--lavender-soft);border-bottom-color:var(--text)}html[data-design=sunday] .calendar-event{background:#efedf7;border-left:3px solid #aaa2d3;font-weight:500}html[data-design=sunday] .month-day.today>strong{color:#424b36}html[data-design=sunday] .fee-stats .stat-card{border-top:3px solid var(--sp-lavender);background:0 0}html[data-design=sunday] .fee-stats .overdue-stat{border-top-color:#c78073}html[data-design=sunday] .fee-stats .paid-stat{border-top-color:#a0ad82}html[data-design=sunday] :is(.membership-explanation,.my-payment-intro){background:var(--lavender-soft)}html[data-design=sunday] :is(.form-dialog,.design-dialog){border-color:#b8b5c0;border-radius:6px;box-shadow:0 24px 90px #23272a24}html[data-design=sunday] :is(.form-dialog,.design-dialog)::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23272a55}html[data-design=sunday] .dialog-heading h2{font-size:31px}html[data-design=sunday] .content-footer{border-top-color:var(--border);margin-top:38px}html[data-design=sunday] .footer-wordmark{font-size:23px}html[data-design=sunday] .login-story{background:var(--sp-lavender);color:var(--text);border:1px solid #b6b1d7}html[data-design=sunday] .login-story .brand-mark{background:#e8e4f7}html[data-design=sunday] .story-main h1{letter-spacing:-.065em;font-size:clamp(48px,5.3vw,78px);font-weight:400;line-height:1.03}html[data-design=sunday] .story-main>p{color:#4d485e;margin-top:29px;font-size:16px}html[data-design=sunday] .login-form-wrap{background:0 0}html[data-design=sunday] .login-form h2{letter-spacing:-.055em;font-size:clamp(32px,3.2vw,44px);line-height:1.1}@media (width>=981px){html[data-design=sunday] .sidebar{padding:30px 15px 18px}html[data-design=sunday] .sidebar-head{padding:0 3px 28px}html[data-design=sunday] .club-emblem,html[data-design=sunday] .sidebar nav>button>svg{display:none}html[data-design=sunday] .sidebar nav{gap:2px}html[data-design=sunday] .workspace{width:calc(100% - var(--design-width) - 36px);min-height:calc(100dvh - 36px);margin:18px 18px 18px calc(var(--design-width) + 18px);border:1px solid var(--border);background:var(--surface)}html[data-design=sunday] .topbar{padding-inline:30px}html[data-design=sunday] .main-content{max-width:1540px;padding:34px 30px 24px}html[data-design=sunday] .dashboard-grid{flex-direction:column;gap:28px;display:flex}html[data-design=sunday] .dashboard-main{grid-template-columns:minmax(0,1fr) 184px;align-items:start;gap:26px;display:grid}html[data-design=sunday] .next-activity{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 224px;gap:0 30px;padding:30px;display:grid}html[data-design=sunday] .hero-top{grid-column:1/-1}html[data-design=sunday] .hero-footer{border-top:0;border-left:1px solid #bab4d0;flex-direction:column;justify-content:flex-end;align-self:stretch;align-items:flex-start;margin-top:28px;padding:24px 0 24px 27px}html[data-design=sunday] .hero-footer:before{content:"";pointer-events:none;border-inline:10px solid #aaa2d0;width:37px;height:40px;margin:0 0 auto 5px;display:block;transform:skew(-22deg)}html[data-design=sunday] .hero-footer>span{flex-wrap:wrap}html[data-design=sunday] .hero-footer .button{width:100%;margin-top:2px}html[data-design=sunday] .stat-strip{border:0;border-block:1px solid var(--border);border-radius:0;flex-direction:column;grid-area:2/2;gap:0;margin:0;display:flex}html[data-design=sunday] .stat-strip>button{border:0;border-radius:0;gap:10px;padding:22px 10px}html[data-design=sunday] .stat-strip>button+button{border-top:1px solid var(--border)}html[data-design=sunday] .stat-strip .stat-icon{display:none}html[data-design=sunday] .agenda-panel{border:0;border-top:1px solid var(--border);border-radius:0;grid-area:2/1;padding:22px 0 0}html[data-design=sunday] .agenda-panel .section-heading{flex-wrap:wrap;align-items:flex-start;gap:8px 18px}html[data-design=sunday] .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}html[data-design=sunday] .quick-panel{grid-area:1/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;display:grid}html[data-design=sunday] .quick-panel>:is(.eyebrow,h2){grid-column:1/-1;margin:0}html[data-design=sunday] .quick-panel h2{margin-bottom:8px}html[data-design=sunday] .quick-panel>button{border:1px solid var(--border);height:100%}html[data-design=sunday] .quick-panel>button>svg{width:14px}html[data-design=sunday] .login-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;padding:18px}html[data-design=sunday] .login-story{border-radius:4px;min-height:calc(100dvh - 36px);padding:36px clamp(26px,4vw,58px) 28px}html[data-design=sunday] .login-form-wrap{min-width:0;padding:110px clamp(24px,4vw,64px) 34px}html[data-design=sunday] .login-design-choice{top:18px;right:18px}}@media (width>=981px) and (width<=1199px){html[data-design=sunday] .main-content{padding:28px 24px 22px}html[data-design=sunday] .next-activity{padding:25px;display:block}html[data-design=sunday] .hero-footer{border-left:0;border-top:1px solid var(--hero-border);flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:19px 0 0}html[data-design=sunday] .hero-footer:before{display:none}html[data-design=sunday] .hero-footer .button{width:auto}html[data-design=sunday] .quick-panel{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design=sunday] .agenda-row>.badge{display:none}}@media (width<=980px){html[data-design=sunday] .workspace{background:var(--surface)}html[data-design=sunday] .topbar{background:var(--bg)}html[data-design=sunday] .sidebar{border-right:1px solid var(--border)}html[data-design=sunday] .main-content{padding:29px 22px 108px}html[data-design=sunday] .page-heading{flex-wrap:wrap;align-items:flex-start;gap:17px;margin-bottom:24px;padding-bottom:23px}html[data-design=sunday] .page-heading h1{font-size:clamp(34px,5.8vw,46px)}html[data-design=sunday] .page-heading>.button{max-width:100%}html[data-design=sunday] .next-activity{padding:24px}html[data-design=sunday] .hero-body h2{font-size:clamp(31px,5.3vw,43px)}html[data-design=sunday] .stat-strip{border-inline:0;border-radius:0}html[data-design=sunday] .stat-strip>button{border-radius:0;padding:18px 10px}html[data-design=sunday] .stat-strip strong{font-size:34px}html[data-design=sunday] .stat-strip .stat-icon{display:none}html[data-design=sunday] .agenda-panel{border-inline:0;border-radius:0;padding:22px 0}html[data-design=sunday] .agenda-panel .section-heading{flex-wrap:wrap;gap:10px}html[data-design=sunday] .quick-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}html[data-design=sunday] .quick-panel>:is(.eyebrow,h2){grid-column:1/-1}html[data-design=sunday] .quick-panel>button{border:1px solid var(--border)}html[data-design=sunday] .quick-panel .icon-tile{display:none}html[data-design=sunday] .bottom-nav{background:var(--bg);border-top-color:var(--border)}html[data-design=sunday] .bottom-nav button.active{color:var(--text);background:var(--sp-lavender);border-radius:3px}html[data-design=sunday] .login-layout{gap:0;padding:12px}html[data-design=sunday] .login-story{border-radius:4px;padding:25px}html[data-design=sunday] .story-main h1{font-size:clamp(42px,7vw,64px)}html[data-design=sunday] .story-main h1 em{text-underline-offset:6px;text-decoration-thickness:3px}html[data-design=sunday] .login-form-wrap{padding:26px 18px 20px}}@media (width<=480px){html[data-design=sunday] .main-content{padding-inline:16px}html[data-design=sunday] .panel{padding:19px}html[data-design=sunday] .agenda-panel{padding-inline:0}html[data-design=sunday] .next-activity{padding:21px}html[data-design=sunday] .hero-body{min-height:0;padding-block:24px}html[data-design=sunday] .hero-footer{flex-direction:column;align-items:stretch;gap:15px}html[data-design=sunday] .hero-footer .button{width:100%}html[data-design=sunday] .stat-strip>button{padding:16px 9px}html[data-design=sunday] .stat-strip strong{font-size:31px}html[data-design=sunday] .stat-strip div>span{font-size:11px}html[data-design=sunday] .quick-panel>button{padding:11px 9px;font-size:13px}html[data-design=sunday] .login-story{padding:22px}html[data-design=sunday] .story-main h1{font-size:41px}html[data-design=sunday] .login-form h2{font-size:32px}}@media print{html[data-design=sunday] .workspace{border:0;width:100%;margin:0}}html[data-design=clubcolors]{--heading-font:"Manrope", "Segoe UI", Arial, sans-serif;--heading-weight:700;--design-width:250px;--design-radius:14px;--design-control-radius:8px;--design-shadow:0 3px 15px #18212f05;--club-primary:#214e9f;--club-secondary:#fff;--club-accent:#e6ae35;--club-on-primary:#fff;--club-on-secondary:#000;--club-on-accent:#000;--club-primary-hover:#335ca7;--club-on-primary-hover:#fff;--club-primary-edge:#214e9f;--club-secondary-edge:#757575;--club-accent-edge:#936f22;--bg:#eff3f8;--surface:#fff;--surface-raised:#e4eaf3;--text:#18212f;--muted:#505c6c;--accent:#214e9f;--accent-hover:#1b4082;--accent-soft:#dee4f1;--lavender:#595959;--lavender-soft:#fff;--dusk:#fbf0db;--border:#b4c2da;--control-border:#6f7783;--focus:#214e9f;--ink:#18212f;--on-ink:#fff;--ink-muted:#d8e0eb;--ink-line:#6a7a8e;--sp-lavender:#d8e0e9;--brand-secondary:#936f22;--positive:#256140;--positive-soft:#e9f3ed;--red:#a33230;--scene-fill:#fff;--scene-line:#859eca;--scene-accent:#936f22;--sidebar-bg:#c8d3e7;--hero-bg:#d7dfee;--hero-border:#98adce;--feature-bg:#fbf0db;--feature-ink:#71551a;--club-header-bg:#f4f6fa;--club-topbar-bg:#edf1f7;--club-stat-primary-bg:#e0e6f2;--club-stat-secondary-bg:#fff;--club-stat-accent-bg:#fbf0db;font-family:Manrope,Segoe UI,Arial,sans-serif}html[data-design=clubcolors] .sidebar{--surface:#fff;--surface-raised:var(--accent-soft);border-right:1px solid var(--border);background:var(--sidebar-bg)}html[data-design=clubcolors] .sidebar:before{content:"";background:linear-gradient(90deg, var(--club-primary) 0 52%, var(--club-secondary) 52% 84%, var(--club-accent) 84% 100%);border-bottom:1px solid var(--control-border);pointer-events:none;height:8px;position:absolute;inset:0 0 auto}html[data-design=clubcolors] .sidebar-head{padding-bottom:23px}html[data-design=clubcolors] .sidebar-head .brand{letter-spacing:-.05em;font-size:25px}html[data-design=clubcolors] .brand-mark{--brand-secondary:var(--club-on-primary);background:var(--club-primary);color:var(--club-on-primary);border:1px solid var(--club-primary-edge);border-radius:11px}html[data-design=clubcolors] .club-emblem{background:var(--club-secondary);color:var(--club-on-secondary);border:1px solid var(--club-secondary-edge);border-radius:9px}html[data-design=clubcolors] .club-switch{border-radius:12px;box-shadow:0 2px 10px #18212f04}html[data-design=clubcolors] .club-select{min-width:0}html[data-design=clubcolors] .sidebar nav button{color:var(--text);border-radius:9px;font-size:12px;font-weight:600}html[data-design=clubcolors] .sidebar nav button>svg{flex-shrink:0}html[data-design=clubcolors] .sidebar nav button.active,html[data-design=clubcolors] .sidebar nav button.active:hover{background:var(--club-primary);color:var(--club-on-primary);border-color:var(--club-primary-edge);box-shadow:none}html[data-design=clubcolors] .design-trigger{border-radius:9px;min-height:48px}html[data-design=clubcolors] .trial-card{background:var(--bg);border-radius:12px}html[data-design=clubcolors] .topbar{background:var(--club-topbar-bg);border-bottom:1px solid var(--border)}html[data-design=clubcolors] .page-heading{background:var(--club-header-bg);border:1px solid var(--border);border-left:5px solid var(--club-primary);border-radius:var(--design-radius);margin-bottom:28px;padding:23px 26px}html[data-design=clubcolors] .page-heading h1{letter-spacing:-.045em;color:var(--accent-hover);font-size:clamp(31px,3vw,43px);line-height:1.15}html[data-design=clubcolors] .page-heading .eyebrow{color:var(--accent);letter-spacing:.025em;font-size:11px;font-weight:700}html[data-design=clubcolors] .button{font-weight:650}html[data-design=clubcolors] :is(.button.primary,.hero-footer .button.primary){background:var(--club-primary);color:var(--club-on-primary);border-color:var(--club-primary-edge);box-shadow:0 2px 3px #18212f08}html[data-design=clubcolors] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){background:var(--club-primary-hover);color:var(--club-on-primary-hover);border-color:var(--club-primary-edge)}html[data-design=clubcolors] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}html[data-design=clubcolors] :is(.panel,.group-card,.plan-card,.product-card){border:1px solid var(--border);border-radius:14px}html[data-design=clubcolors] .panel{padding:23px}html[data-design=clubcolors] .next-activity{border-top:4px solid var(--club-primary);box-shadow:var(--design-shadow);padding:25px}html[data-design=clubcolors] .hero-body h2{letter-spacing:-.04em;font-size:clamp(28px,2.8vw,37px);line-height:1.18}html[data-design=clubcolors] .hero-date{font-weight:650}html[data-design=clubcolors] .hero-tag{background:var(--club-accent);color:var(--club-on-accent);border-color:var(--club-accent-edge);border-radius:7px;font-weight:650}html[data-design=clubcolors] .hero-tag .status-dot{background:currentColor}html[data-design=clubcolors] .hero-footer{border-color:var(--border)}html[data-design=clubcolors] .stat-strip{background:0 0;border:0;gap:13px}html[data-design=clubcolors] .stat-strip>button{border:1px solid var(--border);background:var(--club-stat-primary-bg);box-shadow:var(--design-shadow);border-radius:12px;padding:18px 16px}html[data-design=clubcolors] .stat-strip>button:nth-child(2){background:var(--club-stat-secondary-bg)}html[data-design=clubcolors] .stat-strip>button:nth-child(3){background:var(--club-stat-accent-bg)}html[data-design=clubcolors] .stat-strip>button:hover{border-color:var(--control-border)}html[data-design=clubcolors] .stat-strip strong{font-family:var(--heading-font);font-size:31px;font-weight:700}html[data-design=clubcolors] .stat-strip div>span{color:var(--muted);font-size:11px}html[data-design=clubcolors] .stat-strip .stat-icon{color:var(--accent)}html[data-design=clubcolors] .date-tile{border:1px solid var(--club-secondary-edge);background:var(--club-secondary);color:var(--club-on-secondary);border-radius:9px}html[data-design=clubcolors] .date-tile strong{font-family:var(--heading-font);font-weight:750}html[data-design=clubcolors] .quick-panel{padding:21px 0 0}html[data-design=clubcolors] .quick-panel .icon-tile{border-radius:9px}html[data-design=clubcolors] .onboarding-card{border-color:var(--border);border-top:3px solid var(--club-accent);border-radius:14px;padding:23px}html[data-design=clubcolors] .progress-track{border-radius:10px;height:6px}html[data-design=clubcolors] .progress-track>span{border-radius:10px}html[data-design=clubcolors] .group-card{background:var(--club-stat-secondary-bg);border-top:3px solid var(--club-secondary);padding:17px 18px 10px}html[data-design=clubcolors] :is(.icon-tile,.moment-number,.avatar){color:var(--accent);background:var(--accent-soft)}html[data-design=clubcolors] .member-menu-options{border-color:var(--control-border);box-shadow:0 8px 26px #18212f14}html[data-design=clubcolors] .plan-moment{border-bottom:1px solid var(--border);padding:18px 0}html[data-design=clubcolors] .moment-number{border-radius:9px;font-weight:750}html[data-design=clubcolors] .calendar-event{border-left-color:var(--club-secondary-edge)}html[data-design=clubcolors] .tabs>button.active{background:var(--club-primary);color:var(--club-on-primary);border-color:var(--club-primary-edge);font-weight:700}html[data-design=clubcolors] :is(.plan-card,.sponsor-card,.product-card){border-top:4px solid var(--club-secondary)}html[data-design=clubcolors] .calendar-controls{background:var(--club-topbar-bg);border-radius:10px;padding:10px}html[data-design=clubcolors] .panel>.section-heading{border-bottom:2px solid var(--accent-soft);padding-bottom:14px}html[data-design=clubcolors] .fee-stats>.stat-card:not(.overdue-stat):not(.paid-stat){background:var(--club-stat-primary-bg);border-top:3px solid var(--club-primary)}html[data-design=clubcolors] .fee-stats>.stat-card:not(.overdue-stat):not(.paid-stat):last-child{background:var(--club-stat-secondary-bg);border-top-color:var(--club-secondary)}html[data-design=clubcolors] .fee-stats>.stat-card.overdue-stat{background:#fbede6}html[data-design=clubcolors] .fee-stats>.stat-card.paid-stat{background:var(--positive-soft)}html[data-design=clubcolors] :is(.payment-settings,.my-payment-intro){background:var(--club-header-bg)}html[data-design=clubcolors] .automation-card{background:var(--club-stat-accent-bg);border-left:4px solid var(--club-accent)}html[data-design=clubcolors] .panel.fee-panel{padding:0}html[data-design=clubcolors] .fee-tabs{background:var(--accent-soft);gap:8px;padding:10px 18px}html[data-design=clubcolors] .fee-tabs button{color:var(--text);border:1px solid #0000;border-radius:8px;padding:10px 13px}html[data-design=clubcolors] .fee-tabs button.active{background:var(--club-primary);color:var(--club-on-primary);border-color:var(--club-primary-edge)}html[data-design=clubcolors] :is(.fee-filters,.batch-bar){background:var(--club-topbar-bg)}html[data-design=clubcolors] .fee-list>.fee-item:hover{background:var(--accent-soft)}html[data-design=clubcolors] :is(.fee-detail .detail-total,.rule-preview){background:var(--club-stat-primary-bg)}html[data-design=clubcolors] :is(.form-dialog>.dialog-heading,.automation-dialog-heading){background:var(--club-header-bg);border-bottom:3px solid var(--club-secondary);border-radius:10px;padding:15px}html[data-design=clubcolors] .catalog-card .product-image{background:var(--club-stat-primary-bg)}html[data-design=clubcolors] .catalog-card:nth-child(3n+2) .product-image{background:var(--club-stat-secondary-bg)}html[data-design=clubcolors] .catalog-card:nth-child(3n+3) .product-image{background:var(--club-stat-accent-bg)}html[data-design=clubcolors] .form-dialog{border:1px solid var(--border);border-radius:16px}html[data-design=clubcolors] :is(.dialog-heading h2,.panel h2){letter-spacing:-.035em}html[data-design=clubcolors] .footer-wordmark{color:var(--accent);font-weight:750}html[data-design=clubcolors] .content-footer{border-color:var(--border)}@media (width>=981px){html[data-design=clubcolors] .sidebar{padding:29px 17px 14px}html[data-design=clubcolors] .sidebar nav{flex:1;min-height:0}html[data-design=clubcolors] .sidebar nav button{min-height:42px;padding-block:9px}html[data-design=clubcolors] .dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);gap:24px}html[data-design=clubcolors] .dashboard-main{gap:22px}html[data-design=clubcolors] .topbar{height:70px;padding-inline:34px}}@media (width>=981px) and (width<=1250px){html[data-design=clubcolors] .main-content{padding-inline:24px}html[data-design=clubcolors] .dashboard-grid{grid-template-columns:minmax(0,1fr)}html[data-design=clubcolors] .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}html[data-design=clubcolors] .quick-panel{padding-top:0}html[data-design=clubcolors] .onboarding-card{grid-column:1/-1;margin-top:0}}@media (width<=980px){html[data-design=clubcolors] .main-content{padding:25px 18px 105px}html[data-design=clubcolors] .page-heading h1{font-size:31px}html[data-design=clubcolors] .page-heading{border-left-width:4px;padding:19px 18px}html[data-design=clubcolors] .panel{padding:20px}html[data-design=clubcolors] .next-activity{padding:21px}html[data-design=clubcolors] .hero-body h2{font-size:29px}html[data-design=clubcolors] .stat-strip{gap:9px}html[data-design=clubcolors] .stat-strip>button{padding:14px 8px}html[data-design=clubcolors] .stat-strip strong{font-size:27px}html[data-design=clubcolors] .stat-strip .stat-icon{display:none}html[data-design=clubcolors] .quick-panel{padding:0}html[data-design=clubcolors] .bottom-nav{background:var(--sidebar-bg);border-color:var(--border)}html[data-design=clubcolors] .bottom-nav button.active{background:var(--club-primary);color:var(--club-on-primary);border:1px solid var(--club-primary-edge);box-shadow:none;border-radius:8px}}@media (width<=400px){html[data-design=clubcolors] .main-content{padding-inline:13px}html[data-design=clubcolors] .panel{padding:17px}html[data-design=clubcolors] .page-heading h1{font-size:28px}html[data-design=clubcolors] .next-activity{padding:18px}html[data-design=clubcolors] .hero-body h2{font-size:27px}html[data-design=clubcolors] .stat-strip>button{padding-inline:6px}}html[data-design=ember]{--heading-font:"Bricolage Grotesque", "Manrope", sans-serif;--heading-weight:700;--bg:#f7f3ec;--surface:#fffdf9;--surface-raised:#f0e9df;--text:#302720;--muted:#716258;--accent:#a23d17;--accent-hover:#7f2c0e;--accent-soft:#ffe2c9;--lavender:#364c9c;--lavender-soft:#edf0fa;--dusk:#ffe2c9;--border:#dfd5c8;--control-border:#9b897a;--ink:#302720;--on-ink:#fff8ef;--ink-muted:#d4c5b5;--ink-line:#7d6a59;--sp-lavender:#bbc6e5;--brand-secondary:#ff702b;--positive:#286348;--positive-soft:#e9f4ed;--red:#a33225;--scene-fill:#ffe2c9;--scene-line:#a23d17;--scene-accent:#364c9c;--sidebar-bg:#302720;--hero-bg:#ff8b4e;--hero-border:#bc4c16;--feature-bg:#edf0fa;--feature-ink:#364c9c;--design-radius:18px;--design-control-radius:9px;--design-shadow:0 2px 2px #30272003, 0 6px 20px #30272004;--design-width:262px;--ember-orange:#ff702b;--ember-orange-hover:#ff8b4e;font-family:Manrope,Segoe UI,Arial,sans-serif}html[data-design=ember] :is(h1,h2,h3){letter-spacing:-.035em;text-wrap:pretty}html[data-design=ember] .page-heading{border-bottom:1px solid var(--border);align-items:flex-end;gap:20px;margin-bottom:26px;padding-bottom:24px}html[data-design=ember] .page-heading>div{min-width:0}html[data-design=ember] .page-heading h1{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(34px,3.8vw,52px);line-height:1.06}html[data-design=ember] :is(.eyebrow,.overline,.list-label){letter-spacing:.035em;text-transform:none;font-family:Manrope,sans-serif;font-weight:650}html[data-design=ember] .page-heading .eyebrow{align-items:center;gap:9px;margin-bottom:12px;display:flex}html[data-design=ember] .page-heading .eyebrow:before{content:"";background:var(--ember-orange);border-radius:8px 2px;flex:0 0 22px;height:7px;box-shadow:4px -4px #ff702b26}html[data-design=ember] .page-heading.embedded-heading{margin-bottom:18px;padding-bottom:14px}html[data-design=ember] .sidebar{color:var(--on-ink);background:linear-gradient(105deg,#302720 35%,#30272000),radial-gradient(at 100% 0,#65412c,#30272000 65%),repeating-linear-gradient(135deg,#fff8ef08 0 1px,#0000 1px 13px),#302720;border:1px solid #4b3c30}html[data-design=ember] .sidebar :is(.sidebar-head,nav,.club-switch,.platform-identity,.design-trigger,.sidebar-bottom){--text:#fff8ef;--muted:#d4c5b5;--accent:#ff9b63;--accent-hover:#ffbb93;--accent-soft:#4b382b;--surface:#3c3027;--surface-raised:#4b3c30;--border:#655141;--control-border:#a7917b;--lavender:#ffbb93;--lavender-soft:#59402e}html[data-design=ember] .sidebar-head{padding:0 6px 20px}html[data-design=ember] .sidebar nav{scrollbar-color:#7d6a59 transparent;gap:4px;min-height:0;margin-inline:-3px;padding:3px}html[data-design=ember] .sidebar nav button{border-radius:50px;min-height:44px;padding:11px 12px;font-size:13px;font-weight:550}html[data-design=ember] .sidebar nav button.active{color:#302720;border-color:var(--ember-orange);background:linear-gradient(120deg,#ff702b,#ffba77);font-weight:800;box-shadow:0 3px #1c17114d}html[data-design=ember] .sidebar nav button.active .privacy-nav-count{color:#fff8ef;background:#302720}html[data-design=ember] .club-switch{text-align:left;border:1px solid #655141;border-radius:12px;padding:11px}html[data-design=ember] .sidebar .design-trigger{background:0 0;border-style:dashed;border-color:#655141;min-height:48px}html[data-design=ember] .sidebar .design-trigger:hover{background:#4b3c30;border-color:#ff9b63}html[data-design=ember] .sidebar .trial-card{border-radius:12px;padding:12px}html[data-design=ember] .sidebar-bottom{padding-top:16px}html[data-design=ember] .profile-button{border-radius:0 0 12px 12px;padding:13px 4px 2px}html[data-design=ember] .profile-button:hover{background:var(--surface-raised)}html[data-design=ember] .topbar{background:var(--bg);border-bottom-color:var(--border)}html[data-design=ember] .breadcrumb>strong{font-weight:700}html[data-design=ember] .today-label{background:var(--surface);border:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50px;padding:6px 12px}html[data-design=ember] :is(.button.primary,.hero-footer .button.primary){color:#fff8ef;min-height:44px;box-shadow:none;background:#a23d17;border-color:#a23d17;border-radius:9px;gap:8px;padding:11px 16px;font-weight:650;transition:background-color .14s,border-color .14s}html[data-design=ember] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:#fff8ef;box-shadow:none;background:#7f2c0e;border-color:#7f2c0e}html[data-design=ember] :is(.button.primary,.hero-footer .button.primary):active:not(:disabled){box-shadow:none;transform:none}html[data-design=ember] .button.primary>svg{color:currentColor;background:0 0;border-radius:0;flex-shrink:0;width:18px;height:18px;padding:0}html[data-design=ember] .button.secondary{background:var(--surface);border-color:var(--control-border);box-shadow:none;border-radius:9px}html[data-design=ember] .icon-button{border-radius:50%}html[data-design=ember] .button.ghost{border-radius:9px}html[data-design=ember] :is(input,select,textarea,.search-field){box-shadow:inset 0 1px 2px #30272005}html[data-design=ember] :is(input,select,textarea):focus-visible{outline-color:var(--lavender);border-color:var(--lavender)}html[data-design=ember] .club-select select{box-shadow:none}html[data-design=ember] :is(.badge,.count-pill){border-radius:6px}html[data-design=ember] .next-activity{--muted:#4d301e;--accent:#6a290f;border:1px solid var(--hero-border);background:radial-gradient(at 100% 0,#fff4db70,#0000 60%),linear-gradient(125deg,#ff8245,#ffb577 65%,#ffe4ac);border-radius:32px 32px 12px 12px;padding:26px 28px;box-shadow:0 4px #e7c9ae}html[data-design=ember] .next-activity:before{content:"";pointer-events:none;background:radial-gradient(circle,#6a290f24 1px,#0000 1.3px) 0 0/8px 8px;position:absolute;inset:0 0 0 52%;-webkit-mask-image:linear-gradient(110deg,#0000,#000);mask-image:linear-gradient(110deg,#0000,#000)}html[data-design=ember] .hero-top{position:relative}html[data-design=ember] .hero-body{min-height:170px;padding-block:24px}html[data-design=ember] .next-activity .hero-body:has(.brand-scene)>div:first-child{max-width:calc(100% - 140px)}html[data-design=ember] .hero-body h2{overflow-wrap:anywhere;max-width:23ch;font-size:clamp(29px,3.2vw,45px);font-weight:700;line-height:1.06}html[data-design=ember] .hero-date{font-size:12px;font-weight:750}html[data-design=ember] .hero-tag{color:#6a290f;background:#fff8ef;border-color:#bc4c16;border-radius:50px;font-weight:750}html[data-design=ember] .next-activity .brand-scene{opacity:1;background:url(../../../brand/ember-track.svg) 50%/contain no-repeat;width:150px;height:150px;bottom:5px;right:-6px}html[data-design=ember] .next-activity .brand-scene>*{display:none}html[data-design=ember] .hero-footer{border-top:1px dashed #8d401c;padding-top:19px;position:relative}html[data-design=ember] .hero-footer:before,html[data-design=ember] .hero-footer:after{content:"";border:1px solid var(--hero-border);background:var(--bg);pointer-events:none;border-radius:50%;width:16px;height:16px;position:absolute;top:-9px}html[data-design=ember] .hero-footer:before{left:-37px}html[data-design=ember] .hero-footer:after{right:-37px}html[data-design=ember] .next-activity .hero-footer .button.primary{color:#fff8ef;box-shadow:none;background:#302720;border-color:#302720}html[data-design=ember] .next-activity .hero-footer .button.primary>svg{color:currentColor;background:0 0}html[data-design=ember] .next-activity .hero-footer .button.primary:hover:not(:disabled){color:#fff8ef;background:#513d2e;border-color:#513d2e}html[data-design=ember] .next-activity :is(button,a):focus-visible{outline-color:#302720}html[data-design=ember] .stat-strip{background:0 0;border:0;border-radius:0;gap:10px}html[data-design=ember] .stat-strip>button{background:var(--surface);border:1px solid var(--border);box-shadow:var(--design-shadow);border-radius:12px;padding:18px 14px}html[data-design=ember] .stat-strip>button:is(:first-child,:last-child){border-radius:12px}html[data-design=ember] .stat-strip>button:hover{border-color:var(--control-border);background:#fff4e8}html[data-design=ember] .stat-strip strong{font-family:var(--heading-font);letter-spacing:-.04em;font-size:37px;font-weight:700}html[data-design=ember] .stat-strip>button:first-child{background:linear-gradient(125deg,#ffe2c9,#fff1d9);border-color:#dfb99b}html[data-design=ember] .stat-strip>button:first-child:hover{background:#ffd8b8;border-color:#b58a65}html[data-design=ember] .stat-strip>button:nth-child(2) .stat-icon{color:var(--lavender)}html[data-design=ember] .stat-strip>button:nth-child(3) .stat-icon{color:var(--accent)}html[data-design=ember] .onboarding-card{border:1px solid #bbc6e5;border-top:3px solid var(--lavender);background:radial-gradient(at 100% 100%,#d4defa,#0000 65%),#edf0fa;border-radius:8px 8px 18px 18px}html[data-design=ember] .onboarding-card .progress-track>span{background:var(--lavender)}html[data-design=ember] .date-tile{background:var(--accent-soft);box-shadow:inset 0 4px 0 var(--ember-orange);border-color:#dfb99b;border-radius:10px;font-weight:750}html[data-design=ember] .month-day.today{box-shadow:inset 0 3px 0 var(--ember-orange);background:#fff1df}html[data-design=ember] .calendar-event{border-left:3px solid var(--accent);background:#fff0e1;border-radius:3px 8px 8px 3px}html[data-design=ember] .calendar-event span{color:var(--muted)}html[data-design=ember] .panel.fee-panel{padding:0}html[data-design=ember] .fee-tabs{background:#f3ede3;gap:6px;padding:10px 12px}html[data-design=ember] .fee-tabs button{border:1px solid #0000;border-radius:9px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:650}html[data-design=ember] .fee-tabs button.active{background:var(--ember-orange);color:#302720;border-color:#b84b18;font-weight:800;box-shadow:0 2px #b84b1826}html[data-design=ember] .fee-tabs button:hover:not(.active){background:var(--surface);color:var(--text)}html[data-design=ember] .personal-navigation{border:1px solid var(--border);background:#f0e9df;border-radius:12px;gap:5px;padding:5px}html[data-design=ember] .personal-navigation a{border:1px solid #0000;border-radius:8px;margin-bottom:0}html[data-design=ember] .personal-navigation a.active{color:#302720;background:var(--ember-orange);border-color:#b84b18;font-weight:800}html[data-design=ember] .personal-navigation a.active:focus-visible{outline-offset:-4px;outline-color:#302720}html[data-design=ember] .fee-stats>.stat-card{border-top:3px solid #c6b6a6}html[data-design=ember] .fee-stats>.stat-card:first-child{border-top-color:var(--ember-orange)}html[data-design=ember] .fee-stats>.stat-card>strong{font-family:var(--heading-font);font-variant-numeric:tabular-nums;font-weight:700}html[data-design=ember] .fee-stats>.stat-card.paid-stat{background:var(--positive-soft);border-top-color:var(--positive)}html[data-design=ember] .fee-stats>.stat-card.overdue-stat{border-top-color:var(--red);background:#fff0e9}html[data-design=ember] .invoice-amount>strong{font-family:var(--heading-font);font-variant-numeric:tabular-nums;font-weight:700}html[data-design=ember] .fee-detail .detail-total{background:#fff0e1;border-block:1px dashed #c99a73;border-radius:0}html[data-design=ember] .fee-detail .detail-total>strong{font-family:var(--heading-font);font-weight:700}html[data-design=ember] :is(.fritidskortet-section,.payment-settings,.fee-overview)>summary{font-weight:650}html[data-design=ember] :is(.fritidskortet-section,.payment-settings,.fee-overview)>summary:hover{color:var(--accent)}html[data-design=ember] :is(.member-card,.full-card):not(.inactive){--muted:#604b3b;border-color:#cfac8b;border-top:5px solid var(--ember-orange);background:radial-gradient(at 100% 0,#fff2d3,#0000 60%),linear-gradient(125deg,#ffc08d,#ffe5c9 70%,#fff2e3);border-radius:10px 10px 22px 22px}html[data-design=ember] :is(.member-card,.full-card):before{border-width:1px;border-color:#c38b5752;box-shadow:0 0 0 14px #c38b5700,0 0 0 15px #c38b5733,0 0 0 29px #c38b5700,0 0 0 30px #c38b5726}html[data-design=ember] .card-bottom{border-top-style:dashed;border-top-color:#b28c6a}html[data-design=ember] .form-dialog{border-top:4px solid var(--ember-orange);border-radius:12px 12px 20px 20px}html[data-design=ember] .form-dialog::backdrop{background:#30272070}html[data-design=ember] .form-dialog .dialog-heading{border-bottom-color:var(--border)}html[data-design=ember] .content-footer{color:var(--muted);border-top-style:dashed;padding-top:22px}@media (width>=981px){html[data-design=ember] .app-shell{padding-top:16px;display:block}html[data-design=ember] .sidebar{border-radius:26px;grid-template-columns:auto minmax(0,1fr) 185px;gap:14px 24px;width:calc(100% - 32px);max-width:1516px;height:auto;margin:0 auto;padding:18px 24px;display:grid;position:relative;inset:auto;box-shadow:0 6px 20px #30272012}html[data-design=ember] .sidebar-head{grid-area:1/1;align-self:center;padding:0}html[data-design=ember] .sidebar-tools{flex-wrap:wrap;grid-area:1/2/auto/-1;justify-content:flex-end;align-items:center;gap:10px;display:flex}html[data-design=ember] .sidebar-tools .design-switcher{flex:0 0 178px;width:178px}html[data-design=ember] .sidebar .design-trigger{border-style:solid;border-radius:50px;min-height:48px;padding-inline:16px}html[data-design=ember] .sidebar-tools .club-switch{border-radius:50px;width:min(290px,100%);min-height:48px;padding:5px 12px;margin:0!important}html[data-design=ember] .club-emblem{border-radius:50%;width:32px;height:32px}html[data-design=ember] .club-select .eyebrow{margin:0;font-size:9px}html[data-design=ember] .club-select select{min-height:24px}html[data-design=ember] .platform-identity{gap:2px;margin:0;padding:8px 16px}html[data-design=ember] .sidebar nav{border-top:1px solid #655141;flex-flow:wrap;grid-area:2/1/auto/3;align-content:center;gap:5px;margin:0;padding:12px 0 0;overflow:visible}html[data-design=ember] .sidebar nav button{gap:7px;min-height:42px;padding:10px 12px;font-size:12px}html[data-design=ember] .sidebar nav button>svg{width:17px;height:17px}html[data-design=ember] .sidebar .nav-section-title{flex:1 0 100%;margin:6px 0 2px;padding-left:12px}html[data-design=ember] .sidebar-bottom{border-top:1px solid #655141;border-left:1px solid #655141;flex-direction:column;grid-area:2/3;justify-content:center;min-width:0;margin:0;padding:12px 0 0 16px;display:flex}html[data-design=ember] .sidebar-bottom .trial-card{background:0 0;border:0;gap:0;margin-bottom:6px;padding:0}html[data-design=ember] .trial-card button{min-height:30px}html[data-design=ember] .profile-button{border:0;border-radius:10px;min-height:44px;padding:6px 0}html[data-design=ember] .profile-button :is(strong,small){white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}html[data-design=ember] .workspace{width:100%;margin:0}html[data-design=ember] .main-content{max-width:1500px;padding:20px clamp(24px,3vw,46px) 24px}html[data-design=ember] .topbar{border:0;max-width:1500px;height:56px;margin:0 auto;padding-inline:clamp(24px,3vw,46px)}html[data-design=ember] .dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;gap:24px;display:grid}html[data-design=ember] :is(.dashboard-main,.dashboard-aside){display:contents}html[data-design=ember] .next-activity{flex-direction:column;grid-area:1/1;padding:28px 32px;display:flex}html[data-design=ember] .hero-body{flex:1;min-height:190px;padding-block:26px}html[data-design=ember] .hero-body h2{font-size:clamp(36px,3.4vw,52px)}html[data-design=ember] .hero-footer:before{left:-41px}html[data-design=ember] .hero-footer:after{right:-41px}html[data-design=ember] .stat-strip{grid-area:1/2;grid-template-rows:repeat(3,minmax(96px,1fr));grid-template-columns:1fr;gap:12px;margin:0;display:grid}html[data-design=ember] .stat-strip>button{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;display:grid}html[data-design=ember] .stat-strip>button>div{flex-direction:column;gap:2px;display:flex}html[data-design=ember] .stat-strip .stat-icon{border:1px solid var(--border);background:#fff8ef;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}html[data-design=ember] .stat-strip>button>svg{position:static}html[data-design=ember] .stat-strip strong{font-size:38px;line-height:1}html[data-design=ember] .agenda-panel{grid-area:2/1}html[data-design=ember] .todo-panel{grid-area:2/2;align-self:start}html[data-design=ember] .onboarding-card{grid-area:3/1/auto/-1;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);align-items:center;gap:8px 32px;margin:0;display:grid}html[data-design=ember] .onboarding-card .eyebrow{grid-column:1/-1;margin:0}html[data-design=ember] .onboarding-card h3,html[data-design=ember] .onboarding-card .progress-track{margin:0}html[data-design=ember] .dashboard-grid:not(:has(.agenda-panel)) .todo-panel{grid-column:1/-1}html[data-design=ember] .dashboard-grid:not(:has(.agenda-panel)) .todo-panel .todo-row{max-width:800px}}@media (width<=980px){html[data-design=ember] .sidebar{border-radius:0 20px 20px 0}html[data-design=ember] .topbar{background:var(--surface);border-bottom:2px solid #ecccb0}html[data-design=ember] .main-content{padding:24px 18px calc(114px + env(safe-area-inset-bottom))}html[data-design=ember] .page-heading{gap:14px;margin-bottom:20px;padding-bottom:18px}html[data-design=ember] .page-heading h1{font-size:clamp(31px,5vw,40px)}html[data-design=ember] .next-activity{padding:20px}html[data-design=ember] .hero-body{min-height:0;padding-block:20px}html[data-design=ember] .hero-body h2{font-size:30px}html[data-design=ember] .hero-footer:before{left:-29px}html[data-design=ember] .hero-footer:after{right:-29px}html[data-design=ember] .stat-strip{gap:8px}html[data-design=ember] .stat-strip>button{padding:13px 10px}html[data-design=ember] .stat-strip strong{font-size:28px}html[data-design=ember] .bottom-nav{inset:auto 10px max(10px, env(safe-area-inset-bottom));background:linear-gradient(120deg,#302720,#513622);border:1px solid #655141;border-radius:17px;width:auto;padding:6px;box-shadow:0 5px 20px #30272026}html[data-design=ember] .bottom-nav button{color:#d4c5b5;border-radius:11px;min-height:52px}html[data-design=ember] .bottom-nav button.active{color:#302720;border-color:var(--ember-orange);box-shadow:none;background:linear-gradient(120deg,#ff702b,#ffba77);font-weight:800}html[data-design=ember] .bottom-nav button:focus-visible{outline-offset:-3px;outline-color:#ffbb93}html[data-design=ember] .bottom-nav button.active:focus-visible{outline-color:#302720}}@media (width<=600px){html[data-design=ember] .next-activity .hero-body:has(.brand-scene)>div:first-child{max-width:100%}html[data-design=ember] .dashboard-grid .next-activity{padding:18px}html[data-design=ember] .dashboard-grid .hero-body h2{font-size:29px}html[data-design=ember] .hero-footer:before{left:-27px}html[data-design=ember] .hero-footer:after{right:-27px}html[data-design=ember] .stat-strip>button:nth-child(n){border-radius:10px}html[data-design=ember] .fee-tabs{gap:4px;padding:7px}html[data-design=ember] .fee-tabs button{padding-inline:12px;font-size:12px}}@media (width<=400px){html[data-design=ember] .main-content{padding-inline:13px}html[data-design=ember] .page-heading h1{font-size:30px}html[data-design=ember] .panel:not(.fee-panel){padding:17px}html[data-design=ember] .stat-strip{gap:5px}html[data-design=ember] .stat-strip>button{padding-inline:8px}html[data-design=ember] .bottom-nav{inset-inline:7px}}@media (prefers-reduced-motion:reduce){html[data-design=ember] :is(.button.primary,.hero-footer .button.primary){transition:none}html[data-design=ember] :is(.button.primary,.hero-footer .button.primary):active:not(:disabled){transform:none}}@media print{html[data-design=ember] .sidebar,html[data-design=ember] .bottom-nav{display:none}html[data-design=ember] .app-shell{padding-top:0}html[data-design=ember] .next-activity,html[data-design=ember] .form-dialog{box-shadow:none}}html[data-design=ember]{--ember-nav-clearance:calc(66px + max(10px, env(safe-area-inset-bottom)))}html[data-design=ember] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs){border:1px solid var(--border);background:#f0e9df;border-radius:14px;flex-wrap:wrap;gap:5px;min-width:0;padding:5px}html[data-design=ember] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button{min-height:44px;color:var(--muted);border:1px solid #0000;border-radius:10px;justify-content:center;min-width:0;margin:0;padding:9px 15px;font-weight:650}html[data-design=ember] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button.active{color:#302720;background:linear-gradient(115deg,#ffad70,#ffcf99);border-color:#b67548;font-weight:800;box-shadow:0 2px #a23d1714}html[data-design=ember] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button:hover:not(.active){background:var(--surface);color:var(--text)}html[data-design=ember] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button:focus-visible{outline-offset:-4px;outline-color:#302720}html[data-design=ember] :is(.form-dialog,.camp-editor,.camp-confirm) :is(input,select,textarea){background-color:#fffdf9}html[data-design=ember] .form-dialog .dialog-heading{border-bottom:1px solid var(--border);align-items:flex-start;padding-bottom:14px}html[data-design=ember] .form-dialog .dialog-heading h2{font-size:26px;line-height:1.15}html[data-design=ember] .form-dialog .dialog-heading .icon-button{background:var(--surface-raised)}html[data-design=ember] :is(.empty,.cards-empty,.camp-empty,.fund-empty){color:var(--muted);border-radius:14px}html[data-design=ember] .calendar-panel .calendar-toolbar{align-items:center;gap:12px}html[data-design=ember] .calendar-panel .calendar-period{flex-wrap:wrap;margin-block:20px 16px}html[data-design=ember] .calendar-period h2{font-size:25px;line-height:1.2}html[data-design=ember] .calendar-period .icon-button{background:var(--surface-raised);border:1px solid var(--border)}html[data-design=ember] .calendar-filters{border:1px solid var(--border);background:#faf5ed;border-radius:12px;margin-bottom:16px;padding-inline:14px}html[data-design=ember] .calendar-filters>summary{min-height:44px;font-weight:650}html[data-design=ember] .calendar-panel .agenda-row{gap:16px;padding-block:16px}html[data-design=ember] .calendar-panel .month-calendar{border-color:var(--border);margin-top:16px}html[data-design=ember] .calendar-day-list>h3{color:var(--accent);font-family:Manrope,sans-serif;font-size:12px;font-weight:750}html[data-design=ember] .activity-list-panel .activity-row{gap:14px;padding:16px 6px}html[data-design=ember] .activity-row-content strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:750}html[data-design=ember] .activity-row-date{color:var(--accent);font-weight:650}html[data-design=ember] .activity-meta.panel{background:linear-gradient(110deg,#ffe9d6,#fff5e8);border-color:#d8b99d;gap:12px 26px;padding:16px 20px}html[data-design=ember] .activity-tools{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding-inline:16px}html[data-design=ember] .activity-tool>summary{min-height:44px}html[data-design=ember] .attendance-row .person{min-width:0}html[data-design=ember] .presence-controls>button{border-radius:9px}html[data-design=ember] .save-bar{border:1px solid var(--border);z-index:10;background:#fffdf9;border-radius:14px;padding:12px 14px;box-shadow:0 4px 20px #3027200d}html[data-design=ember] .plan-card{background:linear-gradient(170deg, #fff5e8, var(--surface) 45%);border-top:3px solid #ffad70}html[data-design=ember] .plan-card-footer{border-top-style:dashed}html[data-design=ember] .plan-moment .moment-number{background:var(--accent-soft);color:var(--accent);border-radius:50%;font-weight:800}html[data-design=ember] .message-list-panel>h2,html[data-design=ember] .message-composer>.section-heading{border-bottom:1px solid var(--border);padding-bottom:16px}html[data-design=ember] .message-list-panel .message-card{padding-block:20px}html[data-design=ember] .message-card:last-child{border-bottom:0;padding-bottom:0}html[data-design=ember] .message-card .section-heading{flex-wrap:wrap;align-items:baseline;gap:8px 16px}html[data-design=ember] .message-card h3{font-family:Manrope,sans-serif;font-size:15px;font-weight:750}html[data-design=ember] .message-card .message-body{max-width:78ch;color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.7}html[data-design=ember] .document-library>.search-field{background:#faf5ed;max-width:580px}html[data-design=ember] .document-row{padding-block:16px}html[data-design=ember] .document-row>.icon-tile{color:var(--accent);background:linear-gradient(135deg,#ffe2c9,#fff1d9);border:1px solid #dfb99b;border-radius:11px}html[data-design=ember] .document-row h3{font-family:Manrope,sans-serif;font-weight:750}html[data-design=ember] .document-tools>summary{border:1px solid var(--border);background:#f7f3ec;border-radius:50%}html[data-design=ember] .people-panel .personal-section-heading{border-bottom:1px solid var(--border);background:linear-gradient(115deg,#fff0df,#fffaf2);padding:16px 20px}html[data-design=ember] .personal-row .person-avatar{color:var(--accent);background:var(--accent-soft)}html[data-design=ember] .personal-row .person-name h3{font-family:Manrope,sans-serif;font-weight:750}html[data-design=ember] .personal-roles>summary{background:#faf5ed;min-height:48px}html[data-design=ember] .definition-row{background:var(--surface);border-top:3px solid #ffad70;border-radius:14px}html[data-design=ember] .role-manager .role-search,html[data-design=ember] .role-dialog .permission-search{border-color:var(--control-border);background:#faf5ed}html[data-design=ember] .permission-option.selected{background:#fff0df;border-color:#b67548}html[data-design=ember] .panel.settings-secondary{padding:6px 18px}html[data-design=ember] .settings-secondary>summary{align-content:center;min-height:44px}html[data-design=ember] :is(.catalog-card,.camp-tile,.campaign-card){border-color:var(--border);box-shadow:var(--design-shadow);border-radius:18px}html[data-design=ember] .catalog-card:nth-child(n) .product-image,html[data-design=ember] .campaign-card .card-art{background:radial-gradient(circle,#a23d1712 1px,#0000 1.3px) 0 0/9px 9px,linear-gradient(120deg,#ffe2c9,#fff1d9)}html[data-design=ember] .catalog-card .product-title h3{margin-bottom:6px;font-size:21px}html[data-design=ember] .catalog-card .product-bottom{padding-top:18px}html[data-design=ember] .panel.shop-contact{background:#faf5ed;padding:6px 16px}html[data-design=ember] .camp-date{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 3px #ff702b}html[data-design=ember] .camp-panel.camp-booking{background:linear-gradient(150deg,#fff0df,#fffdf9 70%);border-color:#d8b99d}html[data-design=ember] .camp-booking-icon{color:var(--accent)}html[data-design=ember] .fund-hero{background:linear-gradient(115deg,#ffe2c9,#fff1d9);border-color:#d8b99d}@media (width<=980px){html[data-design=ember] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}html[data-design=ember]{scroll-padding-top:80px;scroll-padding-bottom:calc(var(--ember-nav-clearance) + 20px)}html[data-design=ember] .bottom-nav{height:auto}html[data-design=ember] .save-bar{bottom:calc(var(--ember-nav-clearance) + 10px)}html[data-design=ember] .toast{bottom:calc(var(--ember-nav-clearance) + 12px)}}@media (width<=600px){html[data-design=ember] .page-heading{gap:12px;margin-bottom:18px;padding-bottom:16px}html[data-design=ember] .page-heading h1{font-size:30px;line-height:1.1}html[data-design=ember] .page-heading .page-actions{justify-content:flex-start;gap:8px;width:100%}html[data-design=ember] .page-heading :is(.button.primary,.button.secondary){min-height:44px;padding:9px 13px;font-size:12px}html[data-design=ember] .page-heading .button.primary>svg{width:18px;height:18px;padding:0}html[data-design=ember] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs){gap:3px;padding:4px}html[data-design=ember] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button{flex:1;min-height:44px;padding:8px 7px;font-size:12px;line-height:1.3}html[data-design=ember] .calendar-panel .calendar-toolbar{flex-wrap:nowrap;gap:6px}html[data-design=ember] .calendar-toolbar .tabs{flex:1 1 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;display:grid}html[data-design=ember] .calendar-toolbar .tabs>button{padding-inline:2px}html[data-design=ember] .calendar-toolbar .refresh-control{flex-basis:44px;width:44px;height:44px;min-height:44px}html[data-design=ember] .calendar-period h2{font-size:20px}html[data-design=ember] .calendar-panel .agenda-row{gap:10px;padding-block:12px}html[data-design=ember] .calendar-filters{padding-inline:10px}html[data-design=ember] .activity-meta.panel{gap:10px 16px;padding:14px}html[data-design=ember] .activity-list-panel .activity-row{padding:13px 0}html[data-design=ember] .attendance-row .person strong{overflow-wrap:anywhere}html[data-design=ember] .presence-controls{padding-left:0}html[data-design=ember] .save-bar{flex-wrap:wrap;gap:8px;padding:10px}html[data-design=ember] .save-bar>.button{margin-left:auto}html[data-design=ember] .message-card .section-heading h3{flex:100%}html[data-design=ember] .message-card .section-heading .inline-actions{color:var(--muted);font-size:12px}html[data-design=ember] .message-list-panel .message-card{padding-block:16px}html[data-design=ember] .people-panel .personal-section-heading{padding:14px 16px}html[data-design=ember] .personal-list{padding-inline:16px}html[data-design=ember] .personal-row{padding-block:12px}html[data-design=ember] .person-details summary{min-height:44px}html[data-design=ember] .product-catalog,html[data-design=ember] .camp-grid,html[data-design=ember] .campaign-grid{gap:14px}html[data-design=ember] .catalog-card .product-image{aspect-ratio:1.8}html[data-design=ember] .catalog-card .product-content,html[data-design=ember] .campaign-card .card-content,html[data-design=ember] .camp-tile{padding:18px}html[data-design=ember] .catalog-card .product-description{margin-top:10px}html[data-design=ember] .catalog-card :is(.variant-picker,.single-variant){margin-top:14px}html[data-design=ember] .campaign-card .card-art{min-height:76px;padding:18px}html[data-design=ember] .camp-tile .camp-meta,html[data-design=ember] .camp-tile-top{margin-bottom:16px}html[data-design=ember] .fund-hero{gap:14px;padding:18px}html[data-design=ember] .form-dialog .dialog-heading h2{font-size:23px}html[data-design=ember] .form-dialog .dialog-actions{flex-wrap:wrap;gap:8px}html[data-design=ember] .form-dialog .dialog-actions>.button{min-height:44px}}@media (width<=400px){html[data-design=ember] .panel:is(.shop-contact,.settings-secondary){padding:6px 12px}html[data-design=ember] .panel.activity-meta{padding:14px}}@media (width<=360px){html[data-design=ember] .calendar-toolbar .tabs>button{font-size:11px}}@media print{html[data-design=ember] .save-bar{box-shadow:none;position:static}}html[data-design=ember] .group-section{margin-bottom:22px}html[data-design=ember] .group-section>.section-heading{margin-bottom:11px}html[data-design=ember] .group-section h2{letter-spacing:-.035em;font-size:21px}html[data-design=ember] .group-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:start;gap:10px}html[data-design=ember] .group-section .group-card{background:linear-gradient(120deg,#fffdf9 35%,#fff0df);border:1px solid #ddcdbb;border-radius:16px;padding:13px 15px 7px;position:relative;overflow:visible;box-shadow:0 2px #30272006}html[data-design=ember] .group-section .group-card:not(:has(.group-tools)){padding-bottom:13px}html[data-design=ember] .group-card-heading{gap:10px}html[data-design=ember] .group-card-heading .icon-tile{color:#78320f;background:#ffe2c9;border:1px solid #e4bfa1;border-radius:11px;width:34px;min-width:34px;height:34px}html[data-design=ember] .group-card-heading .icon-tile svg{width:18px;height:18px}html[data-design=ember] .group-card-heading h3{letter-spacing:-.025em;font-family:Bricolage Grotesque,Manrope,sans-serif;font-size:16px;line-height:1.25}html[data-design=ember] .group-card-heading p{margin-top:3px;font-size:11px}html[data-design=ember] .group-card .group-tools{margin-top:6px}html[data-design=ember] .group-card .group-tools>summary{color:#7c3518;justify-content:flex-end;min-height:44px;margin-bottom:0;font-size:11px}html[data-design=ember] .group-card .group-tools[open]>summary{margin-bottom:2px}html[data-design=ember] .group-card .group-actions{border-top:1px dashed #d8c4ae;justify-content:flex-start;gap:0 14px;margin-top:0;padding-top:6px}html[data-design=ember] .group-card .group-actions .text-button{min-height:44px;font-size:12px}html[data-design=ember] section.panel.member-register{border:1px solid #d9cbbb;border-radius:22px;padding:0;overflow:visible;box-shadow:0 3px #30272005}html[data-design=ember] section.panel.member-register>.section-heading{background:linear-gradient(100deg,#fffdf9 25%,#fffdf900 80%),radial-gradient(circle,#a23d1717 .8px,#0000 1px) 100% 0/8px 8px,linear-gradient(108deg,#fffdf9 45%,#ffe9d4);border-bottom:1px solid #dfd5c8;border-radius:22px 22px 0 0;gap:10px;margin:0;padding:10px 20px}html[data-design=ember] section.panel.member-register>.section-heading h2{letter-spacing:-.035em;margin:0;font-family:Bricolage Grotesque,Manrope,sans-serif;font-size:23px;line-height:1.15}html[data-design=ember] section.member-register>.section-heading .compact-actions>summary{color:#6e3019;background:#fffaf4;border:1px solid #9b806c;border-radius:50px;min-height:44px;padding:8px 13px;font-size:12px}html[data-design=ember] section.panel.member-register>div.member-register{padding:0 20px 9px;overflow:visible;container:ember-members/inline-size}html[data-design=ember] div.member-register .member-filters{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px 9px;margin:0;padding:16px 0 5px;display:grid}html[data-design=ember] .member-filters>label{color:#6b594c;min-width:0;margin:0;font-size:11px;font-weight:650}html[data-design=ember] .member-filters>label>input{height:44px;min-height:44px;box-shadow:none;background:#fffdf9;border:1px solid #9b806c;border-radius:50px;margin-top:6px;padding:10px 15px;font-size:13px}html[data-design=ember] .member-filters>.button.secondary{height:44px;min-height:44px;box-shadow:none;background:#f7f0e6;border-color:#9b806c;padding:10px 15px;font-size:12px}html[data-design=ember] .member-filters .register-filters>summary{color:#6b594c;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:9px 0;font-size:11px;line-height:1.5;list-style:none;display:flex}html[data-design=ember] .register-filters>summary::-webkit-details-marker{display:none}html[data-design=ember] .register-filters>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:0 0 6px;width:6px;height:6px;margin-right:4px;transform:rotate(45deg)}html[data-design=ember] .register-filters[open]>summary:after{transform:rotate(225deg)}html[data-design=ember] .member-filters .register-filters>div{background:#f8f1e7;border:1px solid #dfd0c0;border-radius:14px;gap:10px;margin-bottom:7px;padding:11px 13px 13px}html[data-design=ember] .register-filters label{color:#6b594c;font-size:11px}html[data-design=ember] .register-filters select{border-color:#9b806c;border-radius:11px;min-height:44px;font-size:12px}html[data-design=ember] div.member-register>p[role=status],html[data-design=ember] div.member-register>.payment-caption{color:#716258;margin:5px 10px 10px 0;font-size:11px;line-height:1.5;display:inline-block}html[data-design=ember] .member-register .full-caption{display:none}html[data-design=ember] .member-register .compact-caption{display:inline}html[data-design=ember] .member-list{padding-bottom:3px;overflow:visible}html[data-design=ember] .member-list .member-row{background:0 0;border-bottom:1px solid #e7ddd1;gap:8px;min-height:48px;padding:2px 0}html[data-design=ember] .member-list .member-row:last-child{border-bottom:0}html[data-design=ember] .member-row>.person{gap:10px}html[data-design=ember] .member-row .avatar{color:#795139;background:#f3e6d5;border-radius:10px;flex:0 0 30px;width:30px;height:30px;font-size:10px}html[data-design=ember] .member-row .mobile-name{color:#302720;border-radius:7px;gap:6px;min-height:44px;padding:5px 0;font-size:13px;font-weight:650;line-height:1.35}html[data-design=ember] .member-row .mobile-name>span{overflow-wrap:anywhere;min-width:0}html[data-design=ember] .member-row .mobile-name:focus-visible{outline-offset:2px;outline:2px solid #364c9c}html[data-design=ember] .member-row .self-label{color:#7b6454;font-size:10px}html[data-design=ember] .member-row .member-info.expanded{background:#faf2e7;border-left:2px solid #f39a62;border-radius:0 10px 10px 0;margin:0 0 6px;padding:6px 11px 10px}html[data-design=ember] .member-info small{overflow-wrap:anywhere;color:#6d594a;font-size:11px}html[data-design=ember] .member-info .badge{color:#67513f;background:#ede7dc;border:1px solid #daccb9;border-radius:5px;padding:3px 7px;font-size:10px}html[data-design=ember] .member-row .member-actions{gap:6px}html[data-design=ember] .member-row .payment-button{isolation:isolate;color:#716258;background:0 0;border:1px solid #0000;border-radius:50px;gap:5px;min-width:0;min-height:44px;padding:7px 11px;font-size:11px;line-height:1.35;position:relative}html[data-design=ember] .payment-button[data-payment-state=unpaid],html[data-design=ember] .payment-button[data-payment-state=partial]{color:#963716;font-weight:650}html[data-design=ember] .payment-button[data-payment-state=test_paid],html[data-design=ember] .payment-button[data-payment-state=unknown]{color:#364c9c}html[data-design=ember] .member-row .payment-button.paid{color:#286348;background:0 0;border-color:#0000}html[data-design=ember] .member-row .payment-button.paid:before{content:"";z-index:-1;background:#edf5ee;border-radius:50px;position:absolute;inset:8px 0}html[data-design=ember] .member-row .payment-button:hover:not(:disabled){background:#fff0df;border-color:#d2b69e}html[data-design=ember] .member-row .payment-button.paid:hover:not(:disabled){background:0 0;border-color:#0000}html[data-design=ember] .member-row .payment-button.paid:hover:not(:disabled):before{background:#e2efe5}html[data-design=ember] .member-row .leader-label{color:#766657;font-size:11px}html[data-design=ember] .member-row .member-menu{position:relative}html[data-design=ember] .member-menu>.icon-button{color:#6c594a;background:0 0;border:1px solid #0000;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px}html[data-design=ember] .member-menu>.icon-button:hover,html[data-design=ember] .member-menu>.icon-button:focus-visible{background:#f2e8db;border-color:#d6c1aa}html[data-design=ember] .member-menu>.icon-button[aria-expanded=true]{color:#fff8ef;background:#302720;border-color:#302720}html[data-design=ember] .member-menu .member-menu-options{z-index:40;background:#fffaf3;border:1px solid #cbb49e;border-radius:16px;width:min(240px,100vw - 40px);max-height:min(330px,60dvh);padding:6px;top:calc(100% + 4px);left:auto;right:0;overflow-y:auto;box-shadow:0 10px 32px #30272024,0 2px 5px #3027200d}html[data-design=ember] .member-menu-options>button{color:#302720;border-radius:10px;min-height:44px;padding:10px 11px;font-size:12px;line-height:1.4}html[data-design=ember] .member-menu-options>button:hover,html[data-design=ember] .member-menu-options>button:focus-visible{background:#ffe2c9}html[data-design=ember] .member-menu-options>.archive-option{color:#a33225;border-top:1px dashed #ddc8b6;border-radius:0 0 10px 10px}html[data-design=ember] .member-list .member-row:nth-last-child(-n+2):not(:first-child) .member-menu-options{top:auto;bottom:calc(100% + 4px)}html[data-design=ember] .member-register .member-detail{box-shadow:none;background:#fbf4e9;border:1px solid #d7c4b0;border-radius:16px;margin:4px 0 14px;padding:16px}html[data-design=ember] .member-detail .section-heading h2{overflow-wrap:anywhere;font-size:22px}html[data-design=ember] .member-detail .list-row{border-color:#e3d4c1;flex-wrap:wrap;gap:10px;padding:12px 0}html[data-design=ember] .member-detail .list-row>div{flex:180px;min-width:0}html[data-design=ember] .member-detail .list-row p{margin-top:3px;font-size:12px}html[data-design=ember] .form-dialog.member-editor{color:#302720;background:#fffdf9;border:1px solid #b99d83;border-radius:24px;width:min(640px,100vw - 28px);padding:25px;box-shadow:0 24px 80px #30272038}html[data-design=ember] .member-editor .dialog-heading{background:linear-gradient(115deg,#fff3e4,#ffe2c9);border-bottom:1px solid #ddc6ad;border-radius:24px 24px 0 0;margin:-25px -25px 18px;padding:23px 25px 18px}html[data-design=ember] .member-editor .dialog-heading h2{letter-spacing:-.04em;overflow-wrap:anywhere;font-family:Bricolage Grotesque,Manrope,sans-serif;font-size:clamp(25px,3vw,31px);line-height:1.1}html[data-design=ember] .member-editor .dialog-heading .eyebrow{color:#7f3819;margin-bottom:6px;font-size:10px}html[data-design=ember] .member-editor .dialog-actions{border-top:1px solid #e3d4c1;flex-wrap:wrap;align-items:center;gap:8px;padding-top:15px;display:flex}html[data-design=ember] .member-editor :is(input,select,textarea):not([type=checkbox]){background:#fffdf9;border-color:#a58b74;border-radius:12px;min-height:44px}html[data-design=ember] .member-editor :is(.member-contact,.member-identity-note){border-radius:12px}html[data-design=ember] .member-editor .member-contact summary{min-height:44px;padding:10px 0;font-size:13px}@container ember-members (width<=540px){html[data-design=ember] .member-list .member-row{grid-template-columns:minmax(0,1fr) auto 44px;gap:0 5px;padding:2px 0}html[data-design=ember] .member-row>.person,html[data-design=ember] .member-row .person>div,html[data-design=ember] .member-row .member-actions{display:contents}html[data-design=ember] .member-row .avatar{display:none}html[data-design=ember] .member-row .mobile-name{grid-area:1/1;min-height:44px;font-size:13px}html[data-design=ember] .member-row .payment-button{grid-area:1/2;gap:3px;min-height:44px;padding:6px 5px;font-size:11px}html[data-design=ember] .member-row .payment-button svg{display:none}html[data-design=ember] .member-row .payment-button.paid svg{width:12px;height:12px;display:block}html[data-design=ember] .member-row .leader-label{grid-area:1/2;font-size:11px}html[data-design=ember] .member-row .member-menu{grid-area:1/3}html[data-design=ember] .member-row .member-info.expanded{grid-area:2/1/auto/-1;margin:1px 0 7px;padding:9px 11px}}@container ember-members (width<=330px){html[data-design=ember] .register-filters>div{grid-template-columns:minmax(0,1fr)}html[data-design=ember] .member-filters>.button.secondary{padding-inline:12px}}@media (width<=540px){html[data-design=ember] .group-section .group-card{padding:12px 14px 5px}html[data-design=ember] section.panel.member-register>.section-heading{align-items:center;padding:10px 15px}html[data-design=ember] section.panel.member-register>.section-heading h2{font-size:21px}html[data-design=ember] section.panel.member-register>div.member-register{padding-inline:14px}html[data-design=ember] .member-filters>label>input,html[data-design=ember] .register-filters select{font-size:16px}html[data-design=ember] .form-dialog.member-editor{border-radius:20px;width:calc(100vw - 18px);max-height:calc(100dvh - 20px);padding:19px 17px}html[data-design=ember] .member-editor .dialog-heading{border-radius:20px 20px 0 0;margin:-19px -17px 16px;padding:20px 17px 16px}html[data-design=ember] .member-editor .dialog-heading h2{font-size:25px}html[data-design=ember] .member-editor .dialog-actions{padding-bottom:9px;bottom:-19px}html[data-design=ember] .member-editor .dialog-actions .button{white-space:normal;min-height:44px;padding:11px 14px;font-size:12px}}html[data-design=ember] .page-heading:has(.fee-heading-actions){align-items:center}html[data-design=ember] .fee-heading-actions{gap:10px 16px}html[data-design=ember] .fee-heading-actions .text-button{min-height:40px;font-size:12px}html[data-design=ember] :is(.fritidskortet-section,.payment-settings,.fee-overview){border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:12px}html[data-design=ember] :is(.fritidskortet-section,.payment-settings,.fee-overview)>summary{border-radius:13px;gap:12px;min-height:52px;padding:12px 18px;font-size:13px}html[data-design=ember] :is(.fritidskortet-section,.payment-settings,.fee-overview)[open]>summary{border-bottom:1px solid var(--border);background:#fff7ed;border-radius:13px 13px 0 0}html[data-design=ember] :is(.fritidskortet-content,.payment-settings-content){padding:20px}html[data-design=ember] .fee-overview>summary small{font-variant-numeric:tabular-nums;color:var(--text);font-weight:650}html[data-design=ember] .fee-overview .fee-stats{gap:10px;margin:0;padding:16px}html[data-design=ember] .fee-stats>.stat-card{min-width:0;box-shadow:none;border-radius:10px;gap:8px;padding:17px 16px}html[data-design=ember] .fee-stats>.stat-card>strong{overflow-wrap:anywhere;font-size:clamp(25px,2.4vw,34px)}html[data-design=ember] .fee-stats>.stat-card>small{padding-right:0;font-size:11px}html[data-design=ember] .fee-stats>.stat-card>svg{align-self:end;width:15px;height:15px;position:static}html[data-design=ember] .my-payment-intro{background:linear-gradient(115deg,#ffe2c9,#fff2e1);border:1px solid #dfb99b;border-radius:14px;gap:14px;margin-bottom:16px;padding:18px 20px}html[data-design=ember] .my-payment-intro.compact-intro{margin-bottom:16px;padding:15px 18px}html[data-design=ember] .my-payment-intro h2{font-family:var(--heading-font);margin-bottom:6px;font-size:23px;line-height:1.15}html[data-design=ember] .my-payment-intro p{font-size:12px}html[data-design=ember] .panel.fee-panel{border-color:#d8cbbd;border-radius:17px;padding:0;box-shadow:0 3px #30272006}html[data-design=ember] .fee-panel .fee-tabs{scrollbar-width:thin;border-bottom-color:var(--border);gap:6px;padding:9px 12px;scroll-padding-inline:12px}html[data-design=ember] .fee-panel .fee-tabs button{border-radius:50px;flex-shrink:0;min-height:42px;padding:9px 15px;font-size:12px}html[data-design=ember] .fee-panel .fee-tabs button:focus-visible{outline-offset:-4px}html[data-design=ember] .fee-panel .period-options{margin-inline:20px}html[data-design=ember] .fee-panel .period-options>summary{overflow-wrap:anywhere;width:auto;min-height:44px;padding-block:10px;font-size:11px}html[data-design=ember] .fee-panel .period-filter{padding-bottom:15px}html[data-design=ember] .fee-panel .fee-filters{gap:10px;padding:16px 20px}html[data-design=ember] .fee-filters .name-search{flex:210px;min-width:0!important}html[data-design=ember] .fee-filters :is(input,select){min-height:44px;font-size:13px}html[data-design=ember] .fee-filters .name-search svg{top:14px}html[data-design=ember] .fee-panel .batch-bar{border-block:1px solid var(--border);background:#f7f1e8;gap:8px 14px;padding:10px 20px;font-size:12px}html[data-design=ember] .fee-panel .batch-bar .check-label{min-height:36px}html[data-design=ember] .fee-panel .batch-bar .button{min-height:40px;padding:8px 14px;font-size:12px}html[data-design=ember] .fee-panel .fee-list{padding-inline:20px}html[data-design=ember] .fee-panel .fee-item{gap:18px;padding-block:18px}html[data-design=ember] .fee-panel .invoice-description{overflow-wrap:anywhere;gap:4px}html[data-design=ember] .fee-panel .invoice-description>strong{font-size:14px;font-weight:750}html[data-design=ember] .fee-panel .invoice-description>span{font-size:12px}html[data-design=ember] .fee-panel .invoice-description small{font-size:11px}html[data-design=ember] .fee-panel .invoice-amount{flex-shrink:0;gap:5px}html[data-design=ember] .invoice-amount>strong{letter-spacing:-.035em;font-size:23px;line-height:1.1}html[data-design=ember] :is(.fee-panel,.fee-detail) .payment-status{color:#364c9c;background:#edf0fa;border:1px solid #d2d8e9;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:650;line-height:1.4}html[data-design=ember] :is(.fee-panel,.fee-detail) .payment-status.paid{background:var(--positive-soft);color:var(--positive);border-color:#bdd4c4}html[data-design=ember] :is(.fee-panel,.fee-detail) .payment-status.late{color:var(--red);background:#fff0e9;border-color:#dfb3a5}html[data-design=ember] .fee-item>.button{min-height:40px;padding:8px 14px;font-size:12px}html[data-design=ember] .fee-panel .membership-explanation{border:1px solid #d6ddeb;border-radius:10px;margin:0 20px 14px;padding:12px 14px;font-size:12px}html[data-design=ember] .fee-panel .member-overview{padding-inline:20px}html[data-design=ember] .member-overview article{gap:18px;padding-block:18px}html[data-design=ember] .member-overview :is(.person-column,.membership-column,.member-payment){overflow-wrap:anywhere;min-width:0}html[data-design=ember] .member-overview .person-column>div>strong{font-size:13px}html[data-design=ember] .member-overview .member-payment{gap:7px;font-size:12px}html[data-design=ember] .fee-panel .fee-empty{padding:34px 20px}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog,.automation-dialog){background:var(--surface);color:var(--text);border:1px solid #d6c8ba;border-top:4px solid var(--ember-orange);overscroll-behavior:contain;border-radius:14px 14px 22px 22px;padding:26px;overflow:auto;box-shadow:0 20px 80px #30272035}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog,.automation-dialog)::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30272080}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-heading,html[data-design=ember] .automation-dialog-heading{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:16px}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-heading>div,html[data-design=ember] .automation-dialog-heading>div{min-width:0}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-heading h2,html[data-design=ember] .automation-dialog h2{font-family:var(--heading-font);overflow-wrap:anywhere;font-size:clamp(24px,3vw,31px);font-weight:700;line-height:1.12}html[data-design=ember] .fee-detail .detail-total{background:linear-gradient(115deg,#ffe2c9,#fff1db);border:1px dashed #c99a73;border-radius:12px;gap:14px;margin:18px 0 22px;padding:19px 20px}html[data-design=ember] .fee-detail .detail-total>strong{font-variant-numeric:tabular-nums;font-size:clamp(30px,6vw,40px);line-height:1}html[data-design=ember] .fee-detail .invoice-facts div{border-bottom:1px solid var(--border);margin:0;padding-block:9px;font-size:12px}html[data-design=ember] .fee-detail .invoice-facts dd{font-variant-numeric:tabular-nums}html[data-design=ember] .fee-detail .reference{color:var(--text);letter-spacing:.035em;font-weight:800}html[data-design=ember] .fee-detail .payment-instructions{border:1px solid var(--border);background:#f6f1e8;border-radius:12px;padding:17px 18px}html[data-design=ember] .fee-detail .payment-instructions p+p{margin-top:10px}html[data-design=ember] .fee-detail .payment-instructions .text-button{min-height:40px;margin-top:12px}html[data-design=ember] .fee-detail :is(.manage-payment-actions,.minor-actions){gap:8px 16px}html[data-design=ember] .fee-detail .minor-actions .text-button{min-height:40px;margin-block:8px}html[data-design=ember] .fee-detail :is(.remind-confirm,.receipt-confirm){border:1px solid var(--border);background:#f7f1e8;border-radius:11px;padding:15px}html[data-design=ember] .fee-detail .receipt-confirm{background:var(--positive-soft);border-color:#bdd4c4}html[data-design=ember] .fee-detail .action-form label{margin-block:14px}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-actions,html[data-design=ember] .automation-dialog .dialog-footer{flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px}html[data-design=ember] .fee-detail :is(.payment-history,.test-payment)>summary{min-height:40px;padding-block:7px;font-size:12px}html[data-design=ember] .payment-dialog .payment-item{gap:10px;padding-block:15px}html[data-design=ember] .payment-dialog .payment-item>div{flex-basis:190px}html[data-design=ember] .payment-dialog form{border-top:1px dashed var(--border);margin-top:18px;padding-top:18px}html[data-design=ember] .payment-dialog .form-fields>.check-label{background:var(--positive-soft);border:1px solid #bdd4c4;border-radius:10px;padding:13px}html[data-design=ember] .fee-editor .fee-steps{gap:16px;margin:0 0 22px;padding-bottom:16px}html[data-design=ember] .fee-editor .fee-steps li{gap:7px;font-size:12px}html[data-design=ember] .fee-editor .fee-steps .current{color:var(--text);font-weight:750}html[data-design=ember] .fee-editor .fee-steps .current>span{background:var(--ember-orange);color:#302720;border:1px solid #b84b18}html[data-design=ember] .fee-editor .fee-steps .done>span{color:var(--positive);background:var(--positive-soft)}html[data-design=ember] .fee-editor :is(.purpose-options,.selection-options){gap:9px;margin-block:18px}html[data-design=ember] .fee-editor .purpose-options button{border-radius:12px;padding:16px}html[data-design=ember] .fee-editor :is(.purpose-options,.selection-options) .chosen{color:#302720;background:#ffe2c9;border-color:#b84b18;box-shadow:inset 0 0 0 1px #b84b18}html[data-design=ember] .fee-editor :is(.selection-summary,.membership-choice){border:1px solid var(--border);background:#f5f0e6;padding:15px}html[data-design=ember] .fee-editor .review-total{color:var(--text);background:linear-gradient(115deg,#ffe2c9,#fff1db);border:1px solid #dfb99b;padding:18px}html[data-design=ember] .fee-editor .review-total :is(strong,b){font-family:var(--heading-font);font-weight:700}html[data-design=ember] .fee-editor .review-total b{font-size:29px}html[data-design=ember] .fee-editor .member-picker{background:#fffaf3;border-radius:11px}html[data-design=ember] .automation-card{border:1px solid var(--border);border-left:4px solid var(--ember-orange);box-shadow:none;border-radius:12px;margin-bottom:16px;padding:18px}html[data-design=ember] .automation-flow{gap:8px 12px;margin-block:15px;font-size:12px}html[data-design=ember] .automation-flow>span{border:1px solid var(--border);background:#f6f0e7;border-radius:50px;padding:6px 9px}html[data-design=ember] .automation-dialog .panel{box-shadow:none;border-radius:13px;padding:19px}html[data-design=ember] .automation-dialog :is(.rule-settings,.plan-form){gap:18px}html[data-design=ember] .automation-dialog :is(.fields-two,.plans-grid){gap:14px}html[data-design=ember] .automation-dialog .type-choices{gap:7px}html[data-design=ember] .automation-dialog .type-choices .check-label{border:1px solid var(--border);background:var(--surface);border-radius:9px;min-height:40px;margin:0;padding:7px 10px;font-size:12px}html[data-design=ember] .automation-dialog .type-choices .check-label:has(input:checked){color:#302720;background:#ffe2c9;border-color:#b84b18}html[data-design=ember] .automation-dialog .rule-preview{background:#fff3e4;border:1px solid #dfb99b;padding:14px;font-size:12px}html[data-design=ember] .automation-dialog .period-line{gap:12px;padding-block:12px}html[data-design=ember] .automation-dialog .period-line>strong{font-family:var(--heading-font);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px}html[data-design=ember] .automation-dialog .period-line>div{overflow-wrap:anywhere;min-width:0}html[data-design=ember] .automation-dialog :is(.period-editor,.group-picker){background:#fffaf3;border-color:#d6c8ba;min-width:0;margin-bottom:16px;padding:16px}html[data-design=ember] .automation-dialog .person-rule{gap:10px;padding-block:12px}html[data-design=ember] .automation-dialog .inline-actions{flex-wrap:wrap;gap:10px}html[data-design=ember] .automation-dialog .person-rule :is(strong,label,select){overflow-wrap:anywhere;min-width:0}html[data-design=ember] .automation-dialog .issue-card{border-left:3px solid var(--red);background:#fff7f2}@media (width<=650px){html[data-design=ember] .fee-heading-actions{justify-content:space-between;gap:8px;width:100%}html[data-design=ember] :is(.fritidskortet-section,.payment-settings,.fee-overview)>summary{gap:8px;min-height:48px;padding:11px 13px;font-size:12px}html[data-design=ember] .fee-overview>summary>small{padding-left:26px;font-size:11px}html[data-design=ember] :is(.fritidskortet-content,.payment-settings-content){padding:13px}html[data-design=ember] .fee-overview .fee-stats{gap:8px;padding:10px}html[data-design=ember] .fee-stats>.stat-card{gap:6px;padding:12px 10px}html[data-design=ember] .fee-stats>.stat-card>strong{font-size:clamp(21px,5.2vw,28px)}html[data-design=ember] .fee-stats>.stat-card>span{font-size:11px}html[data-design=ember] .my-payment-intro.compact-intro{padding:13px 14px}html[data-design=ember] .my-payment-intro h2{font-size:21px}html[data-design=ember] .fee-panel .fee-tabs{gap:4px;padding:7px}html[data-design=ember] .fee-panel .fee-tabs button{min-height:44px;padding-inline:12px;font-size:12px}html[data-design=ember] .fee-panel .period-options{margin-inline:13px}html[data-design=ember] .fee-panel .fee-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px;display:grid}html[data-design=ember] .fee-filters .name-search{grid-column:1/-1;width:100%}html[data-design=ember] .fee-filters :is(input,select){width:100%;min-width:0;padding-block:9px;font-size:16px}html[data-design=ember] .fee-filters>.button{justify-self:start;min-height:44px;padding:9px 12px;font-size:11px}html[data-design=ember] .fee-panel .batch-bar{padding:9px 13px;font-size:11px}html[data-design=ember] .fee-panel .batch-bar .button{min-height:44px;font-size:11px}html[data-design=ember] .fee-panel .fee-list{padding-inline:13px}html[data-design=ember] .fee-panel .fee-item{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px 12px;padding-block:15px;display:grid}html[data-design=ember] .fee-panel .fee-item.with-selection{grid-template-columns:18px minmax(0,1fr) auto;gap:9px}html[data-design=ember] .fee-item .row-choice{grid-area:1/1;width:18px;padding-top:3px}html[data-design=ember] .fee-item .invoice-description{grid-area:1/1/3;gap:3px}html[data-design=ember] .fee-item.with-selection .invoice-description{grid-column:2}html[data-design=ember] .fee-item .invoice-amount{grid-area:1/2;justify-self:end;align-items:flex-end;min-width:0;max-width:min(154px,45vw)}html[data-design=ember] .fee-item.with-selection .invoice-amount{grid-column:3}html[data-design=ember] .fee-panel .invoice-description>strong{font-size:12px}html[data-design=ember] .fee-panel .invoice-description>span,html[data-design=ember] .fee-panel .invoice-description small{font-size:11px;line-height:1.5}html[data-design=ember] .invoice-amount>strong{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:clamp(18px,4.6vw,22px)}html[data-design=ember] .fee-item .payment-status{text-align:right;overflow-wrap:anywhere;max-width:min(154px,45vw);padding:3px 6px;font-size:10px}html[data-design=ember] .fee-item>.button{grid-area:2/2;justify-self:end;min-height:44px;padding:8px 12px;font-size:11px}html[data-design=ember] .fee-item.with-selection>.button{grid-column:3}html[data-design=ember] .fee-panel .membership-explanation{margin-inline:13px;padding:11px 12px;font-size:11px}html[data-design=ember] .fee-panel .member-overview{padding-inline:13px}html[data-design=ember] .member-overview article{gap:10px;padding-block:15px}html[data-design=ember] .member-overview .person-column{gap:10px}html[data-design=ember] .member-overview .membership-line,html[data-design=ember] .member-overview .member-payment{margin-left:48px}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog,.automation-dialog){border-radius:12px 12px 18px 18px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-heading h2,html[data-design=ember] .automation-dialog h2{font-size:25px}html[data-design=ember] .fee-detail .detail-total{flex-wrap:wrap;margin-block:14px 18px;padding:16px}html[data-design=ember] .fee-detail .detail-total>strong,html[data-design=ember] .fee-editor .review-total b{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}html[data-design=ember] .fee-detail .invoice-facts div{gap:12px;font-size:11px}html[data-design=ember] .fee-detail .payment-instructions{padding:14px}html[data-design=ember] .fee-detail .manage-payment-actions{grid-template-columns:1fr;display:grid}html[data-design=ember] .fee-detail .manage-payment-actions>.button{justify-content:center;width:100%}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-actions,html[data-design=ember] .automation-dialog .dialog-footer{grid-template-columns:1fr;display:grid}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-actions>.button,html[data-design=ember] .automation-dialog .dialog-footer>.button{justify-content:center;width:100%}html[data-design=ember] .payment-dialog .payment-item>div{flex-basis:100%}html[data-design=ember] .payment-dialog .payment-item>.button{min-height:44px;font-size:12px}html[data-design=ember] .fee-editor .fee-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}html[data-design=ember] .fee-editor .fee-steps li{gap:5px;min-width:0;font-size:11px}html[data-design=ember] .fee-editor .fee-steps li>span{flex-shrink:0;width:23px;height:23px}html[data-design=ember] .fee-editor :is(.purpose-options,.field-pair){grid-template-columns:1fr}html[data-design=ember] .fee-editor .purpose-options button{padding:13px 14px}html[data-design=ember] .fee-editor .review-total{gap:10px;padding:15px}html[data-design=ember] .fee-editor .review-total b{margin-left:0;font-size:29px}html[data-design=ember] .fee-editor .review-list>div{flex-wrap:wrap;gap:8px}html[data-design=ember] .fee-editor .review-person{overflow-wrap:anywhere;min-width:0}html[data-design=ember] .automation-card,html[data-design=ember] .automation-dialog .panel{padding:14px}html[data-design=ember] .automation-dialog :is(.fields-two,.plans-grid){grid-template-columns:1fr}html[data-design=ember] .automation-dialog .type-choices .check-label{min-height:44px;padding:8px 10px}html[data-design=ember] .automation-dialog .person-search{min-width:0}html[data-design=ember] .automation-dialog .person-rule{grid-template-columns:minmax(0,1fr) auto}html[data-design=ember] .automation-dialog .period-line>strong{font-size:21px}html[data-design=ember] .fee-heading-actions :is(.button,.text-button),html[data-design=ember] .fee-detail :is(.minor-actions .text-button,.payment-instructions .text-button),html[data-design=ember] .automation-dialog .text-button{min-height:44px}html[data-design=ember] .fee-detail :is(.payment-history,.test-payment)>summary{align-content:center;min-height:44px}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog) .dialog-heading .icon-button,html[data-design=ember] .automation-dialog-heading .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}}@media (width<=380px){html[data-design=ember] .fee-heading-actions{flex-direction:column;align-items:flex-start}html[data-design=ember] .fee-panel .fee-item{gap:8px}html[data-design=ember] .fee-item .invoice-description{grid-area:1/1/auto/-1}html[data-design=ember] .fee-item.with-selection .invoice-description{grid-column:2/-1}html[data-design=ember] .fee-item .invoice-amount{grid-area:2/1;justify-self:start;align-items:flex-start;max-width:100%}html[data-design=ember] .fee-item.with-selection .invoice-amount{grid-column:2}html[data-design=ember] .fee-item .payment-status{text-align:left;max-width:100%}html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog,.automation-dialog){padding:15px}html[data-design=ember] .fee-editor .fee-steps li{flex-wrap:wrap;align-content:start}html[data-design=ember] .fee-panel .period-filter{grid-template-columns:1fr}}@media print{html[data-design=ember] .panel.fee-panel,html[data-design=ember] :is(.fee-detail,.fee-editor,.payment-dialog,.automation-dialog){box-shadow:none}html[data-design=ember] .panel.fee-panel{overflow:visible}}html[data-design]{--mobile-nav-clearance:calc(65px + env(safe-area-inset-bottom))}html[data-design] :is(.page-heading,.section-heading,.dialog-heading)>div,html[data-design] :is(.invoice-description,.activity-row-content,.document-copy,.account-info){min-width:0}html[data-design] :is(.page-heading h1,.invoice-description strong,.document-copy strong){overflow-wrap:anywhere}html[data-design] .button{text-wrap:pretty;max-width:100%;min-height:44px;line-height:1.35}html[data-design] .button>svg{flex-shrink:0}html[data-design] .button:disabled{cursor:not-allowed}html[data-design] .stat-strip>button:focus-visible{outline-offset:-4px;outline:2px solid}html[data-design] :is(.member-menu-options button,.person-details summary,.role-tabs button){min-height:44px}html[data-design] .member-menu-options{z-index:45;overscroll-behavior:contain;max-height:min(360px,65dvh);overflow-y:auto}html[data-design] .panel.member-register{overflow:visible}html[data-design] .panel.fee-panel{padding:0}html[data-design] :is(.fee-filters,.period-filter)>label{min-width:0}html[data-design] .fee-filters .name-search,html[data-design] .fee-filters .name-search input{min-width:0!important}html[data-design] .fee-detail .detail-total{flex-wrap:wrap}html[data-design] .fee-detail .detail-total>strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}@media (width<=980px){html[data-design]:not([data-design=ember]){scroll-padding-top:80px;scroll-padding-bottom:calc(var(--mobile-nav-clearance) + 20px)}html[data-design]:not([data-design=ember]) .main-content{padding-bottom:calc(var(--mobile-nav-clearance) + 30px)}html[data-design]:not([data-design=ember]) .save-bar{bottom:calc(var(--mobile-nav-clearance) + 10px)}html[data-design]:not([data-design=ember]) .toast{bottom:calc(var(--mobile-nav-clearance) + 12px)}html[data-design] :is(.workspace,.sidebar,.form-dialog,.design-dialog,.login-layout,.join-onboarding,.onboarding-page) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]){font-size:16px}html[data-design] :is(.icon-button,.refresh-control,.member-menu>button){min-width:44px;min-height:44px}html[data-design] .refresh-control{flex-basis:44px;width:44px;height:44px}html[data-design] .sidebar nav button{min-height:44px}}@container (width<=540px){html[data-design] .member-row{grid-template-columns:minmax(0,1fr) auto 44px;gap:0 8px}html[data-design] .member-row :is(.mobile-name,.payment-button,.member-menu>button){min-height:44px}html[data-design] .member-row .member-menu>button{width:44px;min-width:44px}}@media (width<=600px){html[data-design] .form-dialog{overscroll-behavior:contain;width:min(650px,100vw - 20px);max-height:calc(100dvh - 20px);padding:20px}html[data-design] .form-dialog .dialog-actions{flex-wrap:wrap;gap:8px}html[data-design] .dialog-heading{align-items:flex-start;gap:12px}html[data-design] .dialog-heading h2{overflow-wrap:anywhere}html[data-design] .calendar-panel .calendar-toolbar{flex-wrap:nowrap;gap:6px}html[data-design] .calendar-toolbar .tabs{flex:1 1 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-width:0;display:grid}html[data-design] .calendar-toolbar .tabs>button{min-width:0;min-height:44px;padding-inline:2px;font-size:12px}html[data-design] .calendar-toolbar .refresh-control{flex:0 0 44px}html[data-design] .presence-controls{padding-left:0}html[data-design] .presence-controls>button{min-height:44px}html[data-design] .save-bar{flex-wrap:wrap;gap:10px}html[data-design] .save-bar>.button{margin-left:auto}html[data-design] .fee-item .invoice-amount{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;max-width:100%}html[data-design] .fee-item .payment-status{white-space:normal;max-width:100%}html[data-design] .panel:is(.settings-secondary,.shop-contact){padding:6px 14px}}@media (width<=380px){html[data-design] .form-dialog{padding:16px}html[data-design] .form-dialog .dialog-actions>.button{flex:100%}html[data-design] .calendar-toolbar .tabs>button{font-size:11px}}@media (prefers-reduced-motion:reduce){html[data-design] :is(.button,.sidebar nav button,.design-option){transition:none}}@media print{html[data-design] .save-bar{box-shadow:none;position:static}}html[data-design] .app-shell{min-height:100dvh;padding:0;display:block}html[data-design] .sidebar{width:var(--design-width);border:0;border-right:1px solid var(--border);z-index:30;border-radius:0;flex-direction:column;gap:0;max-width:none;height:100dvh;min-height:0;margin:0;padding:25px 16px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}html[data-design] .sidebar-head{flex:none;grid-area:auto;justify-content:flex-start;min-width:0;margin:0;padding:0 8px 22px}html[data-design] .sidebar-tools{flex-direction:column;flex-shrink:0;grid-area:auto;justify-content:flex-start;align-items:stretch;gap:8px;width:100%;min-width:0;margin:0 0 14px;display:flex}html[data-design] .sidebar-tools .design-switcher{flex:none;width:100%}html[data-design] .sidebar-tools .design-trigger{text-align:left;border-style:solid;border-radius:10px;flex-direction:row;gap:9px;min-height:44px;padding:8px 10px;display:flex}html[data-design] .sidebar-tools .design-trigger-label{text-align:left;display:grid}html[data-design] .sidebar-tools .design-trigger-label small{display:none}html[data-design] .sidebar-tools .design-trigger-label strong{font-size:12px}html[data-design] .sidebar-tools .design-trigger>svg:last-child{display:block}html[data-design] .sidebar .club-switch{border:1px solid var(--border);border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:auto;min-height:62px;padding:10px;display:flex;margin:0!important}html[data-design] .sidebar .club-emblem{border-radius:8px;width:32px;min-width:32px;height:32px;font-size:11px;transform:none}html[data-design] .sidebar .club-select{flex:1;min-width:0;position:static}html[data-design] .sidebar .club-select .eyebrow{text-align:left;letter-spacing:0;margin:0 0 3px;font-size:9px;display:block}html[data-design] .sidebar .club-select select{opacity:1;width:100%;height:auto;min-height:24px;padding:0;font-size:12px;font-weight:650;position:static}html[data-design] .sidebar .app-navigation{scrollbar-width:thin;overscroll-behavior:contain;border:0;flex:auto;grid-area:auto;width:100%;min-height:0;margin:0;padding:0 3px 12px;display:block;overflow:hidden auto}html[data-design] .app-navigation .nav-section{min-width:0;margin:0 0 16px;padding:0}html[data-design] .app-navigation .nav-section-title{text-align:left;text-transform:uppercase;letter-spacing:.07em;width:auto;color:var(--muted);margin:0 10px 7px;padding:0;font-family:inherit;font-size:10px;font-weight:650;line-height:1.4;display:block}html[data-design] .app-navigation .nav-section-items{gap:3px;display:grid}html[data-design] .app-navigation .nav-item{text-align:left;width:100%;min-width:0;min-height:40px;box-shadow:none;border:1px solid #0000;border-radius:9px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin:0;padding:9px 10px;font-size:12px;font-weight:550;line-height:1.4;display:flex;position:relative;transform:none}html[data-design] .app-navigation .nav-item>svg{width:18px;height:18px;display:block}html[data-design] .app-navigation .nav-item .nav-label{overflow-wrap:anywhere;min-width:0;display:block}html[data-design] .app-navigation .nav-item .nav-short{display:none}html[data-design] .app-navigation .privacy-nav-count{background:var(--accent-soft);min-width:20px;height:20px;color:var(--accent);border-radius:6px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:static}html[data-design] .app-navigation .nav-section-trigger{display:none}html[data-design] .sidebar-bottom{border-top:1px solid var(--border);flex:none;grid-area:auto;width:100%;max-width:none;margin:0;padding:12px 0 0;display:block}html[data-design] .sidebar .trial-card{border:1px solid var(--border);text-align:left;white-space:normal;border-radius:10px;margin:0 0 10px;padding:10px}html[data-design] .sidebar .trial-card :is(strong,button){font-size:11px}html[data-design] .sidebar .trial-card>span{justify-content:flex-start;font-size:10px}html[data-design] .sidebar .profile-button{border:0;justify-content:flex-start;gap:10px;width:100%;min-height:48px;padding:4px;display:flex}html[data-design] .sidebar .profile-button>span:nth-child(2){clip-path:none;flex:1;width:auto;min-width:0;max-width:none;height:auto;position:static;overflow:hidden}html[data-design] .sidebar .profile-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5;display:block;overflow:hidden}html[data-design] .sidebar .profile-button small{text-overflow:ellipsis;white-space:nowrap;max-width:none;font-size:9px;line-height:1.5;display:block;overflow:hidden}html[data-design] .sidebar .profile-button>svg{width:16px;height:16px;display:block}html[data-design] .sidebar .profile-button .avatar{width:32px;min-width:32px;height:32px;font-size:11px}html[data-design] .workspace{width:calc(100% - var(--design-width));margin:0 0 0 var(--design-width);min-width:0;min-height:100dvh}html[data-design] .topbar{height:64px;padding-inline:34px}html[data-design] .main-content{width:100%;max-width:1340px;margin-inline:auto;padding:32px 34px 24px}html[data-design] .content-footer{border-top:1px solid var(--border);margin-top:48px;padding-block:22px}html[data-design] .content-footer .footer-brand{gap:12px}@media (width<=980px){html[data-design] .sidebar{z-index:80;width:min(320px,100vw - 36px);padding:24px 18px 14px;overflow:hidden}html[data-design] .sidebar-head{padding:0 5px 20px}html[data-design] .sidebar .club-select select{min-height:28px;font-size:16px}html[data-design] .app-navigation .nav-item{min-height:44px;font-size:13px}html[data-design] .workspace{width:100%;min-height:100dvh;margin:0}html[data-design] .main-content{padding:24px 18px calc(var(--mobile-nav-clearance) + 28px)}html[data-design] .topbar{height:62px;padding-inline:18px}html[data-design] .content-footer{margin-top:32px}}@media (height<=680px) and (width>=981px){html[data-design] .sidebar-head{padding-bottom:12px}html[data-design] .sidebar-tools{margin-bottom:10px}html[data-design] .sidebar .trial-card{padding:7px 10px}}@media print{html[data-design] :is(.sidebar,.topbar,.bottom-nav){display:none}html[data-design] .workspace{width:100%;margin:0}}html[data-design=ember] .personal-hub{max-width:1120px;margin-inline:auto}html[data-design=ember] .personal-header{border-bottom:2px solid #302720;margin:0 0 24px;padding:28px 0 26px;position:relative}html[data-design=ember] .hub-title{letter-spacing:-.055em;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(38px,4vw,60px);font-weight:700;line-height:1}html[data-design=ember] .hub-section-label{color:#935031}html[data-design=ember] .personal-header .muted{margin-top:12px}html[data-design=ember] .personal-navigation{background:#ece4d8;border:1px solid #dacdbc;border-radius:11px;gap:4px;width:fit-content;max-width:100%;margin-bottom:28px;padding:5px}html[data-design=ember] .personal-navigation a{color:#675a4e;border:0;border-radius:7px;margin:0;padding:13px 24px;font-size:13px}html[data-design=ember] .personal-navigation a.active{color:#8c3719;background:#fffdf9;box-shadow:0 2px 5px #3027200a}html[data-design=ember] .people-panel{background:0 0;border:0;padding:0}html[data-design=ember] .people-panel .personal-section-heading{background:0 0;border:0;padding:0 0 18px}html[data-design=ember] .personal-list{gap:20px;padding:0}html[data-design=ember] .personal-row.person-card{background:radial-gradient(at 100% 0,#ffd4a660,#0000 65%),#fff6e9;border:1px solid #dfc3ab;border-radius:18px 18px 8px 8px;padding:25px 25px 12px;box-shadow:0 5px 18px #5b351b06}html[data-design=ember] .person-card .person-avatar{color:#71351a;background:#ffc489;border-radius:16px;flex-basis:56px;width:56px;height:56px;font-family:Bricolage Grotesque,sans-serif;font-size:19px}html[data-design=ember] .person-card .person-name h3{font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:650}html[data-design=ember] .person-card .relation-tag{color:#8d4a28;font-size:11px}html[data-design=ember] .person-group-tag{color:#695748;background:#f0e5d4;border-radius:6px}html[data-design=ember] .person-details{border-top:1px dashed #c8ad91;padding:0}html[data-design=ember] .personal-secondary{gap:12px}html[data-design=ember] :is(.personal-roles,.personal-help){background:#fffdf9;border:1px solid #dfd5c8;border-radius:12px;padding:0}html[data-design=ember] :is(.personal-roles,.personal-help)>summary{min-height:58px;padding:16px 20px}html[data-design=ember] :is(.role-details,.help-content){padding:0 20px 18px}@media (width>=981px){html[data-design=ember] .app-shell{padding:14px}html[data-design=ember] .sidebar{border-radius:20px;grid-template-columns:minmax(180px,1fr) minmax(0,1.6fr) auto;gap:12px 22px;width:100%;max-width:1460px;height:auto;margin:0 auto;padding:18px 24px 12px;display:grid;position:relative;inset:auto;overflow:visible}html[data-design=ember] .sidebar-head{grid-area:1/1;padding:0}html[data-design=ember] .sidebar-tools{flex-direction:row;grid-area:1/2/auto/-1;justify-content:flex-end;align-items:center;gap:10px;margin:0;display:flex}html[data-design=ember] .sidebar-tools .design-switcher{flex:0 0 150px;width:150px}html[data-design=ember] .sidebar-tools .club-switch{width:255px;min-height:48px;padding:7px 10px}html[data-design=ember] .sidebar .app-navigation.horizontal{border:0;flex-wrap:wrap;grid-area:2/1/auto/3;align-self:end;align-items:center;gap:4px;margin:0;padding:0;display:flex;overflow:visible}html[data-design=ember] .app-navigation.horizontal .nav-section{margin:0;position:relative}html[data-design=ember] .app-navigation.horizontal .nav-section-title{display:none}html[data-design=ember] .app-navigation.horizontal .nav-section-trigger{color:#d8c9ba;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:flex-start;align-items:center;gap:8px;width:auto;min-height:44px;padding:10px 13px;font-size:12px;font-weight:600;display:flex}html[data-design=ember] .app-navigation.horizontal .has-active>.nav-section-trigger{color:#302720;background:#ffb57e}html[data-design=ember] .app-navigation.horizontal .is-open>.nav-section-trigger{color:#302720;background:#fff2e2}html[data-design=ember] .app-navigation.horizontal .nav-section-items{--text:#302720;--muted:#716258;--accent:#a23d17;--accent-soft:#ffe2c9;--surface:#fffdf9;--surface-raised:#f7eee3;--border:#dfd5c8;z-index:50;background:#fffdf9;border:1px solid #d5c4b0;border-radius:13px;width:260px;padding:7px;display:none;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 16px 40px #30272026}html[data-design=ember] .app-navigation.horizontal .nav-section:last-child .nav-section-items{left:0;right:auto}html[data-design=ember] .app-navigation.horizontal .is-open>.nav-section-items{display:grid}html[data-design=ember] .app-navigation.horizontal .nav-item{color:#675547;min-height:44px;box-shadow:none;background:0 0;border-radius:8px;padding:10px 12px;font-size:13px}html[data-design=ember] .app-navigation.horizontal .nav-item:hover{color:#302720;background:#f7eee3}html[data-design=ember] .app-navigation.horizontal .nav-item.active{color:#8c3719;box-shadow:none;background:#fff0df;border:1px solid #edcaa8}html[data-design=ember] .sidebar-bottom{border:0;grid-area:2/3;width:205px;padding:0}html[data-design=ember] .sidebar-bottom .profile-button{min-height:44px;padding:3px}html[data-design=ember] .sidebar-bottom .trial-card{margin-bottom:6px;padding:6px 10px}html[data-design=ember] .workspace{width:100%;max-width:1490px;min-height:calc(100dvh - 170px);margin:0 auto}html[data-design=ember] .topbar{height:54px;padding-inline:25px}html[data-design=ember] .main-content{padding:22px 25px 20px}}@media (width<=980px){html[data-design=ember] .sidebar{border-radius:0 22px 22px 0}html[data-design=ember] .app-navigation .nav-item{color:#ddcfc2}html[data-design=ember] .app-navigation .nav-item.active{color:#302720;box-shadow:none;background:#ffb57e;border-color:#ffb57e}html[data-design=ember] .app-navigation .nav-section-title{color:#ba9}html[data-design=ember] .personal-header{padding:10px 0 22px}html[data-design=ember] .hub-title{font-size:40px}html[data-design=ember] .personal-navigation{width:100%}html[data-design=ember] .personal-navigation a{padding:12px 8px;font-size:12px}html[data-design=ember] .personal-row.person-card{padding:22px 20px 10px}html[data-design=ember] .main-content{padding-bottom:calc(var(--ember-nav-clearance) + 28px)}}@media print{html[data-design=ember] :is(.sidebar,.topbar,.bottom-nav){display:none}html[data-design=ember] .workspace{width:100%;margin:0}}html[data-design=clubhouse]{--heading-font:Georgia, "Times New Roman", serif;--heading-weight:400;--bg:#f3efe7;--surface:#fffefa;--surface-raised:#ece5da;--text:#332a23;--muted:#75685c;--accent:#87432e;--accent-hover:#66301f;--accent-soft:#f4e6dc;--border:#ddd2c4;--control-border:#a18c79;--lavender:#755a43;--lavender-soft:#eee5d8;--dusk:#f3e0cc;--ink:#332a23;--on-ink:#fffefa;--ink-muted:#ddcbb9;--ink-line:#957962;--sp-lavender:#d4bba1;--brand-secondary:#b97650;--positive:#326247;--positive-soft:#e8f1e7;--red:#a4382c;--scene-fill:#e7cfb3;--scene-line:#b99472;--scene-accent:#995537;--sidebar-bg:#eae3d7;--hero-bg:#efdfcb;--hero-border:#d7bfa1;--feature-bg:#e8ecdf;--feature-ink:#41583b;--design-width:246px;--design-radius:12px;--design-control-radius:8px;--design-shadow:none;font-family:Manrope,Segoe UI,sans-serif}html[data-design=clubhouse] .button{letter-spacing:0;min-height:44px;box-shadow:none;border-radius:8px;gap:9px;padding:11px 17px;font:650 13px/1.35 Manrope,sans-serif;transform:none}html[data-design=clubhouse] :is(.button.primary,.hero-footer .button.primary){color:#fffefa;box-shadow:none;background:#87432e;border:1px solid #87432e;border-radius:8px;transform:none}html[data-design=clubhouse] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:#fffefa;box-shadow:none;background:#66301f;border-color:#66301f;transform:none}html[data-design=clubhouse] .button.primary>svg{width:18px;height:18px;box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;padding:0}html[data-design=clubhouse] .button.secondary{color:var(--text);background:var(--surface);border-color:var(--control-border)}html[data-design=clubhouse] :is(.text-button,.back-button,.icon-button,.refresh-control){min-height:44px;box-shadow:none;border-radius:8px}html[data-design=clubhouse] :is(.icon-button,.refresh-control){min-width:44px}html[data-design=clubhouse] :is(input,select,textarea){border-color:var(--control-border);box-shadow:none;accent-color:var(--accent);border-radius:8px}html[data-design=clubhouse] :is(input,select,textarea):focus-visible{border-color:var(--accent);outline-color:var(--accent)}html[data-design=clubhouse] .sidebar{--surface:#f8f4eb;--surface-raised:#e3d8c9;background:#eae3d7;border-right:1px solid #d4c5b4}html[data-design=clubhouse] .sidebar-head{padding:0 6px 24px}html[data-design=clubhouse] .sidebar :is(.design-trigger,.club-switch,.platform-identity){box-shadow:none;background:#f6f0e6;border:1px solid #d0bdab;border-radius:10px}html[data-design=clubhouse] .sidebar .club-switch{padding:12px 10px;margin:0!important}html[data-design=clubhouse] .sidebar .club-emblem{color:#7c422e;background:#e8d5c4;border-radius:7px}html[data-design=clubhouse] .sidebar .app-navigation{scrollbar-width:thin;scrollbar-color:#b9a28a transparent;flex-direction:column;flex:1;gap:21px;min-height:0;padding:0 1px 14px;display:flex;overflow-y:auto}html[data-design=clubhouse] .app-navigation .nav-section{min-width:0;margin:0;display:block}html[data-design=clubhouse] .app-navigation .nav-section-title{color:#7e6b58;letter-spacing:.11em;text-align:left;text-transform:uppercase;margin:0 11px 5px;padding:0;font:700 9px/1.5 Manrope,sans-serif}html[data-design=clubhouse] .app-navigation .nav-section-items{gap:2px;display:grid}html[data-design=clubhouse] .sidebar .app-navigation .nav-item{color:#665546;text-align:left;width:100%;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:10px 11px;font:550 12px/1.45 Manrope,sans-serif;display:flex}html[data-design=clubhouse] .sidebar .app-navigation .nav-item:hover{color:var(--text);background:#f6f0e6}html[data-design=clubhouse] .sidebar .app-navigation .nav-item.active{color:#fffefa;box-shadow:none;background:#49382b;border-color:#49382b;font-weight:650}html[data-design=clubhouse] .sidebar .app-navigation .nav-item>svg{width:17px;height:17px;color:inherit;flex-shrink:0;display:block}html[data-design=clubhouse] .sidebar .app-navigation .nav-label{flex:1;min-width:0;display:block}html[data-design=clubhouse] .sidebar .app-navigation .nav-short{display:none}html[data-design=clubhouse] .sidebar .trial-card{background:#f4ecdc;border-color:#d2c0a6;border-radius:8px;padding:10px 11px}html[data-design=clubhouse] .profile-button{border-top:1px solid #cbb79e;gap:9px;padding:13px 2px 0}html[data-design=clubhouse] .sidebar .design-dialog{--surface:#fffefa;--surface-raised:#ece5da}html[data-design=clubhouse] .topbar{background:0 0;border:0;height:64px}html[data-design=clubhouse] .page-heading,html[data-design=clubhouse] .hub-heading{border-bottom:1px solid #bba28b;align-items:flex-end;gap:18px;margin-bottom:27px;padding:0 0 24px}html[data-design=clubhouse] .page-heading h1,html[data-design=clubhouse] .hub-title{letter-spacing:-.05em;max-width:25ch;font:400 clamp(39px,4vw,57px)/1.03 Georgia,serif}html[data-design=clubhouse] .page-heading p.muted,html[data-design=clubhouse] .hub-title-copy>p{max-width:62ch;color:var(--muted);margin-top:11px;font-size:13px;line-height:1.65}html[data-design=clubhouse] .page-heading .eyebrow{letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font:650 10px/1.4 Manrope,sans-serif}html[data-design=clubhouse] .panel{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:12px;padding:24px}html[data-design=clubhouse] :is(.section-heading h2,.group-section h2){letter-spacing:-.035em;font:400 27px/1.2 Georgia,serif}html[data-design=clubhouse] .panel>.section-heading{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:14px}html[data-design=clubhouse] .next-activity{--muted:#6c503b;box-shadow:none;background:linear-gradient(120deg,#f4e8d7,#ead7bd);border:1px solid #cfb290;border-top:3px solid #a96943;border-radius:12px;padding:27px}html[data-design=clubhouse] .hero-body{min-height:150px;padding-block:23px}html[data-design=clubhouse] .hero-body h2{letter-spacing:-.04em;font:400 clamp(30px,3vw,43px)/1.08 Georgia,serif}html[data-design=clubhouse] .hero-tag{color:#6d432b;background:#fff9ed;border-color:#c5a988;border-radius:6px}html[data-design=clubhouse] .hero-footer{border-color:#c6aa87;padding-top:17px}html[data-design=clubhouse] .stat-strip{border:1px solid var(--border);background:#fffefa;border-radius:10px;gap:0;margin:0}html[data-design=clubhouse] .stat-strip>button{background:0 0;border:0;border-radius:0;padding:19px 15px}html[data-design=clubhouse] .stat-strip>button+button{border-left:1px solid var(--border)}html[data-design=clubhouse] .stat-strip strong{color:#78452f;font:400 34px/1 Georgia,serif}html[data-design=clubhouse] .stat-strip div>span{margin-top:6px;font-size:11px}html[data-design=clubhouse] .agenda-row{padding-block:18px}html[data-design=clubhouse] .date-tile{color:#7c482d;background:#f5ecde;border:1px solid #dac4a8;border-radius:7px;width:50px}html[data-design=clubhouse] .agenda-content h3{font:650 14px/1.4 Manrope,sans-serif}html[data-design=clubhouse] .onboarding-card{background:#e8ecdf;border:1px solid #c7d0b9;border-radius:12px;margin:0}html[data-design=clubhouse] .personal-hub{max-width:1080px;margin-inline:auto}html[data-design=clubhouse] .personal-navigation{background:0 0;border:0;border-bottom:1px solid #cbb69e;border-radius:0;flex-wrap:wrap;gap:6px 25px;width:100%;margin-bottom:23px;padding:0 2px;display:flex}html[data-design=clubhouse] .personal-navigation a{color:#786656;border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:flex-start;gap:8px;min-height:48px;padding:11px 1px;font-size:13px;font-weight:600}html[data-design=clubhouse] .personal-navigation a.active{color:#87432e;background:0 0;border-bottom-color:#87432e}html[data-design=clubhouse] .personal-navigation a:hover{color:#66301f;background:#f1e6d9}html[data-design=clubhouse] .personal-overview{gap:15px}html[data-design=clubhouse] .people-panel{background:#fffefa;border:1px solid #d6c4ae;border-radius:12px;overflow:visible}html[data-design=clubhouse] .personal-section-heading{background:#f7f1e7;border-bottom:1px solid #ddcdb8;border-radius:12px 12px 0 0;padding:20px 22px}html[data-design=clubhouse] .personal-section-heading h2{color:#49362a;letter-spacing:-.035em;font:400 27px/1.15 Georgia,serif}html[data-design=clubhouse] :is(.hub-section-label,.people-heading-copy>p){color:#846a54;letter-spacing:.05em;font:650 10px/1.5 Manrope,sans-serif}html[data-design=clubhouse] .personal-list{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid}html[data-design=clubhouse] .personal-list .personal-row{background:#fffefa;border:1px solid #e1d5c6;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;max-width:none;padding:16px;display:grid}html[data-design=clubhouse] .personal-list .personal-row:first-child{border-top:1px solid #e1d5c6;padding-top:16px}html[data-design=clubhouse] .personal-row .person-main{grid-area:1/1/auto/-1;gap:13px;min-width:0}html[data-design=clubhouse] .person-name{flex-flow:wrap;align-items:baseline}html[data-design=clubhouse] .personal-row .person-avatar{color:#7b5039;background:#eee2d0;border-radius:50%;flex:0 0 46px;width:46px;height:46px;font:650 12px/1 Manrope,sans-serif}html[data-design=clubhouse] .person-name h3{letter-spacing:-.02em;font:700 15px/1.4 Manrope,sans-serif}html[data-design=clubhouse] .person-name .relation-tag{color:#725b47;background:#f1e9dd;border-radius:4px;padding:2px 6px;font-size:10px}html[data-design=clubhouse] .personal-row .person-groups{grid-area:2/1;margin:0 0 0 59px;font-size:12px;line-height:1.5}html[data-design=clubhouse] .person-group-tag{color:#715b48;background:0 0;border:0;padding:2px 0}html[data-design=clubhouse] .personal-row .person-details{border-top:0;grid-area:2/2;min-width:0;margin:0}html[data-design=clubhouse] .person-details summary{white-space:nowrap;min-height:44px;padding:5px 3px;font-size:12px}html[data-design=clubhouse] .personal-row .person-details[open]{border-top:1px solid #e1d5c6;grid-area:3/1/auto/-1;padding-top:4px}html[data-design=clubhouse] .person-details dl{background:#f7f1e7;border:0;border-radius:6px;margin:0 0 10px;padding:13px}html[data-design=clubhouse] .personal-secondary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}html[data-design=clubhouse] :is(.personal-roles,.personal-help){background:#f9f4eb;border:1px solid #d9cbb8;border-radius:9px}html[data-design=clubhouse] :is(.personal-roles,.personal-help)>summary{min-height:52px;padding:12px 16px}html[data-design=clubhouse] .role-details,html[data-design=clubhouse] .personal-help .help-content{padding:0 16px 16px}html[data-design=clubhouse] .help-actions .text-button{min-height:44px}html[data-design=clubhouse] .group-card{box-shadow:none;background:#fffefa;border:1px solid #dbcbb7;border-left:3px solid #ad7953;border-radius:10px;padding:17px}html[data-design=clubhouse] .group-card h3{font:650 14px/1.45 Manrope,sans-serif}html[data-design=clubhouse] :is(.panel.member-register,.member-register,.member-list){overflow:visible}html[data-design=clubhouse] .member-filters{background:#f8f2e9;border:1px solid #dfd2c2;border-radius:8px;gap:10px;padding:13px}html[data-design=clubhouse] .member-row{border-color:#e3d7c8;min-height:48px;padding-block:2px}html[data-design=clubhouse] .member-row :is(.mobile-name,.payment-button,.member-menu>button){min-height:44px}html[data-design=clubhouse] .member-row .mobile-name{font-size:13px;font-weight:650}html[data-design=clubhouse] .member-menu>button{background:0 0;border:0;width:44px;min-width:44px;height:44px}html[data-design=clubhouse] .member-menu-options{z-index:45;background:#fffefa;border-color:#bea68b;border-radius:9px;max-height:min(360px,65dvh);overflow-y:auto;box-shadow:0 9px 28px #49311b20}html[data-design=clubhouse] .member-info.expanded{background:#faf5ec;border-left:2px solid #c4a37d;padding-left:10px}html[data-design=clubhouse] .panel.fee-panel{border-radius:12px;padding:0;overflow:visible}html[data-design=clubhouse] .fee-tabs{background:#f7f0e5;border-radius:12px 12px 0 0;gap:24px;padding-inline:22px}html[data-design=clubhouse] .fee-tabs button{min-height:49px;font:650 12px/1.4 Manrope,sans-serif}html[data-design=clubhouse] .fee-filters{background:#fffefa;padding:17px 22px}html[data-design=clubhouse] .fee-list{padding-inline:22px}html[data-design=clubhouse] .fee-item{gap:16px;padding-block:19px}html[data-design=clubhouse] .invoice-description strong{font-weight:700}html[data-design=clubhouse] .invoice-amount>strong{font-variant-numeric:tabular-nums;font:400 24px/1.15 Georgia,serif}html[data-design=clubhouse] .fee-stats .stat-card{box-shadow:none;border:1px solid #d5c2aa;border-radius:10px;padding:19px}html[data-design=clubhouse] .fee-stats .paid-stat{background:#edf3e8;border-color:#b9c9ad}html[data-design=clubhouse] .fee-stats .overdue-stat{background:#fff0e7;border-color:#d9b39e}html[data-design=clubhouse] .member-card:not(.inactive){box-shadow:none;background:linear-gradient(130deg,#fff9eb,#edd7b9);border:1px solid #c7a987;border-radius:12px}html[data-design=clubhouse] .card-identity h2{font:400 29px/1.1 Georgia,serif}html[data-design=clubhouse] .card-open{min-height:44px}html[data-design=clubhouse] :is(.payment-settings,.fee-overview,.fritidskortet-section){background:#f9f4eb;border-color:#d5c2aa;border-radius:10px}html[data-design=clubhouse] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs){border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;flex-wrap:wrap;gap:7px 20px;padding:0}html[data-design=clubhouse] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button{min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 2px}html[data-design=clubhouse] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button.active{color:var(--accent);border-bottom-color:var(--accent);background:0 0;font-weight:700}html[data-design=clubhouse] .calendar-period h2{letter-spacing:-.035em;font:400 29px/1.2 Georgia,serif}html[data-design=clubhouse] .calendar-event{color:#75452c;background:#f2e5d4;border-left:2px solid #b17e53;border-radius:5px}html[data-design=clubhouse] .month-day.today{background:#f4e6d4}html[data-design=clubhouse] .plan-card h2{font-size:28px}html[data-design=clubhouse] :is(.form-dialog,.automation-dialog,.design-dialog){background:#fffefa;border:1px solid #b79a78;border-radius:14px;box-shadow:0 24px 80px #49311b2b}html[data-design=clubhouse] .form-dialog{padding:25px}html[data-design=clubhouse] .dialog-heading{border-bottom:1px solid #d9c5aa;padding-bottom:17px}html[data-design=clubhouse] .dialog-heading h2{letter-spacing:-.04em;font:400 32px/1.1 Georgia,serif}html[data-design=clubhouse] .form-dialog .dialog-actions{background:#fffefa;border-color:#ddcfbc;gap:9px}html[data-design=clubhouse] .content-footer{border-top:1px solid #c8b198;margin-top:30px}@media (width>=981px){html[data-design=clubhouse] .sidebar{width:var(--design-width);border-radius:0;height:100dvh;padding:28px 16px 15px;position:fixed;inset:0 auto 0 0;overflow:visible}html[data-design=clubhouse] .workspace{width:calc(100% - var(--design-width));min-height:100dvh;margin:0 0 0 var(--design-width);background:var(--bg);border:0;border-radius:0}html[data-design=clubhouse] .main-content{max-width:1430px;padding:25px clamp(28px,3.2vw,47px) 28px}html[data-design=clubhouse] .topbar{padding-inline:clamp(28px,3.2vw,47px)}html[data-design=clubhouse] .dashboard-grid{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:24px;display:grid}html[data-design=clubhouse] :is(.dashboard-main,.dashboard-aside){flex-direction:column;grid-area:auto;gap:21px;min-width:0;display:flex}html[data-design=clubhouse] .dashboard-main>*{order:0}}@media (width>=1180px){html[data-design=clubhouse] .personal-list:has(.personal-row:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=981px) and (width<=1240px){html[data-design=clubhouse] .dashboard-grid{grid-template-columns:minmax(0,1fr)}html[data-design=clubhouse] .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@container (width<=540px){html[data-design=clubhouse] .member-row{grid-template-columns:minmax(0,1fr) auto 44px;gap:0 7px}html[data-design=clubhouse] .member-row .payment-button{min-height:44px;padding-inline:4px;font-size:11px}html[data-design=clubhouse] .member-row .mobile-name{min-height:44px;font-size:13px}}@media (width<=980px){html[data-design=clubhouse] .sidebar{border-radius:0 15px 15px 0}html[data-design=clubhouse] .workspace{border:0;border-radius:0;width:100%;min-height:100dvh;margin:0}html[data-design=clubhouse] .topbar{background:#faf6ee;border-bottom:1px solid #d9cbb8;height:64px;padding-inline:15px}html[data-design=clubhouse] .main-content{padding:23px 17px calc(var(--mobile-nav-clearance) + 26px)}html[data-design=clubhouse] .page-heading,html[data-design=clubhouse] .hub-heading{margin-bottom:21px;padding-bottom:20px}html[data-design=clubhouse] .page-heading h1,html[data-design=clubhouse] .hub-title{font-size:37px}html[data-design=clubhouse] .panel:not(.fee-panel){padding:19px}html[data-design=clubhouse] .panel.fee-panel{padding:0}html[data-design=clubhouse] .next-activity{padding:21px}html[data-design=clubhouse] .hero-body{min-height:0;padding-block:18px}html[data-design=clubhouse] .hero-body h2{font-size:31px}html[data-design=clubhouse] .stat-strip>button{padding:15px 10px}html[data-design=clubhouse] .stat-strip strong{font-size:29px}html[data-design=clubhouse] .personal-secondary{grid-template-columns:minmax(0,1fr);gap:10px}html[data-design=clubhouse] .bottom-nav{height:var(--mobile-nav-clearance);padding:5px 12px calc(5px + env(safe-area-inset-bottom));background:#f3ecdf;border-top:1px solid #c7b194}html[data-design=clubhouse] .bottom-nav button.active{color:#783c27;box-shadow:none;background:#fffaf2;border:1px solid #d5bda0;border-radius:8px}html[data-design=clubhouse] :is(input,select,textarea){font-size:16px}}@media (width<=600px){html[data-design=clubhouse] .main-content{padding-inline:15px}html[data-design=clubhouse] .page-heading h1,html[data-design=clubhouse] .hub-title{font-size:34px}html[data-design=clubhouse] .personal-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:18px;padding:0;display:grid}html[data-design=clubhouse] .personal-navigation a{justify-content:center;min-height:47px;padding-inline:1px;font-size:12px}html[data-design=clubhouse] .personal-navigation a>svg{display:none}html[data-design=clubhouse] .personal-section-heading{gap:10px;padding:17px 16px}html[data-design=clubhouse] .personal-section-heading h2{font-size:24px}html[data-design=clubhouse] .personal-list{gap:9px;padding:10px}html[data-design=clubhouse] .personal-list .personal-row{grid-template-columns:minmax(0,1fr);gap:3px;padding:14px}html[data-design=clubhouse] .personal-list .personal-row:first-child{padding-top:14px}html[data-design=clubhouse] .personal-row .person-details{grid-area:3/1;margin-left:59px}html[data-design=clubhouse] .personal-row .person-details[open]{margin-left:0}html[data-design=clubhouse] .person-name h3{font-size:14px}html[data-design=clubhouse] .person-details dl{grid-template-columns:minmax(0,1fr)}html[data-design=clubhouse] .fee-tabs,html[data-design=clubhouse] .fee-list{padding-inline:15px}html[data-design=clubhouse] .fee-tabs{gap:18px}html[data-design=clubhouse] .fee-filters{padding:15px}html[data-design=clubhouse] .fee-item{gap:12px;padding-block:16px}html[data-design=clubhouse] .calendar-period h2{font-size:24px}html[data-design=clubhouse] .calendar-toolbar .tabs{gap:2px}html[data-design=clubhouse] .calendar-toolbar .tabs>button{padding-inline:2px;font-size:11px}html[data-design=clubhouse] .form-dialog{padding:20px}html[data-design=clubhouse] .dialog-heading h2{font-size:28px}}@media print{html[data-design=clubhouse] :is(.sidebar,.topbar,.bottom-nav){display:none}html[data-design=clubhouse] .workspace{border:0;width:100%;margin:0;padding:0}html[data-design=clubhouse] .main-content{max-width:none;padding:0}}html[data-design=arena]{--heading-font:"Manrope", sans-serif;--heading-weight:750;--design-width:236px;--bg:#f4f6fc;--surface:#fff;--surface-raised:#eef2fb;--text:#182237;--muted:#637087;--accent:#2455db;--accent-hover:#173fb0;--accent-soft:#e9efff;--lavender:#5662aa;--lavender-soft:#edf0fc;--border:#e0e6f0;--control-border:#8998b0;--positive:#246547;--positive-soft:#e7f4ec;--red:#a82d3d;--sidebar-bg:#101d35;--hero-bg:#edf2ff;--hero-border:#cfdbf4;--feature-bg:#eaf0ff;--feature-ink:#254791;--brand-secondary:#6f99ff;--design-radius:18px;--design-control-radius:9px;--design-shadow:0 5px 24px #1c376006;font-family:Manrope,Segoe UI,sans-serif}html[data-design=arena] .sidebar{color:#edf3ff;background:linear-gradient(165deg,#152846,#101a2e 70%);border:0}html[data-design=arena] .sidebar :is(.sidebar-head,.design-trigger,.club-switch,.platform-identity,.app-navigation,.sidebar-bottom){--text:#edf3ff;--muted:#a4b4ce;--accent:#b5ccff;--accent-hover:#fff;--accent-soft:#273c60;--border:#344663;--control-border:#7e94b8;--surface:#1c2c47;--surface-raised:#293b59;--lavender:#bed0ff;--lavender-soft:#293b59}html[data-design=arena] .sidebar-head .brand{--accent:#93b5ff}html[data-design=arena] .sidebar .club-switch{background:#ffffff08;border-color:#ffffff20}html[data-design=arena] .sidebar .club-select select{color:#f1f5ff}html[data-design=arena] .sidebar .club-select select option{color:#182237;background:#fff}html[data-design=arena] .sidebar .club-emblem{color:#fff;background:#345787}html[data-design=arena] .sidebar-tools .design-trigger{background:0 0;border-color:#0000}html[data-design=arena] .app-navigation .nav-section-title{color:#8e9fb9}html[data-design=arena] .app-navigation .nav-item{color:#b9c5d9;background:0 0}html[data-design=arena] .app-navigation .nav-item:hover{color:#fff;background:#263957}html[data-design=arena] .app-navigation .nav-item.active{color:#fff;background:#3564e6;border-color:#5b80e7;font-weight:650;box-shadow:0 4px 16px #060e2630}html[data-design=arena] .sidebar-bottom{border-color:#344663}html[data-design=arena] .sidebar .profile-button{color:#fff}html[data-design=arena] .sidebar .profile-button .avatar{color:#d7e5ff;background:#2f456a}html[data-design=arena] .workspace{background:radial-gradient(ellipse at 100% 0%, #dce6ff80, transparent 55%), var(--bg)}html[data-design=arena] .topbar{background:0 0;border:0;height:68px}html[data-design=arena] .topbar .breadcrumb>span{color:var(--muted)}html[data-design=arena] .topbar-actions .icon-button{background:#ffffffb3;border:1px solid #dde4f1;border-radius:50%}html[data-design=arena] .today-label{font-size:11px}html[data-design=arena] .page-heading{border:0;align-items:center;gap:16px;margin:4px 0 28px;padding:0}html[data-design=arena] .page-heading h1{letter-spacing:-.055em;font-size:clamp(32px,3.4vw,48px);font-weight:800;line-height:1.08}html[data-design=arena] .page-heading p{max-width:58ch}html[data-design=arena] :is(.button.primary,.hero-footer .button.primary){color:#fff;background:#2455db;border:1px solid #2455db;border-radius:9px;min-height:44px;padding:11px 17px;font-weight:650;transform:none;box-shadow:0 3px 8px #2455db14}html[data-design=arena] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:#fff;box-shadow:none;background:#173fb0;border-color:#173fb0}html[data-design=arena] .button.primary>svg{width:18px;height:18px;color:inherit;background:0 0;border-radius:0;padding:0}html[data-design=arena] .button.secondary{background:#fff;border-color:#c1ccdf;border-radius:9px}html[data-design=arena] .panel{border:1px solid #e0e6f0;border-radius:18px;padding:24px;box-shadow:0 5px 24px #1c376006}html[data-design=arena] .panel>.section-heading{border:0;margin-bottom:18px;padding-bottom:0}html[data-design=arena] :is(.section-heading h2,.group-section h2){font-size:21px;font-weight:750}html[data-design=arena] :is(input,select,textarea){box-shadow:none;background:#fff;border-color:#8998b0;border-radius:9px}html[data-design=arena] :is(input,select,textarea):focus-visible{border-color:#2455db;outline-color:#2455db}html[data-design=arena] .personal-hub{max-width:1160px;margin-inline:auto}html[data-design=arena] .personal-header{isolation:isolate;color:#fff;background:linear-gradient(115deg,#1d42aa,#326cf0 70%,#749af7);border:1px solid #3862c8;border-radius:22px;min-height:194px;margin:0;padding:32px 34px 44px;position:relative;overflow:hidden}html[data-design=arena] .personal-header:after{content:"";z-index:-1;pointer-events:none;border:35px solid #ffffff0f;border-radius:50%;width:290px;height:290px;position:absolute;top:-120px;right:-38px;box-shadow:0 0 0 36px #ffffff0b,0 0 0 72px #ffffff06}html[data-design=arena] .hub-title{color:#fff;letter-spacing:-.055em;font-size:clamp(32px,3.4vw,46px);font-weight:750}html[data-design=arena] .hub-section-label{color:#d4e2ff}html[data-design=arena] .personal-header .muted{color:#d4e2ff;margin-top:10px}html[data-design=arena] .personal-navigation{background:#fff;border:1px solid #dce4f2;border-radius:13px;gap:3px;width:min(100% - 48px,610px);margin:-22px 24px 30px;padding:5px;position:relative;box-shadow:0 8px 20px #24447b0c}html[data-design=arena] .personal-navigation a{color:#68758b;border:0;border-radius:8px;margin:0;padding:12px 9px;font-size:13px}html[data-design=arena] .personal-navigation a.active{color:#234fbf;box-shadow:none;background:#eaf0ff}html[data-design=arena] .people-panel{background:0 0;border:0;border-radius:0;padding:0}html[data-design=arena] .personal-section-heading{padding:0 2px 18px}html[data-design=arena] .personal-section-heading h2{font-size:19px;font-weight:750}html[data-design=arena] .personal-list{gap:16px;padding:0}html[data-design=arena] .personal-row.person-card{background:#fff;border:1px solid #dfe6f3;border-radius:18px;padding:24px 24px 12px;box-shadow:0 10px 28px #24447b08}html[data-design=arena] .person-card .person-avatar{color:#fff;background:linear-gradient(145deg,#2455db,#3e67cc);border-radius:17px;flex-basis:54px;width:54px;height:54px}html[data-design=arena] .person-name h3{font-size:20px;font-weight:750}html[data-design=arena] .person-card .relation-tag{color:#365baf;background:#edf2ff;border-radius:5px;padding:2px 7px;font-size:11px}html[data-design=arena] .person-group-tag{color:#536279;background:#f2f5fa;border-radius:6px}html[data-design=arena] .person-card .person-details{border-color:#e8edf5;margin-top:auto;padding:0}html[data-design=arena] .person-card .person-details summary{padding:10px 0;font-weight:600}html[data-design=arena] .personal-secondary{align-self:start;gap:12px}html[data-design=arena] :is(.personal-roles,.personal-help){background:#ffffffb8;border:1px solid #dfe6f3;border-radius:13px;padding:0}html[data-design=arena] :is(.personal-roles,.personal-help)>summary{min-height:60px;padding:16px}html[data-design=arena] :is(.role-details,.help-content){padding:0 16px 18px}html[data-design=arena] .roles-copy{flex-direction:column;align-items:start;gap:5px}html[data-design=arena] .roles-copy strong{font-size:13px;font-weight:700}html[data-design=arena] .roles-copy>span{font-size:11px}html[data-design=arena] .personal-help>summary{font-size:12px}html[data-design=arena] .group-strip{gap:12px}html[data-design=arena] .group-card{background:#fff;border:1px solid #e0e6f0;border-radius:13px;padding:16px 18px 8px}html[data-design=arena] .group-card .icon-tile{color:#2455db;background:#eaf0ff;border-radius:10px}html[data-design=arena] .panel.member-register{padding:0;overflow:visible}html[data-design=arena] .panel.member-register>.section-heading{border-bottom:1px solid #e7ecf5;margin:0;padding:21px 24px}html[data-design=arena] .panel.member-register>.member-register{padding:0 24px 16px}html[data-design=arena] .member-filters{margin-top:0;padding-top:18px}html[data-design=arena] .member-row{border-color:#edf0f6;min-height:56px;padding:4px 0}html[data-design=arena] .member-row .mobile-name{font-weight:650}html[data-design=arena] .member-row .payment-button{background:0 0;border-color:#0000;min-height:44px;font-size:12px}html[data-design=arena] .member-row .payment-button[data-payment-state=unpaid]{color:#95412a;background:#fff0ea}html[data-design=arena] .member-row .member-menu>button{background:0 0;border-color:#0000}html[data-design=arena] .member-menu-options{border-radius:12px;box-shadow:0 12px 35px #1c37601a}html[data-design=arena] :is(.payment-settings,.fritidskortet-section,.fee-overview){background:#fff;border:1px solid #e0e6f0;border-radius:13px;margin-bottom:12px}html[data-design=arena] :is(.payment-settings,.fritidskortet-section,.fee-overview)>summary{min-height:56px;padding:16px 20px}html[data-design=arena] .panel.fee-panel{padding:0}html[data-design=arena] .fee-tabs{background:#f9faff;border-bottom:1px solid #e0e6f0;gap:6px;padding:8px 16px}html[data-design=arena] .fee-tabs button{border:0;border-radius:8px;min-height:44px;padding:12px 15px}html[data-design=arena] .fee-tabs button.active{color:#2455db;box-shadow:none;background:#e9efff}html[data-design=arena] .fee-filters{background:#fff;padding:18px 24px}html[data-design=arena] .fee-item{border-color:#e9eef5;padding-block:19px}html[data-design=arena] .invoice-amount>strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:750}html[data-design=arena] .fee-item>.button{border-color:#d4deef;border-radius:8px;padding:10px 13px}html[data-design=arena] .fee-stats .stat-card{box-shadow:none;border-radius:13px}html[data-design=arena] .fee-detail .detail-total{background:linear-gradient(110deg,#e7efff,#f1f4fc);border:1px solid #d8e3fa;border-radius:13px}html[data-design=arena] .form-dialog{background:#fff;border:1px solid #d7e0ef;border-radius:22px;padding:28px;box-shadow:0 28px 90px #14275230}html[data-design=arena] .form-dialog .dialog-heading{border-bottom:1px solid #e4eaf3;padding-bottom:18px}html[data-design=arena] .form-dialog .dialog-heading h2{font-size:27px;font-weight:750}html[data-design=arena] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs){background:#eaf0fa;border:0;border-radius:11px;gap:4px;padding:5px}html[data-design=arena] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button{color:#637087;border:0;border-radius:7px;min-height:44px;padding:10px 14px}html[data-design=arena] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button.active{color:#2455db;background:#fff;box-shadow:0 2px 6px #243e6c0a}html[data-design=arena] .calendar-controls{background:0 0}html[data-design=arena] .month-day.today{background:#edf3ff;box-shadow:inset 0 3px #3768e8}html[data-design=arena] .calendar-event{background:#edf2ff;border-left:3px solid #3768e8;border-radius:4px}html[data-design=arena] .activity-meta{background:#fff}html[data-design=arena] :is(.plan-card,.camp-tile,.campaign-card,.catalog-card){border:1px solid #e0e6f0;border-radius:18px;box-shadow:0 5px 20px #1c376006}html[data-design=arena] :is(.catalog-card .product-image,.campaign-card .card-art){color:#315aa9;background:linear-gradient(130deg,#dde8ff,#f1f5ff)}html[data-design=arena] .plan-moment{border-color:#e3eaf5}html[data-design=arena] .content-footer{border-color:#e0e6f0;font-size:11px}html[data-design=arena] .next-activity{--muted:#4c5b75;background:radial-gradient(at 100% 0,#b9d0ff80,#0000 65%),#eaf1ff;border:1px solid #cad8f2;border-radius:22px;height:auto;min-height:0;padding:27px;display:block}html[data-design=arena] .hero-body{min-height:142px}html[data-design=arena] .hero-body h2{letter-spacing:-.05em;font-size:clamp(30px,3vw,42px);font-weight:750}html[data-design=arena] .hero-footer{border-color:#c4d5f2}html[data-design=arena] .stat-strip{background:#fff;border:1px solid #e0e6f0;border-radius:14px;gap:0;margin:0}html[data-design=arena] .stat-strip>button{color:var(--text);background:#fff;border:0;border-radius:0;padding:20px}html[data-design=arena] .stat-strip>button+button{border-left:1px solid #e0e6f0}html[data-design=arena] .stat-strip>button:is(:first-child,:last-child){border-radius:14px}html[data-design=arena] .stat-strip strong{font-size:34px;font-weight:750}html[data-design=arena] .stat-strip div>span{color:var(--muted)}html[data-design=arena] .stat-strip .stat-icon{color:#2455db}@media (width>=981px){html[data-design=arena] .dashboard-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}html[data-design=arena] .dashboard-main{flex-direction:column;grid-area:auto;gap:22px;display:flex}html[data-design=arena] .dashboard-aside{flex-direction:column;gap:22px;display:flex}html[data-design=arena] .dashboard-main>*{order:0;grid-area:auto}html[data-design=arena] .onboarding-card{margin:0}}@media (width>=1250px){html[data-design=arena] .personal-overview{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:26px}html[data-design=arena] .personal-secondary{padding-top:53px}}@media (width>=981px) and (width<=1190px){html[data-design=arena] .dashboard-grid{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=980px){html[data-design=arena] .sidebar{border-radius:0 22px 22px 0}html[data-design=arena] .topbar{background:#f4f6fcf5;border-bottom:1px solid #e0e6f0}html[data-design=arena] .main-content{padding:24px 18px calc(var(--mobile-nav-clearance) + 26px)}html[data-design=arena] .personal-header{min-height:170px;padding:26px 25px 39px}html[data-design=arena] .hub-title{font-size:36px}html[data-design=arena] .personal-navigation{width:calc(100% - 24px);margin:-20px 12px 26px}html[data-design=arena] .bottom-nav{background:#fff;border-top:1px solid #dbe3f2}html[data-design=arena] .bottom-nav button.active{color:#2455db;box-shadow:none;background:#e9efff;border:0;border-radius:10px}html[data-design=arena] .dashboard-main .stat-strip{order:0}}@media (width<=600px){html[data-design=arena] .main-content{padding-inline:16px}html[data-design=arena] .personal-header{border-radius:18px;padding:24px 22px 36px}html[data-design=arena] .personal-header:after{right:-180px}html[data-design=arena] .hub-title{font-size:32px}html[data-design=arena] .personal-header .muted{max-width:29ch;font-size:12px}html[data-design=arena] .personal-navigation{width:calc(100% - 16px);margin-inline:8px;padding:4px}html[data-design=arena] .personal-navigation a{gap:6px;padding:11px 4px;font-size:12px}html[data-design=arena] .personal-row.person-card{padding:22px 20px 10px}html[data-design=arena] .personal-secondary{gap:10px}html[data-design=arena] .page-heading h1{font-size:31px}html[data-design=arena] .page-heading .button{padding-inline:13px;font-size:12px}html[data-design=arena] .panel{padding:18px}html[data-design=arena] .panel.fee-panel,html[data-design=arena] .panel.member-register{padding:0}html[data-design=arena] .panel.member-register>.section-heading{padding:17px}html[data-design=arena] .panel.member-register>.member-register{padding:0 15px 12px}html[data-design=arena] .fee-filters{padding:16px}html[data-design=arena] .fee-tabs{flex-wrap:wrap;gap:3px;padding:5px 8px}html[data-design=arena] .fee-tabs button{flex:1;padding-inline:9px;font-size:12px}html[data-design=arena] .form-dialog{border-radius:18px;padding:20px}html[data-design=arena] .form-dialog .dialog-heading h2{font-size:24px}html[data-design=arena] .calendar-toolbar .tabs>button{padding-inline:2px;font-size:11px}html[data-design=arena] .stat-strip>button{padding:14px 9px}html[data-design=arena] .stat-strip strong{font-size:28px}}@container (width<=540px){html[data-design=arena] .member-row .payment-button{padding:4px;font-size:11px}}@media print{html[data-design=arena] :is(.sidebar,.topbar,.bottom-nav){display:none}html[data-design=arena] .workspace{background:#fff;width:100%;margin:0}html[data-design=arena] .personal-header{color:#182237;background:#fff;min-height:0;padding:16px}html[data-design=arena] .hub-title,html[data-design=arena] .personal-header .muted,html[data-design=arena] .hub-section-label{color:#182237}html[data-design=arena] .personal-header:after{display:none}}html[data-design=studio]{--heading-font:"Manrope", "Segoe UI", sans-serif;--heading-weight:750;--bg:#f7f6fb;--surface:#fff;--surface-raised:#f0edf7;--text:#282336;--muted:#756e83;--accent:#7553ca;--accent-hover:#5c3cb0;--accent-soft:#eee7fc;--lavender:#75618f;--lavender-soft:#f1ecfa;--dusk:#f9e8f0;--border:#e7e2ef;--control-border:#b9aecb;--ink:#302443;--on-ink:#fff;--ink-muted:#d9cde9;--ink-line:#7f6a96;--sp-lavender:#d4c3ed;--brand-secondary:#8abfaa;--positive:#28674e;--positive-soft:#e7f4ec;--red:#a13249;--scene-fill:#ddd1f5;--scene-line:#a493c6;--scene-accent:#6b9f89;--sidebar-bg:#fcfbff;--hero-bg:#eee7fa;--hero-border:#e0d5f1;--feature-bg:#e5f1eb;--feature-ink:#315b4c;--design-radius:20px;--design-control-radius:11px;--design-shadow:0 5px 25px #49346704;--design-width:224px;font-family:Manrope,Segoe UI,sans-serif}html[data-design=studio] .workspace{background:radial-gradient(850px 470px at 85% 0,#eae0ff70,#0000 80%),#f7f6fb}html[data-design=studio] .sidebar{--surface:#fff;--surface-raised:#f0eaf9;color:#282336;background:#fcfbff;border-right:1px solid #e7e0f0}html[data-design=studio] .sidebar-head{padding:0 7px 23px}html[data-design=studio] .sidebar-head .brand{--brand-symbol-size:31px;--brand-wordmark-width:133px;flex-direction:row;justify-content:flex-start;gap:8px;width:max-content}html[data-design=studio] .sidebar-tools :is(.design-trigger,.club-switch),html[data-design=studio] .platform-identity{box-shadow:none;background:#f7f4fd;border:1px solid #e6def2;border-radius:12px}html[data-design=studio] .club-emblem{color:#7553a6;background:#e9e0f8;border-radius:10px}html[data-design=studio] .sidebar .app-navigation{scrollbar-width:thin;scrollbar-color:#d2c6e3 transparent;flex-direction:column;flex:1;gap:19px;min-height:0;padding-block:5px 15px;display:flex;overflow-y:auto}html[data-design=studio] .app-navigation .nav-section{gap:7px;min-width:0;margin:0;display:grid}html[data-design=studio] .app-navigation .nav-section-title{color:#7a6a8e;text-align:left;text-transform:uppercase;letter-spacing:.1em;margin:0 11px;padding:0;font-size:9px;font-weight:750;line-height:1.5;display:block}html[data-design=studio] .app-navigation .nav-section-items{gap:3px;display:grid}html[data-design=studio] .sidebar .app-navigation .nav-item{color:#756a87;text-align:left;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 11px;font-size:12px;font-weight:550;line-height:1.45;display:flex}html[data-design=studio] .sidebar .app-navigation .nav-item:hover{color:#65489c;background:#f3eefb}html[data-design=studio] .sidebar .app-navigation .nav-item.active{color:#6541b3;box-shadow:none;background:#eee6fb;border-color:#e5daf7;font-weight:750}html[data-design=studio] .app-navigation .nav-label{flex:1;min-width:0;display:block}html[data-design=studio] .app-navigation .nav-short{display:none}html[data-design=studio] .app-navigation .nav-item>svg{flex-shrink:0;width:18px;height:18px}html[data-design=studio] .sidebar .privacy-nav-count{color:#fff;background:#7553ca;min-width:20px;font-size:10px;position:static}html[data-design=studio] .sidebar-bottom{margin-top:auto;padding-top:14px}html[data-design=studio] .trial-card{text-align:left;background:#f0ebfa;border:1px solid #e3d9f1;border-radius:12px;padding:13px}html[data-design=studio] .trial-card>span,html[data-design=studio] .trial-card button{justify-content:flex-start;font-size:10px}html[data-design=studio] .trial-card strong{font-size:12px}html[data-design=studio] .profile-button{border-color:#e7e0f0;justify-content:flex-start;gap:9px;padding:13px 3px 0}html[data-design=studio] .profile-button>span:nth-child(2){clip-path:none;width:auto;height:auto;position:static;overflow:visible}html[data-design=studio] .profile-button strong{font-size:11px}html[data-design=studio] .profile-button small{font-size:9px;line-height:1.55;display:block}html[data-design=studio] .profile-button>svg{flex-shrink:0;width:17px;height:17px;display:block}html[data-design=studio] .profile-button .avatar{color:#70538d;background:#e9e1f5;border:0;width:32px;height:32px}html[data-design=studio] .topbar{background:#ffffff80;border-bottom:1px solid #eae4f0;height:70px;padding-inline:38px}html[data-design=studio] .main-content{max-width:1480px;padding:35px 38px 26px}html[data-design=studio] .page-heading{border:0;align-items:center;margin-bottom:30px;padding:0}html[data-design=studio] .page-heading h1{letter-spacing:-.065em;font-size:clamp(34px,3.4vw,47px);font-weight:750;line-height:1.13}html[data-design=studio] .page-heading p.muted{max-width:65ch;margin-top:10px;font-size:13px;line-height:1.7}html[data-design=studio] .page-heading .eyebrow{letter-spacing:.055em;color:#735690;font-size:10px;font-weight:750}html[data-design=studio] .button{min-height:44px;box-shadow:none;border-radius:11px;gap:8px;padding:11px 17px;font-size:12px;font-weight:750;transform:none}html[data-design=studio] :is(.button.primary,.hero-footer .button.primary){color:#fff;box-shadow:none;background:#7553ca;border-color:#7553ca;border-radius:11px;transform:none}html[data-design=studio] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:#fff;box-shadow:none;background:#5c3cb0;border-color:#5c3cb0;transform:none}html[data-design=studio] .button.primary>svg{width:17px;height:17px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transform:none}html[data-design=studio] .button.secondary{color:#635078;box-shadow:none;background:#fff;border-color:#d1c6de}html[data-design=studio] :is(.panel,.group-card,.stat-card,.plan-card,.member-detail){background:#fff;border:1px solid #e7e2ef;border-radius:18px;box-shadow:0 5px 25px #49346704}html[data-design=studio] .panel{padding:25px}html[data-design=studio] :is(.panel h2,.section-heading h2){letter-spacing:-.045em;font-size:21px}html[data-design=studio] .next-activity{background:linear-gradient(120deg,#f1ebfc,#e8dcf8);border:1px solid #e0d5f1;border-radius:23px;padding:29px;box-shadow:0 12px 35px #7553ca06}html[data-design=studio] .next-activity .hero-body{min-height:180px;padding-block:25px}html[data-design=studio] .hero-body h2{letter-spacing:-.06em;font-size:clamp(31px,3vw,43px);font-weight:750;line-height:1.12}html[data-design=studio] .hero-tag{color:#7a5d9c;background:#ffffffa3;border:1px solid #ddcdec;border-radius:7px}html[data-design=studio] .hero-footer{border-color:#d5c4e9}html[data-design=studio] .stat-strip{background:0 0;border:0;gap:12px;margin:0}html[data-design=studio] .stat-strip>button{box-shadow:none;background:#fff;border:1px solid #e7e2ef;border-radius:14px;gap:13px;padding:20px 17px}html[data-design=studio] .stat-strip>button+button{border-left:1px solid #e7e2ef}html[data-design=studio] .stat-strip>button:first-child,html[data-design=studio] .stat-strip>button:last-child{border-radius:14px}html[data-design=studio] .stat-strip strong{letter-spacing:-.065em;font-size:32px;font-weight:650;line-height:1.05}html[data-design=studio] .stat-strip .stat-icon{color:#a18abf;background:0 0;border-radius:0;place-items:center;width:26px;height:26px;display:grid}html[data-design=studio] .stat-strip div>span{font-size:11px;line-height:1.55}html[data-design=studio] .date-tile{color:#7b609d;background:#f0e9fa;border:0;border-radius:10px;min-width:49px;min-height:56px}html[data-design=studio] .date-tile strong{letter-spacing:-.045em;font-size:24px}html[data-design=studio] .agenda-row{padding-block:20px}html[data-design=studio] .todo-check{border-radius:6px}html[data-design=studio] .onboarding-card{border:1px solid #d3e5db;border-radius:18px;padding:25px}html[data-design=studio] .progress-track{background:#cbdfd3;height:5px}html[data-design=studio] .progress-track>span{background:#648e78}html[data-design=studio] .personal-hub{width:100%;max-width:1160px;margin-inline:auto}html[data-design=studio] .personal-hub .hub-heading{margin-bottom:24px}html[data-design=studio] .hub-title{letter-spacing:-.065em;font-family:Manrope,sans-serif;font-size:clamp(35px,3.7vw,49px);font-weight:750;line-height:1.13}html[data-design=studio] .hub-section-label{color:#806297;letter-spacing:.045em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-size:10px;font-weight:750;display:flex}html[data-design=studio] .personal-hub .personal-navigation{background:#ece5f7;border:1px solid #e5daf3;border-radius:13px;gap:4px;width:auto;max-width:100%;margin-bottom:30px;padding:5px;display:inline-flex}html[data-design=studio] .personal-navigation a{color:#705b89;border:1px solid #0000;border-radius:9px;gap:9px;min-height:45px;margin:0;padding:11px 23px;font-size:12px;font-weight:750}html[data-design=studio] .personal-navigation a.active{color:#6845ac;background:#fff;border-color:#e5dcf0;box-shadow:0 2px 5px #6645890a}html[data-design=studio] .personal-overview{gap:21px}html[data-design=studio] .people-panel{background:0 0;border:0;border-radius:0;overflow:visible}html[data-design=studio] .personal-section-heading{gap:14px;padding:0 2px 17px}html[data-design=studio] .personal-section-heading h2{letter-spacing:-.035em;font-size:20px;font-weight:750}html[data-design=studio] .person-count{color:#705b89;background:#ede7f7;border-radius:7px;padding:5px 9px;font-size:11px}html[data-design=studio] .personal-list{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));align-items:start;gap:18px;padding:0;display:grid}html[data-design=studio] .personal-list .personal-row{background:#fff;border:1px solid #e5deef;border-radius:19px;min-width:0;max-width:none;padding:25px;box-shadow:0 7px 25px #60447e05}html[data-design=studio] .personal-row .person-main{align-items:center;gap:16px}html[data-design=studio] .personal-row .person-avatar{color:#6c4b92;background:linear-gradient(140deg,#f2ebfd,#e2d3f6);border-radius:16px;flex:0 0 55px;width:55px;height:55px;font-size:15px;font-weight:650}html[data-design=studio] .personal-row .person-avatar.self{color:#68428d;background:linear-gradient(140deg,#eee5ff,#dccbf4)}html[data-design=studio] .personal-row .person-name{flex-direction:column;align-items:flex-start;gap:7px 9px}html[data-design=studio] .personal-row .person-name h3{letter-spacing:-.04em;font-size:19px;font-weight:750;line-height:1.35}html[data-design=studio] .personal-row .relation-tag{color:#3e6c56;background:#e9f3ed;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:650}html[data-design=studio] .personal-row .person-groups{margin:20px 0 14px;font-size:12px;line-height:1.6}html[data-design=studio] .personal-row .person-group-tag{color:#78618c;background:#f3eefb;border-radius:6px;padding:5px 9px;font-size:11px}html[data-design=studio] .personal-row .person-details{border-top:1px solid #eee8f5;margin:0;padding-top:9px}html[data-design=studio] .person-details summary{color:#72548d;justify-content:space-between;width:100%;min-height:44px;font-size:11px;font-weight:650}html[data-design=studio] .person-details dl{border-color:#eee8f5;gap:15px;padding-block:16px}html[data-design=studio] .person-details dd{font-size:12px}html[data-design=studio] .personal-roles{background:#ffffffb3;border:1px solid #e7e0f0;border-radius:15px;margin:0}html[data-design=studio] .personal-roles>summary{min-height:64px;padding:17px 21px}html[data-design=studio] .roles-copy strong{font-weight:750}html[data-design=studio] .role-details{padding:0 22px 20px 50px}html[data-design=studio] .personal-help{background:#ffffff80;border:1px solid #e7e0f0;border-radius:15px;padding:8px 18px}html[data-design=studio] .personal-help>summary{min-height:44px;font-size:12px}html[data-design=studio] .help-actions .text-button{min-height:44px}html[data-design=studio] .personal-content .embedded-heading{margin:0 0 22px}html[data-design=studio] .personal-content :is(.embedded-heading h2,.cards-heading.embedded h2){letter-spacing:-.04em;font-size:22px;font-weight:750}html[data-design=studio] .member-card{background:linear-gradient(125deg,#fff 10%,#efe7fc);border-color:#e2d8f1;border-radius:20px;padding:27px;box-shadow:0 8px 25px #64448d07}html[data-design=studio] .member-card .card-identity h2{letter-spacing:-.05em;font-size:28px}html[data-design=studio] .member-card.inactive{box-shadow:none;background:#fff}html[data-design=studio] .cards-heading-actions .history-toggle{min-height:44px}html[data-design=studio] .group-card{border-radius:15px;padding:20px}html[data-design=studio] .group-card .icon-tile{color:#9376b5;background:#f0e9fa;border-radius:10px}html[data-design=studio] .member-register{box-shadow:none;overflow:visible}html[data-design=studio] .member-register .member-filters{background:#f8f6fc;border:1px solid #eae3f3;border-radius:12px;gap:11px;margin-bottom:18px;padding:15px}html[data-design=studio] .member-register .member-row{border-color:#ece6f3;padding-block:9px}html[data-design=studio] .member-row .mobile-name{font-size:12px;font-weight:700}html[data-design=studio] .member-menu-options{border-color:#ddcfee;border-radius:12px;box-shadow:0 14px 45px #49305929}html[data-design=studio] .fee-stats{gap:13px}html[data-design=studio] .fee-stats .stat-card{border-radius:15px;gap:10px;padding:22px}html[data-design=studio] .fee-stats .stat-card>strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(24px,2.4vw,34px);font-weight:750;line-height:1.1}html[data-design=studio] .fee-stats .paid-stat{background:#ebf6ef;border-color:#d3e8dc}html[data-design=studio] .fee-stats .overdue-stat{background:#fff0ef;border-color:#f0d4cf}html[data-design=studio] :is(.payment-settings,.fritidskortet-section,.fee-overview){background:#fff;border-color:#e7e0f0;border-radius:13px}html[data-design=studio] .panel.fee-panel{border-radius:18px;padding:0}html[data-design=studio] .fee-panel .fee-tabs{background:#f7f4fc;border-color:#e8e0f2;gap:6px;padding:9px 15px}html[data-design=studio] .fee-panel .fee-tabs button{color:#786288;border:1px solid #0000;border-radius:9px;min-height:44px;padding:10px 15px;font-size:12px}html[data-design=studio] .fee-panel .fee-tabs button.active{color:#7650ac;background:#fff;border-color:#e3d8f0;font-weight:750}html[data-design=studio] .fee-panel .fee-filters{gap:11px;padding:20px 24px}html[data-design=studio] .fee-panel .fee-list{padding-inline:24px}html[data-design=studio] .fee-panel .fee-item{border-color:#ece6f3;gap:20px;padding-block:20px}html[data-design=studio] .invoice-description strong{font-size:13px;font-weight:750}html[data-design=studio] .invoice-amount>strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:750}html[data-design=studio] .fee-panel .batch-bar{background:#f3eefb;padding:12px 24px}html[data-design=studio] .payment-status{color:#6c547f;background:#f0ebf7;border-radius:6px}html[data-design=studio] .payment-status.paid{color:#28674e;background:#e7f4ec}html[data-design=studio] .payment-status.late{color:#9d3d3c;background:#ffedeb}html[data-design=studio] .automation-card{background:#eef7f2;border-color:#d6e9de}html[data-design=studio] .tabs{background:#f0eaf8;border:1px solid #e6dcf0;border-radius:12px;gap:4px;padding:5px}html[data-design=studio] .tabs>button{border:0;border-radius:8px;min-height:44px;padding:10px 16px;font-size:12px}html[data-design=studio] .tabs>button.active{color:#7650ac;background:#fff;box-shadow:0 2px 5px #64448208}html[data-design=studio] .calendar-panel .calendar-toolbar{border-bottom:1px solid #ebe4f2;margin:0;padding-bottom:22px}html[data-design=studio] .calendar-panel .calendar-period{margin-block:23px}html[data-design=studio] .calendar-period h2{letter-spacing:-.05em;font-size:27px}html[data-design=studio] .calendar-panel .calendar-filters{background:#faf8fd;border:1px solid #e8e0f0;border-radius:12px;margin-bottom:21px;padding-inline:15px}html[data-design=studio] .month-day{background:#fff;min-height:120px}html[data-design=studio] .month-day.today{background:#f4edff}html[data-design=studio] .calendar-event{background:#f0e8fb;border:0;border-left:2px solid #ab8bd1;border-radius:6px;margin-top:5px;padding:8px;font-size:11px}html[data-design=studio] .plan-moment{background:#f8f5fd;border:1px solid #eae1f4;border-radius:14px;padding:20px}html[data-design=studio] :is(.form-dialog,.automation-dialog){color:#282336;background:#fff;border:1px solid #ded1ec;border-radius:22px;box-shadow:0 30px 110px #36234438}html[data-design=studio] :is(.form-dialog,.automation-dialog)::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#30213f5c}html[data-design=studio] :is(.dialog-heading,.automation-dialog-heading){border-bottom:1px solid #e9e1f3;margin-bottom:23px;padding-bottom:20px}html[data-design=studio] :is(.dialog-heading,.automation-dialog-heading) h2{letter-spacing:-.05em;font-size:28px;font-weight:750;line-height:1.2}html[data-design=studio] :is(.detail-total,.review-total){color:#5d3f86;background:#f0e9fb;border:1px solid #e2d4f3;border-radius:15px;padding:24px}html[data-design=studio] :is(.detail-total>strong,.review-total b){letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:750}html[data-design=studio] :is(.payment-instructions,.action-form,.rule-settings,.period-editor){background:#faf8fd;border-color:#e6dcf1;border-radius:13px}html[data-design=studio] .payment-dialog .payment-item{background:#faf8fd;border:1px solid #e7ddf2;border-radius:12px;padding:18px}html[data-design=studio] .fee-editor .fee-steps li.current>span{color:#fff;background:#7553ca}html[data-design=studio] .fee-editor .fee-steps li.done>span{color:#28674e;background:#e7f4ec}html[data-design=studio] .content-footer{border-color:#e5ddec;margin-top:40px}@media (width>=981px){html[data-design=studio] .app-shell{display:block}html[data-design=studio] .sidebar{width:var(--design-width);border-radius:0;flex-direction:column;height:100dvh;padding:25px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0;transform:none}html[data-design=studio] .workspace{margin-left:var(--design-width);width:calc(100% - var(--design-width))}html[data-design=studio] .sidebar-tools .design-trigger{flex-direction:row;justify-content:flex-start;gap:9px;padding:11px;font-size:11px}html[data-design=studio] .sidebar-tools .design-trigger-label{text-align:left;gap:3px;width:auto}html[data-design=studio] .sidebar-tools .design-trigger-label>small{font-size:9px}html[data-design=studio] .sidebar-tools .design-trigger>svg:last-child{width:14px;display:block}html[data-design=studio] .club-switch{justify-content:flex-start;gap:9px;width:100%;height:auto;min-height:69px;padding:11px 10px;margin:11px 0 22px!important}html[data-design=studio] .club-switch .club-emblem{border-radius:9px;width:31px;min-width:31px;height:31px;font-size:11px}html[data-design=studio] .club-select{min-width:0;position:static}html[data-design=studio] .club-select .eyebrow{letter-spacing:0;font-size:9px;display:block}html[data-design=studio] .club-select select{opacity:1;width:100%;height:auto;min-height:26px;padding:0;font-size:11px;font-weight:650;position:static}html[data-design=studio] .platform-identity{text-align:left;padding:12px}html[data-design=studio] .dashboard-grid{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:24px}html[data-design=studio] .dashboard-main{flex-direction:column;grid-area:auto;gap:23px;min-width:0;display:flex}html[data-design=studio] .dashboard-main .stat-strip{order:0}html[data-design=studio] .dashboard-aside{flex-direction:column;grid-area:auto;gap:23px;display:flex}html[data-design=studio] .dashboard-aside :is(.panel,.quick-panel){padding:24px}}@media (width>=981px) and (width<=1200px){html[data-design=studio] .main-content{padding-inline:28px}html[data-design=studio] .dashboard-grid{grid-template-columns:minmax(0,1fr)}html[data-design=studio] .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (width<=980px){html[data-design=studio] .sidebar{border-radius:0 22px 22px 0;padding:24px 18px 15px}html[data-design=studio] .topbar{background:#fcfaff;height:64px;padding-inline:16px}html[data-design=studio] .main-content{padding:27px 19px calc(var(--mobile-nav-clearance,88px) + 25px)}html[data-design=studio] .page-heading h1{font-size:36px}html[data-design=studio] .hub-title{font-size:39px}html[data-design=studio] .page-heading{margin-bottom:25px}html[data-design=studio] .panel{padding:22px}html[data-design=studio] .panel.fee-panel{padding:0}html[data-design=studio] .next-activity{border-radius:20px;padding:24px}html[data-design=studio] .stat-strip .stat-icon{display:none}html[data-design=studio] .stat-strip>button{padding:19px 12px}html[data-design=studio] .bottom-nav{background:#fff;border:0;border-top:1px solid #e4d9ef;border-radius:0;height:auto;padding-inline:9px;bottom:0;left:0;right:0;box-shadow:0 -5px 30px #563d7607}html[data-design=studio] .bottom-nav button.active{color:#7553b7;background:#eee6fb;border:1px solid #e4d6f5;border-radius:11px}}@media (width<=650px){html[data-design=studio] .main-content{padding-inline:16px}html[data-design=studio] .page-heading h1{font-size:33px}html[data-design=studio] .hub-title{font-size:36px}html[data-design=studio] .page-heading p.muted{font-size:12px}html[data-design=studio] .panel{padding:19px}html[data-design=studio] .panel.fee-panel{padding:0}html[data-design=studio] .dashboard-grid .next-activity{padding:22px}html[data-design=studio] .dashboard-grid .hero-body h2{letter-spacing:-.055em;font-size:30px}html[data-design=studio] .personal-hub .personal-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:100%;margin-bottom:25px;padding:4px;display:grid}html[data-design=studio] .personal-navigation a{min-height:46px;padding:10px 3px;font-size:11px}html[data-design=studio] .personal-list{gap:14px}html[data-design=studio] .personal-list .personal-row{border-radius:17px;padding:21px}html[data-design=studio] .personal-row .person-main{gap:13px}html[data-design=studio] .personal-row .person-avatar{border-radius:14px;flex-basis:48px;width:48px;height:48px}html[data-design=studio] .personal-row .person-name h3{font-size:18px}html[data-design=studio] .personal-row .person-details{margin-top:0}html[data-design=studio] .personal-section-heading h2{font-size:19px}html[data-design=studio] .personal-roles>summary,html[data-design=studio] .role-details{padding-inline:18px}html[data-design=studio] .fee-heading-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}html[data-design=studio] .fee-stats{gap:10px}html[data-design=studio] .fee-stats .stat-card{padding:17px 14px}html[data-design=studio] .fee-stats .stat-card>strong{font-size:25px}html[data-design=studio] .fee-panel .fee-tabs{gap:3px;padding:8px}html[data-design=studio] .fee-panel .fee-tabs button{padding-inline:11px}html[data-design=studio] .fee-panel .fee-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px;display:grid}html[data-design=studio] .fee-panel .fee-filters .name-search{grid-column:1/-1;width:100%;min-width:0!important}html[data-design=studio] .fee-panel .fee-filters>label select{width:100%;min-width:0}html[data-design=studio] .fee-panel :is(.fee-list,.batch-bar){padding-inline:15px}html[data-design=studio] .fee-panel .period-options{margin-inline:15px}html[data-design=studio] .fee-panel .fee-item{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:13px;padding-block:19px;display:grid}html[data-design=studio] .fee-panel .fee-item.with-selection{grid-template-columns:21px minmax(0,1fr) minmax(0,.9fr);column-gap:9px}html[data-design=studio] .fee-item .row-choice{grid-area:1/1/3;width:auto;padding-top:3px}html[data-design=studio] .fee-item .invoice-description{grid-area:1/1;min-width:0}html[data-design=studio] .fee-item .invoice-amount{grid-area:1/2;align-items:flex-end;gap:8px;min-width:0}html[data-design=studio] .fee-item.with-selection .invoice-description{grid-column:2}html[data-design=studio] .fee-item.with-selection .invoice-amount{grid-column:3}html[data-design=studio] .fee-item .invoice-amount>strong{white-space:normal;overflow-wrap:anywhere;text-align:right;font-size:17px}html[data-design=studio] .fee-item .payment-status{white-space:normal;text-align:right;max-width:100%;font-size:10px}html[data-design=studio] .fee-item>.button{grid-area:2/1/auto/-1;width:100%}html[data-design=studio] .fee-item.with-selection>.button{grid-column:2/-1}html[data-design=studio] .calendar-panel .calendar-toolbar{gap:7px;padding-bottom:17px}html[data-design=studio] .calendar-toolbar .tabs{gap:2px;padding:3px}html[data-design=studio] .calendar-toolbar .tabs>button{min-height:44px;padding:8px 5px;font-size:11px}html[data-design=studio] .calendar-period{flex-wrap:wrap}html[data-design=studio] .calendar-period h2{font-size:24px}html[data-design=studio] .calendar-event{padding:5px 4px;font-size:10px}html[data-design=studio] .month-day{min-height:91px}html[data-design=studio] :is(.dialog-heading,.automation-dialog-heading) h2{font-size:26px}html[data-design=studio] :is(.detail-total,.review-total){flex-wrap:wrap;gap:12px;padding:20px}html[data-design=studio] .payment-dialog .payment-item{flex-wrap:wrap;gap:12px}html[data-design=studio] .payment-dialog .payment-item>div{flex-basis:100%;min-width:0}html[data-design=studio] .automation-dialog :is(.fields-two,.person-rule){grid-template-columns:minmax(0,1fr)}html[data-design=studio] .automation-dialog .inline-actions{flex-wrap:wrap}html[data-design=studio] .automation-dialog .year-input{flex:130px;width:auto}}@container (width<=540px){html[data-design=studio] .member-register .member-row{grid-template-columns:minmax(0,1fr) auto 44px;gap:0 7px;padding-block:3px}html[data-design=studio] .member-row :is(.mobile-name,.payment-button,.member-menu>button){min-height:44px}html[data-design=studio] .member-row .member-menu>button{width:44px;height:44px}}@media (width<=380px){html[data-design=studio] .main-content{padding-inline:12px}html[data-design=studio] .page-heading h1{font-size:30px}html[data-design=studio] .hub-title{font-size:33px}html[data-design=studio] .panel{padding:16px}html[data-design=studio] .panel.fee-panel{padding:0}html[data-design=studio] .stat-strip{gap:7px}html[data-design=studio] .stat-strip>button{padding-inline:8px}html[data-design=studio] .stat-strip strong{font-size:26px}html[data-design=studio] .stat-strip div>span{font-size:10px}html[data-design=studio] .personal-list .personal-row{padding:18px}html[data-design=studio] .personal-row .person-main{gap:11px}html[data-design=studio] .personal-row .person-avatar{flex-basis:43px;width:43px;height:43px}html[data-design=studio] .personal-navigation a>svg{display:none}}@media print{html[data-design=studio] .topbar{display:none}html[data-design=studio] .workspace{background:#fff;width:100%;margin:0}html[data-design=studio] :is(.panel,.personal-row,.next-activity){box-shadow:none}}html[data-design=playday]{--heading-font:"Bricolage Grotesque", "Manrope", sans-serif;--heading-weight:650;--bg:#faf7ef;--surface:#fffef9;--surface-raised:#f1ecdf;--text:#203f3e;--muted:#687366;--accent:#296566;--accent-hover:#184c4e;--accent-soft:#e3eee8;--lavender:#7b6c8a;--lavender-soft:#f1eaf5;--dusk:#f9decf;--border:#e6e1d4;--control-border:#a7b0a1;--ink:#173f42;--on-ink:#fffdf5;--ink-muted:#cee1d6;--ink-line:#65837c;--sp-lavender:#d8c9e3;--brand-secondary:#df9478;--positive:#356a48;--positive-soft:#e9f3e6;--red:#a33e36;--scene-fill:#efc697;--scene-line:#af9474;--scene-accent:#447d73;--sidebar-bg:#173f42;--hero-bg:#f7ddae;--hero-border:#edcf95;--feature-bg:#f4d8c8;--feature-ink:#715342;--design-radius:24px;--design-control-radius:12px;--design-shadow:0 5px 28px #4b4b2b04;--design-width:248px;font-family:Manrope,Segoe UI,sans-serif}html[data-design=playday] .sidebar{--surface:#fffef9;--surface-raised:#f1ecdf;color:#fffdf5;background:#173f42;border:0}html[data-design=playday] :is(.sidebar-head,.sidebar .app-navigation,.sidebar-bottom){--text:#fffdf5;--muted:#c1d6cb;--accent:#f6d994;--accent-hover:#ffe7b0;--accent-soft:#2c5657;--border:#3c6262;--surface:#214c4e;--surface-raised:#2b5657;--lavender-soft:#31595b;--lavender:#dfede5}html[data-design=playday] .sidebar-head{padding:0 6px 24px}html[data-design=playday] .sidebar-head .brand{--text:#fffdf5;--accent:#f8d894;--brand-secondary:#e99778;--brand-symbol-size:31px;--brand-wordmark-width:141px;gap:9px}html[data-design=playday] .sidebar :is(.design-trigger,.club-switch,.platform-identity){--text:#fffdf5;--muted:#c1d6cb;--surface:#214c4e;--surface-raised:#2b5657;--accent:#f6d994;--border:#416465;color:#fffdf5;box-shadow:none;background:#214c4e;border:1px solid #416465;border-radius:13px}html[data-design=playday] .sidebar .club-emblem{color:#284746;background:#edcfa6;border:0;border-radius:10px}html[data-design=playday] .sidebar .club-select :is(select,option){color:#fffdf5}html[data-design=playday] .sidebar .club-select option{background:#214c4e}html[data-design=playday] .sidebar .app-navigation{scrollbar-width:thin;scrollbar-color:#5c8179 transparent;flex-direction:column;flex:1;gap:20px;min-height:0;padding-block:4px 15px;display:flex;overflow-y:auto}html[data-design=playday] .app-navigation .nav-section{gap:7px;min-width:0;margin:0;display:grid}html[data-design=playday] .app-navigation .nav-section-title{color:#93b8ac;letter-spacing:.12em;text-transform:uppercase;text-align:left;margin:0 12px;padding:0;font-size:9px;font-weight:700;line-height:1.5;display:block}html[data-design=playday] .app-navigation .nav-section-items{gap:3px;display:grid}html[data-design=playday] .sidebar .app-navigation .nav-item{color:#d2e1d7;min-height:44px;box-shadow:none;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:11px;padding:10px 12px;font-size:12px;font-weight:550;line-height:1.45;display:flex}html[data-design=playday] .sidebar .app-navigation .nav-item:hover{color:#fffdf5;background:#285356}html[data-design=playday] .sidebar .app-navigation .nav-item.active{color:#244443;box-shadow:none;background:#f4d99b;border-color:#f4d99b;font-weight:750}html[data-design=playday] .app-navigation .nav-label{flex:1;min-width:0;display:block}html[data-design=playday] .app-navigation .nav-short{display:none}html[data-design=playday] .app-navigation .nav-item>svg{flex-shrink:0;width:18px;height:18px}html[data-design=playday] .sidebar .privacy-nav-count{color:#403026;background:#e99778;min-width:20px;font-size:10px;position:static}html[data-design=playday] .sidebar .app-navigation .nav-item.active .privacy-nav-count{color:#fff8e6;background:#254e4f}html[data-design=playday] .sidebar-bottom{margin-top:auto;padding-top:15px}html[data-design=playday] .sidebar .trial-card{color:#d2e1d7;box-shadow:none;background:#214c4e;border:1px solid #416465;border-radius:13px;padding:14px}html[data-design=playday] .sidebar .trial-card :is(strong,button){color:#f4d99b}html[data-design=playday] .sidebar .profile-button{border-color:#416465}html[data-design=playday] .sidebar .profile-button strong{color:#fffdf5}html[data-design=playday] .sidebar .profile-button .avatar{color:#f4d99b;background:#31595b}html[data-design=playday] .sidebar :is(button,a,select):focus-visible{outline-color:#f4d99b}html[data-design=playday] .sidebar .design-dialog :is(button,input,select):focus-visible{outline-color:#296566}html[data-design=playday] .topbar{background:0 0;border:0;height:70px;padding-inline:40px}html[data-design=playday] .main-content{max-width:1540px;padding:24px 40px 28px}html[data-design=playday] .page-heading{border:0;align-items:center;margin-bottom:32px;padding:0}html[data-design=playday] .page-heading h1{color:#203f3e;letter-spacing:-.06em;font-size:clamp(38px,4.2vw,58px);font-weight:650;line-height:1.02}html[data-design=playday] .page-heading p.muted{max-width:65ch;margin-top:12px;font-size:13px;line-height:1.7}html[data-design=playday] .page-heading .eyebrow{letter-spacing:.045em;color:#8c694b;font-size:10px;font-weight:700}html[data-design=playday] .page-heading .eyebrow:before{background:#dfa083;border:0;border-radius:50%;width:7px;height:7px}html[data-design=playday] .button{min-height:44px;box-shadow:none;border-radius:12px;gap:9px;padding:12px 18px;font-size:12px;font-weight:750;transform:none}html[data-design=playday] :is(.button.primary,.hero-footer .button.primary){color:#403026;box-shadow:none;background:#e99778;border-color:#e99778;border-radius:12px;transform:none}html[data-design=playday] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:#403026;box-shadow:none;background:#e18767;border-color:#e18767;transform:none}html[data-design=playday] .page-heading>.button.primary{transform:none}html[data-design=playday] .button.primary>svg{width:18px;height:18px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transform:none}html[data-design=playday] .button.secondary{color:#37615c;box-shadow:none;background:#fffef9;border-color:#c4cec0}html[data-design=playday] .button.ghost{box-shadow:none}html[data-design=playday] :is(.panel,.group-card,.stat-card,.plan-card,.member-detail){background:#fffef9;border:1px solid #e6e1d4;border-radius:22px;box-shadow:0 5px 28px #4b4b2b04}html[data-design=playday] .panel{padding:28px}html[data-design=playday] :is(.panel h2,.section-heading h2){letter-spacing:-.045em;font-size:25px;font-weight:650}html[data-design=playday] .next-activity{box-shadow:none;background:#f7ddae;border:0;border-radius:28px;padding:34px}html[data-design=playday] .hero-tag{color:#8b6d42;background:#fff9e8b3;border:1px solid #e5c78b;border-radius:8px;transform:none}html[data-design=playday] .hero-body h2{color:#244241;letter-spacing:-.06em;max-width:730px;font-size:clamp(36px,4vw,53px);font-weight:650;line-height:1.03}html[data-design=playday] .next-activity .hero-top .eyebrow{color:#77572f;letter-spacing:.065em;font-size:10px}html[data-design=playday] .hero-date{color:#685a3b;font-weight:650}html[data-design=playday] :is(.hero-group,.hero-meta>span,.hero-footer>span){color:#5d6247}html[data-design=playday] .hero-footer{border-top:1px solid #e6c78d}html[data-design=playday] .stat-strip{background:0 0;border:0;gap:16px;margin:0}html[data-design=playday] .stat-strip>button{box-shadow:none;background:#e5eddf;border:0;border-radius:20px;align-items:center;gap:16px;padding:24px;display:flex}html[data-design=playday] .stat-strip>button:first-child,html[data-design=playday] .stat-strip>button:last-child{border-radius:20px}html[data-design=playday] .stat-strip>button+button{border-left:0}html[data-design=playday] .stat-strip>button:nth-child(2){box-shadow:none;background:#f0e8f3;border:0}html[data-design=playday] .stat-strip>button:nth-child(3){box-shadow:none;background:#f7dfd0;border:0}html[data-design=playday] .stat-strip strong{letter-spacing:-.06em;font-family:Bricolage Grotesque,sans-serif;font-size:42px;font-weight:650;line-height:1.02}html[data-design=playday] .stat-strip .stat-icon{color:#68816c;background:0 0;border-radius:0;width:27px;height:27px}html[data-design=playday] .stat-strip div>span{color:#596a55;font-size:12px;line-height:1.55}html[data-design=playday] .date-tile{color:#775a2c;min-width:51px;min-height:59px;box-shadow:none;background:#f6e7bd;border:0;border-radius:13px}html[data-design=playday] .date-tile strong{letter-spacing:-.05em;font-size:28px}html[data-design=playday] .agenda-panel .agenda-row{border-color:#e9e2d3;padding-block:23px}html[data-design=playday] .todo-check{background:#fffef9;border-color:#a3b298;border-radius:50%}html[data-design=playday] .onboarding-card{box-shadow:none;background:#f4d8c8;border:0;border-radius:23px;padding:28px}html[data-design=playday] .onboarding-card h3{letter-spacing:-.05em;font-size:30px}html[data-design=playday] .progress-track{background:#dfbba5;height:6px}html[data-design=playday] .progress-track>span{background:#a27658}html[data-design=playday] .personal-hub{width:100%;max-width:1180px;margin-inline:auto}html[data-design=playday] .personal-hub .hub-heading{margin-bottom:27px;padding:5px 0 0}html[data-design=playday] .hub-title{color:#203f3e;letter-spacing:-.065em;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(40px,4.3vw,60px);font-weight:650;line-height:1.03}html[data-design=playday] .hub-section-label{color:#785a43;letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-size:10px;font-weight:750;display:flex}html[data-design=playday] .hub-title-copy>p.muted{max-width:55ch;margin-top:12px;font-size:13px;line-height:1.7}html[data-design=playday] .personal-hub .personal-navigation{background:0 0;border:0;gap:8px;width:auto;max-width:100%;margin:0 0 30px;padding:0;display:inline-flex}html[data-design=playday] .personal-navigation a{color:#626e55;background:#f0ecdd;border:1px solid #0000;border-radius:100px;gap:8px;min-height:47px;margin:0;padding:12px 19px;font-size:12px;font-weight:750}html[data-design=playday] .personal-navigation a.active{color:#695343;box-shadow:none;background:#f1d1bb;border-color:#e9c0a5}html[data-design=playday] .personal-content{min-width:0}html[data-design=playday] .personal-overview{gap:24px}html[data-design=playday] .people-panel{background:0 0;border:0;border-radius:0;overflow:visible}html[data-design=playday] .personal-section-heading{gap:16px;padding:0 2px 20px}html[data-design=playday] .personal-section-heading h2{color:#3c5650;letter-spacing:-.04em;font-size:23px;font-weight:650}html[data-design=playday] .people-heading-copy>p{color:#6c6c55;margin-top:4px;font-size:12px}html[data-design=playday] .person-count{color:#756344;background:#f1ead6;border-radius:8px;padding:5px 9px;font-size:10px}html[data-design=playday] .personal-list{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));align-items:start;gap:20px;padding:0;display:grid}html[data-design=playday] .personal-list .personal-row{min-width:0;max-width:none;box-shadow:none;background:#f7eac6;border:1px solid #eee0b8;border-radius:25px;padding:29px}html[data-design=playday] .personal-list .personal-row:nth-child(3n+2){background:#efe8f2;border-color:#e4d9e9}html[data-design=playday] .personal-list .personal-row:nth-child(3n+3){background:#e7eddf;border-color:#d8e1cd}html[data-design=playday] .personal-row .person-main{align-items:center;gap:17px}html[data-design=playday] .personal-row .person-avatar{color:#806332;background:#fff9e9;border:0;border-radius:50%;flex:0 0 59px;width:59px;height:59px;font-family:Bricolage Grotesque,sans-serif;font-size:21px;font-weight:500}html[data-design=playday] .personal-row:nth-child(3n+2) .person-avatar{color:#795a90;background:#fbf7fd}html[data-design=playday] .personal-row:nth-child(3n+3) .person-avatar{color:#597449;background:#f7fbf2}html[data-design=playday] .personal-row .person-name{flex-direction:column;align-items:flex-start;gap:7px 10px}html[data-design=playday] .personal-row .person-name h3{color:#3c5144;letter-spacing:-.045em;font-family:Bricolage Grotesque,sans-serif;font-size:27px;font-weight:650;line-height:1.13}html[data-design=playday] .personal-row .relation-tag{color:#735d3d;background:#fffbefb3;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:650}html[data-design=playday] .personal-row .person-groups{color:#6e6449;margin:20px 0 18px;font-size:12px;line-height:1.6}html[data-design=playday] .personal-row .person-group-tag{background:0 0;border:0;border-radius:0;padding:0}html[data-design=playday] .personal-row .person-details{border-top:1px solid #cfbd8d66;margin:0;padding-top:10px}html[data-design=playday] .person-details summary{color:#596347;justify-content:space-between;width:100%;min-height:44px;font-size:12px;font-weight:700}html[data-design=playday] .person-details dl{border-color:#cfbd8d66;gap:16px;padding-block:16px}html[data-design=playday] .person-details dd{font-size:12px}html[data-design=playday] .personal-secondary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}html[data-design=playday] .personal-roles{background:#fffef9;border:1px solid #e6e1d4;border-radius:17px;margin:0}html[data-design=playday] .personal-roles>summary{min-height:70px;padding:20px}html[data-design=playday] .roles-copy strong{letter-spacing:-.025em;font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:650}html[data-design=playday] .role-details{padding:0 20px 20px}html[data-design=playday] .personal-help{background:#fffef9;border:1px solid #e6e1d4;border-radius:17px;padding:9px 19px}html[data-design=playday] .personal-help>summary{color:#5e6d56;min-height:51px;font-size:12px}html[data-design=playday] .help-content{padding-bottom:12px}html[data-design=playday] .help-actions .text-button{min-height:44px}html[data-design=playday] .personal-content .embedded-heading{margin-bottom:23px}html[data-design=playday] .personal-content :is(.embedded-heading h2,.cards-heading.embedded h2){letter-spacing:-.045em;font-size:27px;font-weight:650}html[data-design=playday] .member-card{box-shadow:none;background:linear-gradient(125deg,#fcf7e7 10%,#f2dfad);border:1px solid #e9dab4;border-radius:24px;padding:30px}html[data-design=playday] .member-card .card-identity h2{letter-spacing:-.05em;font-family:Bricolage Grotesque,sans-serif;font-size:34px;font-weight:650}html[data-design=playday] .member-card.inactive{box-shadow:none;background:#fffef9}html[data-design=playday] .cards-heading-actions .history-toggle{min-height:44px}html[data-design=playday] .group-card{border-color:#e4decc;border-radius:18px;padding:22px}html[data-design=playday] .group-card .icon-tile{color:#9a7d58;background:#f4e4ca;border:0;border-radius:12px;transform:none}html[data-design=playday] .group-card:nth-child(3n+2) .icon-tile{color:#84996b;background:#edf0df}html[data-design=playday] .member-register{box-shadow:none;overflow:visible}html[data-design=playday] .member-register .member-filters{background:#f7f3e8;border:1px solid #e9e2d0;border-radius:15px;gap:12px;margin-bottom:17px;padding:18px}html[data-design=playday] .member-register .member-row{border-color:#ece5d5;padding-block:10px}html[data-design=playday] .member-row .mobile-name{font-size:13px;font-weight:700}html[data-design=playday] .member-row :is(.payment-button,.member-menu>button){box-shadow:none}html[data-design=playday] .member-menu-options{background:#fffef9;border-color:#d3d9c7;border-radius:14px;box-shadow:0 16px 40px #2a48362b}html[data-design=playday] .fee-stats{gap:14px}html[data-design=playday] .fee-stats .stat-card{box-shadow:none;border:1px solid #e6e1d4;border-radius:19px;gap:11px;padding:24px}html[data-design=playday] .fee-stats .stat-card>strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(28px,2.6vw,38px);font-weight:650;line-height:1.06}html[data-design=playday] .fee-stats .paid-stat{background:#edf5e8;border-color:#dbe8cf}html[data-design=playday] .fee-stats .overdue-stat{background:#fff0e9;border-color:#efd4c4}html[data-design=playday] :is(.payment-settings,.fritidskortet-section,.fee-overview){background:#fffef9;border-color:#e6e1d4;border-radius:15px}html[data-design=playday] .panel.fee-panel{border-radius:22px;padding:0}html[data-design=playday] .fee-panel .fee-tabs{background:#f4edd9;border-color:#e8dfc7;gap:26px;padding-inline:25px}html[data-design=playday] .fee-panel .fee-tabs button{color:#6f6c52;border-bottom:3px solid #0000;min-height:56px;padding:18px 0 15px;font-size:13px}html[data-design=playday] .fee-panel .fee-tabs button.active{color:#53715f;border-bottom-color:#6f9278;font-weight:750}html[data-design=playday] .fee-panel .fee-filters{gap:12px;padding:23px 25px}html[data-design=playday] .fee-panel .fee-list{padding-inline:25px}html[data-design=playday] .fee-panel .fee-item{border-color:#ece5d5;gap:22px;padding-block:23px}html[data-design=playday] .invoice-description strong{font-size:14px;font-weight:750}html[data-design=playday] .invoice-amount>strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:650}html[data-design=playday] .fee-panel .batch-bar{background:#f4efdf;padding:14px 25px}html[data-design=playday] .payment-status{color:#62664f;background:#f0eee2;border-radius:7px}html[data-design=playday] .payment-status.paid{color:#356a48;background:#e9f3e6}html[data-design=playday] .payment-status.late{color:#a14936;background:#ffebe1}html[data-design=playday] .automation-card{background:#eef2e5;border-color:#dce5cf}html[data-design=playday] .tabs{background:#f1ead7;border:1px solid #e7ddc3;border-radius:13px;gap:4px;padding:5px}html[data-design=playday] .tabs>button{color:#626f50;border:0;border-radius:9px;min-height:44px;padding:10px 16px;font-size:12px;font-weight:650}html[data-design=playday] .tabs>button.active{color:#536e59;background:#fffef9;border:0;border-radius:9px;box-shadow:0 2px 5px #76704c08}html[data-design=playday] .calendar-panel .calendar-toolbar{border-bottom:1px solid #e9e2d1;margin:0;padding-bottom:23px}html[data-design=playday] .calendar-panel .calendar-period{margin-block:24px}html[data-design=playday] .calendar-period h2{letter-spacing:-.05em;font-size:32px;font-weight:650}html[data-design=playday] .calendar-panel .calendar-filters{background:#faf6eb;border:1px solid #e8e0ca;border-radius:13px;margin-bottom:22px;padding-inline:16px}html[data-design=playday] .month-day{background:#fffef9;min-height:125px}html[data-design=playday] .month-day.today{background:#fbf0cf}html[data-design=playday] .calendar-event{color:#567152;background:#e8efdf;border-left:3px solid #9cb38b;border-radius:7px;padding:8px}html[data-design=playday] .calendar-event:hover{background:#dfead2}html[data-design=playday] .calendar-event span{color:#5a7249}html[data-design=playday] .plan-card>.badge{color:#785d30;background:#f7eac6;border-radius:7px;transform:none}html[data-design=playday] .plan-card h2{letter-spacing:-.045em;font-size:30px}html[data-design=playday] .plan-moment{border-bottom:1px solid #e7dfcc;padding-block:22px}html[data-design=playday] .moment-number{color:#785d30;background:#f7eac6;border:0;border-radius:12px}html[data-design=playday] :is(.form-dialog,.automation-dialog){color:#203f3e;background:#fffef9;border:1px solid #ddd8c5;border-radius:26px;box-shadow:0 30px 110px #173f423b}html[data-design=playday] :is(.form-dialog,.automation-dialog)::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#203f3d66}html[data-design=playday] :is(.dialog-heading,.automation-dialog-heading){border-bottom:1px solid #e8e0cc;margin-bottom:24px;padding-bottom:22px}html[data-design=playday] :is(.dialog-heading,.automation-dialog-heading) h2{letter-spacing:-.05em;font-size:34px;font-weight:650;line-height:1.12}html[data-design=playday] :is(.detail-total,.review-total){background:#f7e7bd;border:1px solid #ecdbac;border-radius:18px;padding:26px}html[data-design=playday] :is(.detail-total>strong,.review-total b){letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,sans-serif;font-size:39px;font-weight:650}html[data-design=playday] :is(.payment-instructions,.action-form,.rule-settings,.period-editor){background:#faf6eb;border-color:#e9e0cb;border-radius:15px}html[data-design=playday] .payment-dialog .payment-item{background:#f8f2e5;border:1px solid #e9dec5;border-radius:15px;padding:19px}html[data-design=playday] .fee-editor .fee-steps li.current>span{color:#fffdf5;background:#296566}html[data-design=playday] .fee-editor .fee-steps li.done>span{color:#356a48;background:#e9f3e6}html[data-design=playday] .content-footer{border-top:1px solid #e1dccb;margin-top:44px}@media (width>=981px){html[data-design=playday] .app-shell{display:block}html[data-design=playday] .sidebar{width:var(--design-width);height:100dvh;box-shadow:none;border-radius:0;flex-direction:column;padding:26px 17px 16px;display:flex;position:fixed;inset:0 auto 0 0;transform:none}html[data-design=playday] .workspace{width:calc(100% - var(--design-width));margin-left:var(--design-width)}html[data-design=playday] .dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr);align-items:start;gap:25px;display:grid}html[data-design=playday] :is(.dashboard-main,.dashboard-aside){display:contents}html[data-design=playday] .next-activity{grid-area:1/1/auto/-1}html[data-design=playday] .next-activity .hero-body{min-height:190px;padding-block:28px}html[data-design=playday] .next-activity .hero-body>div:first-child{max-width:calc(100% - 245px)}html[data-design=playday] .next-activity .brand-scene.compact{opacity:.85;width:230px;height:190px;right:0}html[data-design=playday] .stat-strip{grid-area:2/1/auto/-1}html[data-design=playday] .agenda-panel{grid-area:3/1}html[data-design=playday] .todo-panel{grid-area:3/2}html[data-design=playday] .dashboard-grid:not(:has(.agenda-panel)) .todo-panel{grid-column:1/-1}html[data-design=playday] .quick-panel{grid-area:4/1}html[data-design=playday] .onboarding-card{grid-area:4/2}}@media (width>=1300px){html[data-design=playday] .personal-hub{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:25px;display:grid}html[data-design=playday] .personal-hub .hub-heading{grid-area:1/1;margin-bottom:36px}html[data-design=playday] .personal-hub .personal-navigation{grid-area:1/2;align-self:end;margin-bottom:40px}html[data-design=playday] .personal-content{grid-column:1/-1}}@media (width>=981px) and (width<=1240px){html[data-design=playday] .main-content{padding-inline:28px}html[data-design=playday] .dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:21px}html[data-design=playday] .next-activity .hero-body>div:first-child{max-width:100%}html[data-design=playday] .next-activity .brand-scene.compact{display:none}html[data-design=playday] .stat-strip>button{padding:22px 16px}}@media (width<=980px){html[data-design=playday] .sidebar{border:0;border-radius:0 23px 23px 0}html[data-design=playday] .topbar{background:#faf7ef;border-bottom:1px solid #e8e2d2;height:64px;padding-inline:16px}html[data-design=playday] .main-content{padding:27px 19px calc(var(--mobile-nav-clearance,88px) + 25px)}html[data-design=playday] .page-heading h1{font-size:40px}html[data-design=playday] .page-heading{margin-bottom:27px}html[data-design=playday] .panel{padding:23px}html[data-design=playday] .panel.fee-panel{padding:0}html[data-design=playday] .next-activity{box-shadow:none;border-radius:23px;padding:25px}html[data-design=playday] .hero-body h2{font-size:37px}html[data-design=playday] .stat-strip{gap:11px}html[data-design=playday] .stat-strip>button{padding:21px 13px}html[data-design=playday] .stat-strip>button,html[data-design=playday] .stat-strip>button:first-child,html[data-design=playday] .stat-strip>button:last-child{border-radius:16px}html[data-design=playday] .stat-strip strong{font-size:34px}html[data-design=playday] .stat-strip .stat-icon{display:none}html[data-design=playday] .stat-strip div>span{font-size:11px}html[data-design=playday] .personal-secondary{grid-template-columns:minmax(0,1fr);gap:14px}html[data-design=playday] .bottom-nav{background:#fffef9;border-top:1px solid #e2ddcb;height:auto;box-shadow:0 -5px 25px #5a563007}html[data-design=playday] .bottom-nav button.active{color:#765037;background:#f5ddca;border:1px solid #efd0b8;border-radius:12px}}@media (width<=650px){html[data-design=playday] .main-content{padding-inline:16px}html[data-design=playday] .page-heading h1{font-size:37px}html[data-design=playday] .page-heading p.muted{font-size:12px}html[data-design=playday] .panel{padding:20px}html[data-design=playday] .panel.fee-panel{padding:0}html[data-design=playday] .dashboard-grid .next-activity{padding:23px}html[data-design=playday] .dashboard-grid .hero-body h2{letter-spacing:-.055em;font-size:35px}html[data-design=playday] .hub-title{font-size:43px}html[data-design=playday] .personal-hub .personal-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-bottom:26px;display:grid}html[data-design=playday] .personal-navigation a{min-height:46px;padding:10px 3px;font-size:11px}html[data-design=playday] .personal-list{gap:15px}html[data-design=playday] .personal-list .personal-row{border-radius:22px;padding:24px}html[data-design=playday] .personal-row .person-avatar{flex-basis:53px;width:53px;height:53px;font-size:19px}html[data-design=playday] .personal-row .person-main{gap:14px}html[data-design=playday] .personal-row .person-name h3{font-size:25px}html[data-design=playday] .personal-section-heading h2{font-size:22px}html[data-design=playday] .personal-row .person-details{margin-top:0}html[data-design=playday] .fee-heading-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}html[data-design=playday] .fee-stats{gap:10px}html[data-design=playday] .fee-stats .stat-card{padding:19px 15px}html[data-design=playday] .fee-stats .stat-card>strong{font-size:29px}html[data-design=playday] .fee-panel .fee-tabs{gap:22px;padding-inline:16px}html[data-design=playday] .fee-panel .fee-tabs button{min-height:50px;padding-block:15px 12px;font-size:12px}html[data-design=playday] .fee-panel .fee-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}html[data-design=playday] .fee-panel .fee-filters .name-search{grid-column:1/-1;width:100%;min-width:0!important}html[data-design=playday] .fee-panel .fee-filters>label select{width:100%;min-width:0}html[data-design=playday] .fee-panel :is(.fee-list,.batch-bar){padding-inline:16px}html[data-design=playday] .fee-panel .period-options{margin-inline:16px}html[data-design=playday] .fee-panel .fee-item{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:14px;padding-block:21px;display:grid}html[data-design=playday] .fee-panel .fee-item.with-selection{grid-template-columns:21px minmax(0,1fr) minmax(0,.9fr);column-gap:9px}html[data-design=playday] .fee-item .row-choice{grid-area:1/1/3;width:auto;padding-top:3px}html[data-design=playday] .fee-item .invoice-description{grid-area:1/1;min-width:0}html[data-design=playday] .fee-item .invoice-amount{grid-area:1/2;align-items:flex-end;gap:8px;min-width:0}html[data-design=playday] .fee-item.with-selection .invoice-description{grid-column:2}html[data-design=playday] .fee-item.with-selection .invoice-amount{grid-column:3}html[data-design=playday] .fee-item .invoice-amount>strong{white-space:normal;overflow-wrap:anywhere;text-align:right;font-size:21px}html[data-design=playday] .fee-item .payment-status{white-space:normal;text-align:right;max-width:100%;font-size:10px}html[data-design=playday] .fee-item>.button{grid-area:2/1/auto/-1;width:100%}html[data-design=playday] .fee-item.with-selection>.button{grid-column:2/-1}html[data-design=playday] .calendar-panel .calendar-toolbar{gap:7px;padding-bottom:18px}html[data-design=playday] .calendar-toolbar .tabs{gap:2px;padding:3px}html[data-design=playday] .calendar-toolbar .tabs>button{min-height:44px;padding:8px 5px;font-size:11px}html[data-design=playday] .calendar-period{flex-wrap:wrap}html[data-design=playday] .calendar-period h2{font-size:28px}html[data-design=playday] .calendar-event{border-left-width:2px;padding:5px 4px;font-size:10px}html[data-design=playday] .month-day{min-height:94px}html[data-design=playday] :is(.dialog-heading,.automation-dialog-heading) h2{font-size:31px}html[data-design=playday] :is(.detail-total,.review-total){flex-wrap:wrap;gap:13px;padding:22px}html[data-design=playday] .payment-dialog .payment-item{flex-wrap:wrap;gap:13px}html[data-design=playday] .payment-dialog .payment-item>div{flex-basis:100%;min-width:0}html[data-design=playday] .automation-dialog :is(.fields-two,.person-rule){grid-template-columns:minmax(0,1fr)}html[data-design=playday] .automation-dialog .inline-actions{flex-wrap:wrap}html[data-design=playday] .automation-dialog .year-input{flex:130px;width:auto}}@container (width<=540px){html[data-design=playday] .member-register .member-row{grid-template-columns:minmax(0,1fr) auto 44px;gap:0 7px;padding-block:4px}html[data-design=playday] .member-row :is(.mobile-name,.payment-button,.member-menu>button){min-height:44px}html[data-design=playday] .member-row .member-menu>button{width:44px;height:44px}}@media (width<=380px){html[data-design=playday] .main-content{padding-inline:12px}html[data-design=playday] .page-heading h1{font-size:34px}html[data-design=playday] .panel{padding:17px}html[data-design=playday] .panel.fee-panel{padding:0}html[data-design=playday] .hub-title{font-size:39px}html[data-design=playday] .personal-list .personal-row{padding:20px}html[data-design=playday] .personal-row .person-avatar{flex-basis:47px;width:47px;height:47px}html[data-design=playday] .personal-row .person-main{gap:12px}html[data-design=playday] .personal-row .person-name h3{font-size:23px}html[data-design=playday] .personal-navigation a>svg{display:none}html[data-design=playday] .dashboard-grid .hero-body h2{font-size:32px}html[data-design=playday] .stat-strip{gap:8px}html[data-design=playday] .stat-strip>button{padding-inline:8px}html[data-design=playday] .stat-strip strong{font-size:29px}html[data-design=playday] .stat-strip div>span{font-size:10px}}@media (prefers-reduced-motion:reduce){html[data-design=playday] :is(.button,.hero-tag,.stat-strip>button){transition:none}}@media print{html[data-design=playday] .topbar{display:none}html[data-design=playday] .workspace{width:100%;margin:0}html[data-design=playday] :is(.panel,.personal-row,.next-activity){box-shadow:none}}html[data-design=sunday]{--heading-font:"Bricolage Grotesque", "Manrope", sans-serif;--heading-weight:650;--bg:#eeebf5;--surface:#fffefa;--surface-raised:#f1edf8;--text:#292331;--muted:#716779;--accent:#554075;--accent-hover:#39294f;--accent-soft:#eae3f5;--border:#ded6e8;--control-border:#a394b1;--lavender:#695384;--lavender-soft:#f0eaf8;--dusk:#edf1d8;--ink:#292331;--on-ink:#fffefa;--ink-muted:#ddd4e9;--ink-line:#8c789e;--sp-lavender:#cdc3ed;--brand-secondary:#a18abd;--positive:#386347;--positive-soft:#e8f2e4;--red:#a63b39;--scene-fill:#d4caee;--scene-line:#ad9acb;--scene-accent:#685081;--sidebar-bg:#e4ddef;--hero-bg:#d6ccf1;--hero-border:#bfb0dd;--feature-bg:#edf3ce;--feature-ink:#4b5734;--design-width:248px;--design-radius:16px;--design-control-radius:10px;--design-shadow:none;--sunday-lime:#e5f3ac;font-family:Manrope,Segoe UI,sans-serif}html[data-design=sunday] :is(h1,h2,h3){letter-spacing:-.045em;font-family:Bricolage Grotesque,Manrope,sans-serif;font-weight:650}html[data-design=sunday] .button{letter-spacing:0;min-height:44px;box-shadow:none;border-radius:10px;gap:9px;padding:11px 17px;font:650 13px/1.35 Manrope,sans-serif;transform:none}html[data-design=sunday] :is(.button.primary,.hero-footer .button.primary){color:#fffefa;box-shadow:none;background:#3c2d4d;border:1px solid #3c2d4d;border-radius:10px;transform:none}html[data-design=sunday] :is(.button.primary,.hero-footer .button.primary):hover:not(:disabled){color:#fffefa;box-shadow:none;background:#59416f;border-color:#59416f;transform:none}html[data-design=sunday] .button.primary>svg{width:18px;height:18px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}html[data-design=sunday] .button.secondary{color:#4f3b68;background:#fffefa;border-color:#a394b1}html[data-design=sunday] :is(.text-button,.back-button,.icon-button,.refresh-control){min-height:44px;box-shadow:none;border-radius:10px}html[data-design=sunday] :is(.icon-button,.refresh-control){min-width:44px}html[data-design=sunday] :is(input,select,textarea){box-shadow:none;accent-color:#554075;background-color:#fffefa;border-color:#a394b1;border-radius:9px}html[data-design=sunday] :is(input,select,textarea):focus-visible{border-color:#554075;outline-color:#554075}html[data-design=sunday] .sidebar{--surface:#f5f0fa;--surface-raised:#dcd2eb;background:#e4ddef;border:0}html[data-design=sunday] .sidebar-head{padding:0 7px 25px}html[data-design=sunday] .sidebar :is(.design-trigger,.club-switch,.platform-identity){box-shadow:none;background:#f1ebf7;border:1px solid #c7b8d9;border-radius:12px}html[data-design=sunday] .sidebar .club-switch{gap:9px;padding:12px 11px;margin:0!important}html[data-design=sunday] .sidebar .club-emblem{color:#554075;background:#ded2ec;border-radius:8px;display:grid}html[data-design=sunday] .sidebar .app-navigation{scrollbar-width:thin;scrollbar-color:#af9cc5 transparent;flex-direction:column;flex:1;gap:22px;min-height:0;padding:0 1px 14px;display:flex;overflow-y:auto}html[data-design=sunday] .app-navigation .nav-section{min-width:0;margin:0;display:block}html[data-design=sunday] .app-navigation .nav-section-title{color:#79678c;letter-spacing:.1em;text-align:left;text-transform:uppercase;margin:0 12px 6px;padding:0;font:700 9px/1.5 Manrope,sans-serif}html[data-design=sunday] .app-navigation .nav-section-items{gap:3px;display:grid}html[data-design=sunday] .sidebar .app-navigation .nav-item{color:#655573;text-align:left;width:100%;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;font:550 12px/1.45 Manrope,sans-serif;display:flex}html[data-design=sunday] .sidebar .app-navigation .nav-item:hover{color:#39294f;background:#f5f0fa}html[data-design=sunday] .sidebar .app-navigation .nav-item.active{color:#32263f;box-shadow:none;background:#e5f3ac;border-color:#d0df95;font-weight:750}html[data-design=sunday] .sidebar .app-navigation .nav-item>svg{width:17px;height:17px;color:inherit;flex-shrink:0;display:block}html[data-design=sunday] .sidebar .app-navigation .nav-label{flex:1;min-width:0;text-decoration:none;display:block}html[data-design=sunday] .sidebar .app-navigation .nav-short{display:none}html[data-design=sunday] .sidebar .trial-card{background:#ede7f3;border:1px solid #c9b9d9;border-radius:10px;padding:12px}html[data-design=sunday] .profile-button{border-top:1px solid #c5b4d6;gap:9px;padding:14px 2px 0}html[data-design=sunday] .sidebar .design-dialog{--surface:#fffefa;--surface-raised:#f1edf8}html[data-design=sunday] .topbar{background:0 0;border-bottom:1px solid #e6dfef;height:62px}html[data-design=sunday] .page-heading,html[data-design=sunday] .hub-heading{border:0;align-items:flex-end;gap:20px;margin-bottom:29px;padding:0}html[data-design=sunday] .page-heading h1,html[data-design=sunday] .hub-title{letter-spacing:-.06em;max-width:23ch;margin-bottom:0;font:650 clamp(42px,4.5vw,66px)/.99 Bricolage Grotesque,sans-serif}html[data-design=sunday] .page-heading p.muted,html[data-design=sunday] .hub-title-copy>p{max-width:62ch;color:var(--muted);margin-top:13px;font-size:13px;line-height:1.65}html[data-design=sunday] :is(.page-heading .eyebrow,.hub-section-label){color:#7d6595;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font:700 10px/1.4 Manrope,sans-serif;display:inline-flex}html[data-design=sunday] .panel{box-shadow:none;background:#fffefa;border:1px solid #ded6e8;border-radius:16px;padding:24px}html[data-design=sunday] .section-heading h2{letter-spacing:-.045em;font-size:25px;line-height:1.13}html[data-design=sunday] .panel>.section-heading{border-bottom:1px solid #e3daec;padding-bottom:14px}html[data-design=sunday] .next-activity{--muted:#62506f;box-shadow:none;background:#d6ccf1;border:1px solid #bfb0dd;border-radius:17px;padding:27px;display:block;position:relative}html[data-design=sunday] .hero-top{gap:12px}html[data-design=sunday] .hero-body{min-height:152px;padding-block:24px}html[data-design=sunday] .hero-body h2{letter-spacing:-.055em;max-width:19ch;font:650 clamp(32px,3vw,45px)/1.02 Bricolage Grotesque,sans-serif}html[data-design=sunday] .hero-tag{color:#5c4377;background:#f1ebfa;border-color:#ac98c5;border-radius:7px}html[data-design=sunday] .hero-footer{border:0;border-top:1px solid #b39ccf;flex-flow:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:17px 0 0}html[data-design=sunday] .hero-footer:before{display:none}html[data-design=sunday] .next-activity .hero-footer .button.primary{color:#fffefa;background:#3c2d4d;border-color:#3c2d4d;width:auto;min-height:44px}html[data-design=sunday] .next-activity .hero-footer .button.primary:hover:not(:disabled){color:#fffefa;background:#59416f;border-color:#59416f}html[data-design=sunday] .stat-strip{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}html[data-design=sunday] .stat-strip>button{background:#f0ebf8;border:1px solid #ded3eb;border-radius:11px;gap:12px;min-width:0;padding:18px}html[data-design=sunday] .stat-strip>button:first-child,html[data-design=sunday] .stat-strip>button:last-child{border-radius:11px}html[data-design=sunday] .stat-strip>button+button{border-left:1px solid #ded3eb}html[data-design=sunday] .stat-strip>button:nth-child(3){background:#edf3d6;border-color:#d6e1ad}html[data-design=sunday] .stat-strip strong{color:#4e396c;letter-spacing:-.06em;font:650 37px/1 Bricolage Grotesque,sans-serif}html[data-design=sunday] .stat-strip div>span{color:#70647a;margin-top:5px;font-size:11px;line-height:1.45}html[data-design=sunday] .stat-strip .stat-icon{color:#7a6195;background:0 0}html[data-design=sunday] .agenda-row{gap:14px;padding-block:18px}html[data-design=sunday] .date-tile{color:#554075;background:#eee7f7;border:1px solid #d7c9e5;border-radius:9px;min-width:48px;min-height:54px;padding:8px}html[data-design=sunday] .date-tile strong{letter-spacing:-.045em;font:650 26px/1 Bricolage Grotesque,sans-serif}html[data-design=sunday] .agenda-content h3{font:650 14px/1.4 Manrope,sans-serif}html[data-design=sunday] .onboarding-card{background:#edf3ce;border:1px solid #d1dca7;border-radius:15px;margin:0;padding:23px}html[data-design=sunday] .onboarding-card h3{font-size:27px}html[data-design=sunday] .progress-track>span{background:#6c7a42}html[data-design=sunday] .personal-hub{width:100%;max-width:1120px;margin-inline:auto}html[data-design=sunday] .personal-navigation{background:#ede6f5;border:1px solid #d9cde7;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;margin-bottom:24px;padding:5px;display:grid}html[data-design=sunday] .personal-navigation a{color:#746282;border:1px solid #0000;border-radius:8px;gap:8px;min-height:48px;margin:0;padding:11px 10px;font-size:12px;font-weight:650}html[data-design=sunday] .personal-navigation a.active{color:#4f376c;box-shadow:none;background:#fffefa;border-color:#c9b6dd}html[data-design=sunday] .personal-navigation a:hover{color:#39294f;background:#f8f4fc}html[data-design=sunday] .personal-navigation a:focus-visible{outline-offset:2px;outline:2px solid #554075}html[data-design=sunday] .personal-overview{gap:17px}html[data-design=sunday] .people-panel{background:#fffefa;border:1px solid #d7c8e5;border-radius:16px;overflow:visible}html[data-design=sunday] .personal-section-heading{border-bottom:1px solid #e4d9ed;padding:22px 23px 18px}html[data-design=sunday] .personal-section-heading h2{letter-spacing:-.05em;font:650 28px/1.08 Bricolage Grotesque,sans-serif}html[data-design=sunday] .people-heading-copy>p{color:#80718c;letter-spacing:.04em;font:650 10px/1.5 Manrope,sans-serif}html[data-design=sunday] .personal-list{grid-template-columns:minmax(0,1fr);gap:11px;padding:15px;display:grid}html[data-design=sunday] .personal-list .personal-row{background:linear-gradient(100deg,#f4eefb,#fffefa 65%);border:1px solid #dfd3ea;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 16px;max-width:none;padding:18px;display:grid}html[data-design=sunday] .personal-list .personal-row:first-child{border-top:1px solid #dfd3ea;padding-top:18px}html[data-design=sunday] .personal-row .person-main{grid-area:1/1/auto/-1;gap:14px;min-width:0}html[data-design=sunday] .personal-row .person-avatar{color:#554075;background:#ddd0ef;border-radius:15px;flex:0 0 52px;width:52px;height:52px;font:700 13px/1 Manrope,sans-serif}html[data-design=sunday] .personal-row .person-avatar.self{color:#4f5834;background:#e9f0c9}html[data-design=sunday] .person-name{flex-flow:wrap;align-items:baseline;gap:5px 9px}html[data-design=sunday] .person-name h3{letter-spacing:-.025em;font:700 16px/1.35 Manrope,sans-serif}html[data-design=sunday] .person-name .relation-tag{color:#74613d;background:#f2ebc9;border-radius:5px;padding:2px 7px;font-size:10px}html[data-design=sunday] .personal-row .person-groups{grid-area:2/1;margin:0 0 0 66px;font-size:12px;line-height:1.5}html[data-design=sunday] .person-group-tag{color:#776286;background:#f0e8f6;border:1px solid #e3d7ed;border-radius:5px;padding:3px 6px}html[data-design=sunday] .personal-row .person-details{border-top:0;grid-area:2/2;min-width:0;margin:0}html[data-design=sunday] .person-details summary{color:#63477c;white-space:nowrap;min-height:44px;padding:6px 3px;font-size:12px}html[data-design=sunday] .personal-row .person-details[open]{border-top:1px solid #ded0e9;grid-area:3/1/auto/-1;padding-top:5px}html[data-design=sunday] .person-details dl{background:#fffefa;border:1px solid #e5daee;border-radius:8px;margin:0 0 10px;padding:13px}html[data-design=sunday] .personal-secondary{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}html[data-design=sunday] :is(.personal-roles,.personal-help){background:#f6f1fa;border:1px solid #e0d3e9;border-radius:11px}html[data-design=sunday] :is(.personal-roles,.personal-help)>summary{min-height:52px;padding:12px 17px}html[data-design=sunday] .role-details,html[data-design=sunday] .personal-help .help-content{padding:0 17px 17px}html[data-design=sunday] .help-actions .text-button{min-height:44px}html[data-design=sunday] .group-card{box-shadow:none;background:#fffefa;border:1px solid #d9cce5;border-radius:13px;padding:18px}html[data-design=sunday] .group-card .icon-tile{color:#695083;background:#e8ddf4;border-radius:10px}html[data-design=sunday] .group-card h3{font:650 15px/1.4 Manrope,sans-serif}html[data-design=sunday] :is(.panel.member-register,.member-register,.member-list){overflow:visible}html[data-design=sunday] .member-filters{background:#f6f1fa;border:1px solid #e0d3eb;border-radius:10px;gap:10px;padding:14px}html[data-design=sunday] .member-row{border-color:#e5dced;min-height:48px;padding-block:2px}html[data-design=sunday] .member-row :is(.mobile-name,.payment-button,.member-menu>button){min-height:44px}html[data-design=sunday] .member-row .mobile-name{font-size:13px;font-weight:650}html[data-design=sunday] .member-menu>button{background:0 0;border:0;width:44px;min-width:44px;height:44px}html[data-design=sunday] .member-menu-options{z-index:45;background:#fffefa;border-color:#b7a2c8;border-radius:11px;max-height:min(360px,65dvh);overflow-y:auto;box-shadow:0 12px 35px #3f294c24}html[data-design=sunday] .member-info.expanded{background:#f6f1fb;border-left:2px solid #b5a1ce;padding-left:10px}html[data-design=sunday] .panel.fee-panel{border-radius:14px;padding:0;overflow:visible}html[data-design=sunday] .fee-tabs{background:#f1ebf8;border-radius:14px 14px 0 0;gap:21px;padding-inline:21px}html[data-design=sunday] .fee-tabs button{min-height:48px;font-size:12px}html[data-design=sunday] .fee-tabs button.active{color:#554075;border-bottom-color:#554075;font-weight:700}html[data-design=sunday] .fee-filters{background:#fffefa;padding:17px 21px}html[data-design=sunday] .fee-list{padding-inline:21px}html[data-design=sunday] .fee-item{gap:15px;padding-block:18px}html[data-design=sunday] .invoice-description strong{font-weight:700}html[data-design=sunday] .invoice-amount>strong{font-variant-numeric:tabular-nums;font:650 24px/1.1 Bricolage Grotesque,sans-serif}html[data-design=sunday] .fee-stats .stat-card{box-shadow:none;background:#f8f4fc;border:1px solid #d7cce3;border-radius:12px;padding:18px}html[data-design=sunday] .fee-stats :is(.paid-stat,.overdue-stat){background:#fffefa}html[data-design=sunday] .fee-stats .paid-stat{border-color:#bdcda8}html[data-design=sunday] .fee-stats .overdue-stat{border-color:#d9b0a8}html[data-design=sunday] .member-card:not(.inactive){box-shadow:none;background:linear-gradient(130deg,#eee5fb,#ddd0f3 65%,#edf3ce);border:1px solid #b8a3d0;border-radius:16px}html[data-design=sunday] .card-identity h2{font:650 29px/1.1 Bricolage Grotesque,sans-serif}html[data-design=sunday] .card-open{min-height:44px}html[data-design=sunday] :is(.payment-settings,.fee-overview,.fritidskortet-section){background:#f8f4fc;border-color:#d9cce5;border-radius:12px}html[data-design=sunday] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs){background:#f0e9f8;border:1px solid #ddd0e9;border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px}html[data-design=sunday] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button{color:#7a678a;background:0 0;border:1px solid #0000;border-radius:7px;min-height:44px;padding:10px 13px;font-size:12px}html[data-design=sunday] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs)>button.active{color:#554075;box-shadow:none;background:#fffefa;border:1px solid #cebbdf;font-weight:700}html[data-design=sunday] .calendar-period h2{letter-spacing:-.045em;font:650 29px/1.15 Bricolage Grotesque,sans-serif}html[data-design=sunday] .calendar-event{color:#5c4476;background:#eee6f8;border-left:3px solid #b49acb;border-radius:6px}html[data-design=sunday] .month-day.today{background:#f0f4df}html[data-design=sunday] .plan-card h2{font-size:30px}html[data-design=sunday] .plan-moment{background:#f7f2fb;border:1px solid #e1d6eb;border-radius:10px;padding:17px}html[data-design=sunday] :is(.form-dialog,.design-dialog,.automation-dialog){background:#fffefa;border:1px solid #b6a0ca;border-radius:17px;box-shadow:0 24px 80px #38244830}html[data-design=sunday] .form-dialog{padding:25px}html[data-design=sunday] .dialog-heading{border-bottom:1px solid #e0d2eb;padding-bottom:17px}html[data-design=sunday] .dialog-heading h2{letter-spacing:-.045em;font:650 31px/1.1 Bricolage Grotesque,sans-serif}html[data-design=sunday] .form-dialog .dialog-actions{background:#fffefa;border-color:#e0d2eb;gap:9px}html[data-design=sunday] .content-footer{border-color:#d9cce5;margin-top:32px}html[data-design=sunday] .login-layout{background:#eeebf5}html[data-design=sunday] .login-story{color:#292331;box-shadow:none;background:#cdc3ed;border:1px solid #b4a4d3;border-radius:22px;position:relative}html[data-design=sunday] .story-main h1{letter-spacing:-.065em;max-width:16ch;font:650 clamp(52px,5.5vw,84px)/.98 Bricolage Grotesque,sans-serif}html[data-design=sunday] .story-main h1 em{color:#292331;text-underline-offset:10px;font-style:normal;-webkit-text-decoration:underline #e5f3ac;text-decoration:underline #e5f3ac;text-decoration-thickness:7px}html[data-design=sunday] .story-main>p{color:#5b4b70;max-width:41ch;font-size:15px;line-height:1.75}html[data-design=sunday] .story-footer{color:#5b4b70}html[data-design=sunday] .login-form-wrap{background:#fffefa;border:1px solid #ded6e8;border-radius:22px}html[data-design=sunday] .login-form h2{letter-spacing:-.055em;font:650 clamp(33px,3.1vw,45px)/1.02 Bricolage Grotesque,sans-serif}html[data-design=sunday] .login-form>.badge{color:#64517a;background:#f0eaf8;border:1px solid #e0d3eb;border-radius:7px}html[data-design=sunday] .login-form .button.primary{min-height:48px}html[data-design=sunday] .login-note{border:0;color:#74677f;background:0 0;border-block:1px solid #e5dced}html[data-design=sunday] .join-onboarding{max-width:1080px}html[data-design=sunday] .join-onboarding .onboarding-brandrow{border-bottom:1px solid #b9a4cf;padding-bottom:24px}@media (width>=981px){html[data-design=sunday] .sidebar{width:var(--design-width);border-radius:0;height:100dvh;padding:28px 17px 17px;position:fixed;inset:0 auto 0 0;overflow:visible}html[data-design=sunday] .workspace{width:calc(100% - var(--design-width) - 14px);min-height:calc(100dvh - 28px);margin:14px 14px 14px var(--design-width);background:#fffefa;border:1px solid #d9cee6;border-radius:20px}html[data-design=sunday] .main-content{max-width:1470px;padding:29px 34px}html[data-design=sunday] .topbar{border-radius:20px 20px 0 0;padding-inline:34px}html[data-design=sunday] .dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:23px;display:grid}html[data-design=sunday] .dashboard-main{grid-template-columns:minmax(0,1fr) 175px;align-items:start;gap:21px;display:grid}html[data-design=sunday] .dashboard-main .next-activity{grid-area:1/1;padding:27px;display:block}html[data-design=sunday] .dashboard-main .stat-strip{border:0;flex-direction:column;grid-area:1/2;justify-content:space-between;align-self:stretch;gap:10px;display:flex}html[data-design=sunday] .dashboard-main .stat-strip>button{flex:1;padding:16px}html[data-design=sunday] .dashboard-main .stat-strip .stat-icon{display:none}html[data-design=sunday] .dashboard-main .agenda-panel{grid-area:2/1/auto/-1}html[data-design=sunday] .dashboard-aside{flex-direction:column;gap:22px;display:flex}html[data-design=sunday] .login-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;padding:18px}html[data-design=sunday] .login-story{padding:35px clamp(32px,4vw,65px)}html[data-design=sunday] .login-form-wrap{padding:65px clamp(29px,4vw,63px) 35px}}@media (width>=1180px){html[data-design=sunday] .personal-hub{grid-template-columns:192px minmax(0,1fr);align-items:start;gap:0 25px;display:grid}html[data-design=sunday] .personal-hub>.hub-heading{grid-column:1/-1}html[data-design=sunday] .personal-hub>.personal-navigation{border-radius:13px;flex-direction:column;grid-area:2/1;gap:6px;margin:0;padding:8px;display:flex}html[data-design=sunday] .personal-hub .personal-navigation a{border-color:#0000;border-radius:8px;justify-content:flex-start;min-height:54px;padding:14px 11px;font-size:12px}html[data-design=sunday] .personal-hub .personal-navigation a.active{color:#392e45;background:#e5f3ac;border-color:#d0de96}html[data-design=sunday] .personal-hub>.personal-content{grid-area:2/2;min-width:0}html[data-design=sunday] .personal-content .fee-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=981px) and (width<=1390px){html[data-design=sunday] .dashboard-grid{grid-template-columns:minmax(0,1fr)}html[data-design=sunday] .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@container (width<=540px){html[data-design=sunday] .member-row{grid-template-columns:minmax(0,1fr) auto 44px;gap:0 7px}html[data-design=sunday] .member-row .payment-button{min-height:44px;padding-inline:4px;font-size:11px}html[data-design=sunday] .member-row .mobile-name{min-height:44px;font-size:13px}}@media (width<=980px){html[data-design=sunday] .sidebar{border-radius:0 18px 18px 0}html[data-design=sunday] .workspace{background:#fffefa;border:0;border-radius:0;width:100%;min-height:100dvh;margin:0}html[data-design=sunday] .topbar{background:#fffefa;border-bottom:1px solid #e0d3eb;border-radius:0;height:64px;padding-inline:16px}html[data-design=sunday] .main-content{padding:25px 18px calc(var(--mobile-nav-clearance) + 26px)}html[data-design=sunday] .page-heading,html[data-design=sunday] .hub-heading{border:0;gap:15px;margin-bottom:24px;padding:0}html[data-design=sunday] .page-heading h1,html[data-design=sunday] .hub-title{font-size:clamp(35px,5vw,45px)}html[data-design=sunday] .panel:not(.fee-panel){padding:20px}html[data-design=sunday] .panel.fee-panel{padding:0}html[data-design=sunday] .next-activity{padding:22px;display:block}html[data-design=sunday] .hero-body{min-height:0;padding-block:20px}html[data-design=sunday] .hero-body h2{font-size:33px}html[data-design=sunday] .hero-footer{border-left:0;margin:0;padding:15px 0 0}html[data-design=sunday] .stat-strip strong{font-size:30px}html[data-design=sunday] .stat-strip>button{padding:15px 10px}html[data-design=sunday] .stat-strip .stat-icon{display:none}html[data-design=sunday] .bottom-nav{height:var(--mobile-nav-clearance);padding:5px 12px calc(5px + env(safe-area-inset-bottom));box-shadow:none;background:#f5f0fa;border-top:1px solid #d6c6e3}html[data-design=sunday] .bottom-nav button.active{color:#49345f;box-shadow:none;background:#e5f3ac;border:1px solid #d3df9f;border-radius:9px}html[data-design=sunday] .login-layout{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}html[data-design=sunday] .login-story{border:1px solid #b6a3d1;border-radius:18px;min-height:auto;padding:27px}html[data-design=sunday] .login-story .story-main{padding-block:32px 8px}html[data-design=sunday] .story-main h1{max-width:17ch;font-size:48px}html[data-design=sunday] .story-main>p{margin-top:18px;font-size:14px}html[data-design=sunday] .login-form-wrap{border-radius:18px;padding:32px 26px 25px}html[data-design=sunday] .login-form h2{font-size:35px}html[data-design=sunday] :is(input,select,textarea){font-size:16px}}@media (width<=600px){html[data-design=sunday] .main-content{padding-inline:15px}html[data-design=sunday] .page-heading h1,html[data-design=sunday] .hub-title{font-size:36px}html[data-design=sunday] .personal-navigation{gap:3px;margin-bottom:19px;padding:4px}html[data-design=sunday] .personal-navigation a{padding-inline:2px;font-size:12px}html[data-design=sunday] .personal-navigation a>svg{display:none}html[data-design=sunday] .personal-section-heading{gap:9px;padding:18px 16px}html[data-design=sunday] .personal-section-heading h2{font-size:25px}html[data-design=sunday] .personal-list{gap:9px;padding:10px}html[data-design=sunday] .personal-list .personal-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:15px}html[data-design=sunday] .personal-list .personal-row:first-child{padding-top:15px}html[data-design=sunday] .personal-row .person-avatar{border-radius:12px;flex-basis:45px;width:45px;height:45px}html[data-design=sunday] .person-name h3{font-size:14px}html[data-design=sunday] .personal-row .person-groups{margin-left:59px}html[data-design=sunday] .personal-row .person-details{grid-area:3/1;margin-left:59px}html[data-design=sunday] .personal-row .person-details[open]{margin-left:0}html[data-design=sunday] .person-details dl{grid-template-columns:minmax(0,1fr)}html[data-design=sunday] .fee-tabs,html[data-design=sunday] .fee-list{padding-inline:15px}html[data-design=sunday] .fee-tabs{gap:17px}html[data-design=sunday] .fee-filters{padding:15px}html[data-design=sunday] .fee-item{gap:12px;padding-block:16px}html[data-design=sunday] .calendar-period h2{font-size:24px}html[data-design=sunday] .calendar-toolbar .tabs{gap:2px;padding:3px}html[data-design=sunday] .calendar-toolbar .tabs>button{padding-inline:3px;font-size:11px}html[data-design=sunday] .form-dialog{padding:20px}html[data-design=sunday] .dialog-heading h2{font-size:28px}html[data-design=sunday] .story-main h1{font-size:clamp(38px,10vw,48px)}html[data-design=sunday] .story-main h1 em{text-underline-offset:7px;text-decoration-thickness:5px}html[data-design=sunday] .login-form-wrap{padding:29px 21px 24px}html[data-design=sunday] .login-form h2{font-size:32px}}@media print{html[data-design=sunday] :is(.sidebar,.topbar,.bottom-nav){display:none}html[data-design=sunday] .workspace{border:0;border-radius:0;width:100%;margin:0;padding:0}html[data-design=sunday] .main-content{max-width:none;padding:0}}html[data-design=clubcolors]{--design-width:246px;--design-radius:18px;--design-control-radius:10px;--design-shadow:none}html[data-design=clubcolors] .sidebar{background:var(--sidebar-bg);padding:0 15px 15px}html[data-design=clubcolors] .sidebar:before{content:none}html[data-design=clubcolors] .sidebar-head{--text:var(--club-on-primary);--accent:var(--club-on-primary);background:var(--club-primary);color:var(--club-on-primary);border-bottom:1px solid var(--club-primary-edge);margin:0 -15px 20px;padding:27px 20px 30px;position:relative}html[data-design=clubcolors] .sidebar-head:after{content:"";background:linear-gradient(90deg, var(--club-secondary) 0 72%, var(--club-accent) 72%);pointer-events:none;height:5px;position:absolute;inset:auto 0 0}html[data-design=clubcolors] .sidebar-head .icon-button{color:var(--club-on-primary)}html[data-design=clubcolors] .sidebar-head .icon-button:focus-visible{outline-color:var(--club-on-primary)}html[data-design=clubcolors] .sidebar nav{gap:4px}html[data-design=clubcolors] .sidebar nav button{border-radius:7px;min-height:44px;padding:11px;font-weight:600}html[data-design=clubcolors] .sidebar nav button.active{box-shadow:none}html[data-design=clubcolors] .sidebar nav button.active .privacy-nav-count{color:var(--club-primary);background:var(--club-on-primary)}html[data-design=clubcolors] :is(.club-switch,.design-trigger,.trial-card){box-shadow:none;border-radius:9px}html[data-design=clubcolors] .topbar{background:var(--surface);height:64px}html[data-design=clubcolors] .main-content{max-width:1360px;padding:32px clamp(20px,3vw,38px) 30px}html[data-design=clubcolors] .sidebar .app-navigation .nav-section-title{color:var(--muted)}html[data-design=clubcolors] .sidebar .app-navigation .nav-item{color:var(--text);background:0 0;border-radius:9px}html[data-design=clubcolors] .sidebar .app-navigation .nav-item:hover{background:var(--surface)}html[data-design=clubcolors] .sidebar .app-navigation .nav-item.active{background:var(--club-primary);color:var(--club-on-primary);border-color:var(--club-primary-edge)}html[data-design=clubcolors] .page-heading{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;align-items:flex-end;gap:18px;margin-bottom:26px;padding:0 0 24px}html[data-design=clubcolors] .page-heading h1{color:var(--text);letter-spacing:-.045em;font-size:clamp(30px,3vw,44px);line-height:1.12}html[data-design=clubcolors] .page-heading .eyebrow{color:var(--accent);font-weight:700}html[data-design=clubcolors] :is(.button.primary,.hero-footer .button.primary){min-height:44px;box-shadow:none;border-radius:7px;padding:11px 17px;font-weight:650}html[data-design=clubcolors] .button.secondary{box-shadow:none;font-weight:600}html[data-design=clubcolors] :is(.button.primary,.hero-footer .button.primary)>svg{color:currentColor;background:0 0;border-radius:0;width:18px;height:18px;padding:0}html[data-design=clubcolors] .next-activity{background:var(--hero-bg);border:1px solid var(--hero-border);box-shadow:none;border-radius:12px;padding:26px 28px;position:relative}html[data-design=clubcolors] .next-activity:before{content:"";background:linear-gradient(90deg, var(--club-primary) 0 64%, var(--club-secondary) 64% 88%, var(--club-accent) 88%);pointer-events:none;height:6px;position:absolute;inset:0 0 auto}html[data-design=clubcolors] .hero-body{min-height:132px;padding-block:23px}html[data-design=clubcolors] .hero-body h2{max-width:25ch;font-size:clamp(29px,3vw,40px);line-height:1.14}html[data-design=clubcolors] .hero-footer{border-top:1px solid var(--hero-border);padding-top:18px}html[data-design=clubcolors] .stat-strip{border:1px solid var(--border);border-radius:10px;gap:0;overflow:hidden}html[data-design=clubcolors] .stat-strip>button{box-shadow:none;border:0;border-radius:0;padding:19px 22px}html[data-design=clubcolors] .stat-strip>button:is(:first-child,:last-child){border-radius:0}html[data-design=clubcolors] .stat-strip>button+button{border-left:1px solid var(--border)}html[data-design=clubcolors] .stat-strip strong{font-variant-numeric:tabular-nums;font-size:31px}html[data-design=clubcolors] .onboarding-card{border-top-width:1px;border-left:5px solid var(--club-accent);border-radius:9px}html[data-design=clubcolors] :is(.panel,.plan-card,.catalog-card,.camp-tile,.campaign-card){box-shadow:none;border-radius:12px}html[data-design=clubcolors] .group-strip{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px}html[data-design=clubcolors] .group-card{border-top:1px solid var(--border);border-left:4px solid var(--club-primary);background:var(--surface);border-radius:8px;padding:14px 16px 8px}html[data-design=clubcolors] .group-card .icon-tile{border-radius:8px;width:34px;height:34px}html[data-design=clubcolors] .panel.member-register{padding:0;overflow:visible}html[data-design=clubcolors] .panel.member-register>.section-heading{border-bottom:1px solid var(--border);background:var(--club-header-bg);border-radius:12px 12px 0 0;margin:0;padding:18px 22px}html[data-design=clubcolors] .panel.member-register>.member-register{padding:0 22px 14px}html[data-design=clubcolors] .member-filters{border-bottom:1px solid var(--border);gap:6px 10px;margin:0 0 12px;padding:18px 0 12px}html[data-design=clubcolors] .member-filters>label{margin:0}html[data-design=clubcolors] .member-row{min-height:56px;padding-block:4px}html[data-design=clubcolors] .member-row .mobile-name{min-height:44px;font-weight:650}html[data-design=clubcolors] .member-row .payment-button{background:0 0;border-color:#0000;border-radius:7px;min-height:44px;padding:4px 8px}html[data-design=clubcolors] .member-row .payment-button.paid{color:var(--positive);background:var(--positive-soft)}html[data-design=clubcolors] .member-row .payment-button[data-payment-state=unpaid],html[data-design=clubcolors] .member-row .payment-button[data-payment-state=partial]{color:#933c24;background:#fff0e9}html[data-design=clubcolors] .member-row .member-menu>button{background:0 0;border-color:#0000}html[data-design=clubcolors] .member-info.expanded{border-left:2px solid var(--border);margin-block:2px 8px;padding-left:12px}html[data-design=clubcolors] .member-menu-options{background:var(--surface);border-radius:9px}html[data-design=clubcolors] :is(.payment-settings,.fritidskortet-section,.fee-overview){border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:12px}html[data-design=clubcolors] :is(.payment-settings,.fritidskortet-section,.fee-overview)>summary{min-height:54px;padding:14px 18px}html[data-design=clubcolors] .fee-overview>summary{background:var(--club-stat-primary-bg);border-radius:10px}html[data-design=clubcolors] .fee-tabs{background:var(--club-header-bg);border-bottom:1px solid var(--border);gap:5px;padding:7px 14px}html[data-design=clubcolors] .fee-tabs>button{border-radius:6px;min-height:44px;padding:10px 13px;font-weight:600}html[data-design=clubcolors] .fee-panel .fee-filters{background:var(--surface);border-block:1px solid var(--border)}html[data-design=clubcolors] .fee-panel .fee-item{gap:16px;padding-block:18px}html[data-design=clubcolors] .invoice-description>strong{font-size:14px;font-weight:700}html[data-design=clubcolors] .invoice-amount>strong{font-variant-numeric:tabular-nums;font-size:17px;font-weight:750}html[data-design=clubcolors] .fee-item>.button{border-color:var(--border);background:var(--surface);color:var(--accent);padding:9px 13px;font-size:12px}html[data-design=clubcolors] .fee-detail .detail-total{border-left:4px solid var(--club-primary);background:var(--club-stat-primary-bg);border-radius:9px}html[data-design=clubcolors] .form-dialog>.dialog-heading{border:0;border-bottom:3px solid var(--club-primary);background:0 0;border-radius:0;padding:0 0 18px}html[data-design=clubcolors] .form-dialog{border-radius:12px}html[data-design=clubcolors] :is(.tabs,.role-tabs,.camp-tabs,.fund-tabs,.personal-navigation){border-radius:8px}html[data-design=clubcolors] .calendar-panel .calendar-toolbar{border-bottom:1px solid var(--border);padding-bottom:16px}html[data-design=clubcolors] :is(.calendar-controls,.activity-meta){background:var(--club-header-bg);border-radius:8px}html[data-design=clubcolors] .month-day.today{background:var(--club-stat-primary-bg);box-shadow:inset 0 3px 0 var(--club-primary)}html[data-design=clubcolors] :is(.plan-card,.camp-tile,.campaign-card){border-top:4px solid var(--club-primary)}html[data-design=clubcolors] :is(.people-panel,.message-list-panel,.document-library)>.section-heading{border-bottom:1px solid var(--border)}html[data-design=clubcolors] :is(.account-row,.definition-row,.message-card,.document-row){border-color:var(--border)}html[data-design=clubcolors] :is(.permission-option.selected,.personal-navigation>a.active){background:var(--accent-soft);color:var(--accent);border-color:var(--control-border)}html[data-design=clubcolors] .personal-hub{max-width:1100px;margin-inline:auto}html[data-design=clubcolors] .personal-header{border:1px solid var(--club-primary-edge);background:var(--club-primary);color:var(--club-on-primary);border-radius:20px;margin-bottom:20px;padding:30px 32px 34px;position:relative;overflow:hidden}html[data-design=clubcolors] .personal-header:after{content:"";background:linear-gradient(90deg, var(--club-secondary) 0 75%, var(--club-accent) 75%);height:7px;position:absolute;inset:auto 0 0}html[data-design=clubcolors] .hub-title{color:var(--club-on-primary);letter-spacing:-.055em;font-size:clamp(34px,3.6vw,50px);font-weight:750}html[data-design=clubcolors] .hub-section-label{color:var(--club-on-primary)}html[data-design=clubcolors] .personal-navigation{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:4px;width:min(100%,620px);margin-bottom:30px;padding:5px}html[data-design=clubcolors] .personal-navigation a{border:0;border-radius:8px;margin:0;padding:12px 10px;font-size:13px}html[data-design=clubcolors] .personal-navigation>a.active{background:var(--club-primary);color:var(--club-on-primary);border-color:var(--club-primary-edge)}html[data-design=clubcolors] .people-panel{background:0 0;border:0;padding:0}html[data-design=clubcolors] .personal-section-heading{padding:0 0 18px}html[data-design=clubcolors] .personal-list{gap:18px;padding:0}html[data-design=clubcolors] .personal-row.person-card{border:1px solid var(--border);border-left:5px solid var(--club-primary);background:var(--surface);border-radius:14px;max-width:480px;padding:24px 24px 12px;box-shadow:0 6px 22px #18212f06}html[data-design=clubcolors] .person-card .person-avatar{background:var(--club-secondary);width:54px;height:54px;color:var(--club-on-secondary);border:1px solid var(--club-secondary-edge);border-radius:15px;flex-basis:54px}html[data-design=clubcolors] .person-name h3{font-size:21px;font-weight:750}html[data-design=clubcolors] .person-card .relation-tag{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:2px 7px;font-size:11px}html[data-design=clubcolors] .person-group-tag{background:var(--club-header-bg);color:var(--text)}html[data-design=clubcolors] .person-details{padding:0}html[data-design=clubcolors] .personal-secondary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}html[data-design=clubcolors] :is(.personal-roles,.personal-help){background:var(--club-header-bg);border:1px solid var(--border);border-radius:12px;padding:0}html[data-design=clubcolors] :is(.personal-roles,.personal-help)>summary{min-height:60px;padding:16px 18px}html[data-design=clubcolors] :is(.role-details,.help-content){padding:0 18px 18px}@media (width>=1200px){html[data-design=clubcolors] .dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}html[data-design=clubcolors] :is(.dashboard-main,.dashboard-aside){display:contents}html[data-design=clubcolors] :is(.next-activity,.stat-strip){grid-column:1/-1}html[data-design=clubcolors] .agenda-panel{grid-column:1}html[data-design=clubcolors] .todo-panel{grid-column:2}html[data-design=clubcolors] .dashboard-grid:not(:has(.agenda-panel)) .todo-panel{grid-column:1/-1}html[data-design=clubcolors] .onboarding-card{grid-column:1/-1;margin:0}}@media (width<=980px){html[data-design=clubcolors] .sidebar{padding:0 16px 18px}html[data-design=clubcolors] .sidebar-head{margin-inline:-16px;padding:25px 20px}html[data-design=clubcolors] .main-content{padding:24px 16px calc(var(--mobile-nav-clearance) + 28px)}html[data-design=clubcolors] .page-heading{border-left:0;gap:14px;margin-bottom:20px;padding:0 0 18px}html[data-design=clubcolors] .page-heading h1{font-size:30px}html[data-design=clubcolors] .next-activity{padding:22px}html[data-design=clubcolors] .stat-strip>button{padding:15px 11px}html[data-design=clubcolors] .stat-strip strong{font-size:28px}html[data-design=clubcolors] .bottom-nav{background:var(--surface);border-top:2px solid var(--club-primary)}}@media (width<=600px){html[data-design=clubcolors] .personal-header{border-radius:17px;padding:24px 22px 28px}html[data-design=clubcolors] .hub-title{font-size:34px}html[data-design=clubcolors] .personal-navigation a{padding-inline:5px;font-size:12px}html[data-design=clubcolors] .personal-row.person-card{padding:21px 18px 10px}html[data-design=clubcolors] .personal-secondary{grid-template-columns:minmax(0,1fr);gap:10px}html[data-design=clubcolors] .page-heading{align-items:flex-start}html[data-design=clubcolors] .page-heading .button{padding:10px 13px;font-size:12px}html[data-design=clubcolors] .panel.member-register>.section-heading{padding:15px}html[data-design=clubcolors] .panel.member-register>.member-register{padding:0 14px 10px}html[data-design=clubcolors] .member-row{min-height:52px}html[data-design=clubcolors] .fee-tabs{flex-wrap:wrap;gap:4px;padding:5px 8px}html[data-design=clubcolors] .fee-tabs>button{flex:auto;padding-inline:9px;font-size:12px}html[data-design=clubcolors] .fee-panel .fee-item{gap:10px;padding-block:16px}html[data-design=clubcolors] :is(.my-payment-intro,.activity-meta.panel){padding:16px}html[data-design=clubcolors] .form-dialog .dialog-heading h2{font-size:23px}}@container (width<=540px){html[data-design=clubcolors] .member-row .payment-button{padding:5px 6px;font-size:10px}html[data-design=clubcolors] .member-row .mobile-name{font-size:13px}}@media print{html[data-design=clubcolors] :is(.sidebar,.topbar,.bottom-nav){display:none}html[data-design=clubcolors] .workspace{width:100%;margin:0}}html[data-design] :is(.brand,.sidebar-head .brand,.login-story .brand){--brand-symbol-size:36px;--brand-wordmark-width:96px;width:max-content;max-width:100%;min-height:44px;color:var(--text);white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0;line-height:1;text-decoration:none;display:inline-flex}html[data-design] :is(.brand,.sidebar-head .brand,.login-story .brand):hover{color:var(--text);text-decoration:none}html[data-design] :is(.brand-mark,.sidebar-head .brand-mark,.login-story .brand-mark){flex:0 0 calc(var(--brand-symbol-size,36px) * 428 / 501);width:calc(var(--brand-symbol-size,36px) * 428 / 501);min-width:0;height:var(--brand-symbol-size,36px);box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;transform:none}html[data-design] .brand-mark>svg.idrivo-symbol{flex-shrink:0;width:100%;height:100%;display:block;overflow:hidden}html[data-design] :is(.brand .brand-name,.sidebar-head .brand-name,.footer-wordmark .brand-name){width:var(--brand-wordmark-width,96px);min-width:0;max-width:100%;color:var(--text);white-space:nowrap;transform:translateY(calc(var(--brand-symbol-size,36px) * .08));flex:none;align-items:center;line-height:0;display:inline-flex}html[data-design] .brand-name>svg.idrivo-wordmark{aspect-ratio:1253/393;flex-shrink:0;width:100%;height:auto;display:block;overflow:hidden}html[data-design] :is(.login-story .brand,.onboarding-brandrow .brand){--brand-symbol-size:44px;--brand-wordmark-width:117px;gap:10px}html[data-design] .footer-wordmark{--brand-symbol-size:26px;--brand-wordmark-width:69px;width:max-content;max-width:100%;color:var(--text);white-space:nowrap;align-items:center;gap:6px;line-height:1;display:inline-flex}html[data-design] .content-footer.compact .footer-wordmark{--brand-symbol-size:24px;--brand-wordmark-width:64px}html[data-design] .loading-screen>.brand-mark{--brand-symbol-size:48px}@media (width<=980px){html[data-design] .sidebar-head .brand{--brand-symbol-size:36px;--brand-wordmark-width:96px;flex-direction:row;gap:8px}html[data-design] :is(.login-story .brand,.onboarding-brandrow .brand){--brand-symbol-size:40px;--brand-wordmark-width:106px;gap:9px}html[data-design=arena] .sidebar{width:min(352px,100vw - 24px);padding:max(16px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));border-radius:0 22px 22px 0}html[data-design=arena] .sidebar-head{justify-content:space-between;align-items:center;gap:12px;padding:0 0 14px}html[data-design=arena] .sidebar-head .brand{flex:0 auto;min-width:0}html[data-design=arena] .sidebar-head .mobile-close{background:#ffffff08;border:1px solid #ffffff20;border-radius:12px;flex:0 0 44px;margin-left:auto;position:static}html[data-design=arena] .sidebar-tools{gap:6px;margin-bottom:16px}html[data-design=arena] .sidebar .club-switch{min-height:64px;padding:10px 12px}html[data-design=arena] .sidebar .club-select select{text-overflow:ellipsis;min-width:0;max-width:100%;min-height:32px;padding:0 24px 0 0;font-size:16px;line-height:1.4}html[data-design=arena] .sidebar-tools .design-trigger{padding-inline:12px}html[data-design=arena] .sidebar-tools .design-trigger-label strong{font-size:13px}html[data-design=arena] .sidebar .app-navigation{scrollbar-color:#50617e transparent;padding:2px 4px 8px}html[data-design=arena] .app-navigation .nav-section{margin-bottom:18px}html[data-design=arena] .app-navigation .nav-section-title{margin-inline:10px;color:#a4b4ce;margin-bottom:6px}html[data-design=arena] .app-navigation .nav-item{border-radius:10px;gap:12px;min-height:46px;padding:11px 10px;font-size:14px;line-height:1.4}html[data-design=arena] .sidebar-bottom{padding-top:8px}html[data-design=arena] .sidebar .trial-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 8px;margin-bottom:6px;padding:7px 10px;display:grid}html[data-design=arena] .sidebar .trial-card>button{white-space:normal;grid-area:1/2/3;min-width:0;min-height:44px;font-size:11px;line-height:1.4}html[data-design=arena] .sidebar .profile-button{border-radius:10px;min-height:52px;padding:5px 8px}html[data-design=arena] .sidebar .profile-button strong{font-size:13px}html[data-design=arena] .sidebar .profile-button small{font-size:11px}html[data-design=arena] .topbar{height:62px;padding-inline:max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right));gap:12px}html[data-design=arena] .topbar-actions{gap:6px}html[data-design=arena] .topbar-actions .mobile-menu-utility{display:none}html[data-design=arena] .topbar-actions>.icon-button{border-radius:12px;width:44px;min-width:44px;height:44px}html[data-design=arena] .breadcrumb strong{font-size:13px;font-weight:650}html[data-design=arena] .bottom-nav{padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));gap:4px;box-shadow:0 -4px 24px #18223706}html[data-design=arena] .bottom-nav button{gap:5px;min-width:0;padding-inline:2px;font-size:11px;line-height:1.2}html[data-design=arena] .main-content{padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}html[data-design=arena] :is(form,fieldset,label,.form-grid,.form-fields,.editor,.moment-fields){min-width:0;min-inline-size:0;max-width:100%}html[data-design=arena] :is(.form-fields,.form-grid)>*{min-width:0}html[data-design=arena] .form-fields{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .search-field{min-width:0;max-width:100%}html[data-design=arena] :is(.workspace,.form-dialog,.login-layout,.onboarding-page) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=hidden]){box-sizing:border-box;letter-spacing:normal;width:100%;min-width:0;max-width:100%;height:auto;min-height:46px;font-size:16px;line-height:1.45;display:block}html[data-design=arena] :where(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=hidden]),select,textarea){padding:11px 12px}html[data-design=arena] :is(.workspace,.form-dialog,.login-layout,.onboarding-page) select{text-overflow:ellipsis;padding-right:32px}html[data-design=arena] input::-webkit-datetime-edit{min-width:0;padding:0}html[data-design=arena] input::-webkit-date-and-time-value{text-align:left;min-height:1.45em}html[data-design=arena] :is(input,select,textarea){scroll-margin-block:88px calc(var(--mobile-nav-clearance) + 24px)}html[data-design=arena] label{white-space:normal;overflow-wrap:anywhere}html[data-design=arena] :is(.inline-actions,.section-heading){flex-wrap:wrap;min-width:0}html[data-design=arena] :is(.notice,.alert,.activity-preview){overflow-wrap:anywhere;min-width:0}html[data-design=arena] :is(.notice,.alert,.activity-preview)>div{min-width:0}html[data-design=arena] .button{white-space:normal;overflow-wrap:anywhere;min-width:0}html[data-design=arena] .form-dialog{width:min(650px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;padding:20px;scroll-padding-block:20px 90px}html[data-design=arena] .dialog-heading{align-items:flex-start;gap:12px}html[data-design=arena] .form-dialog .dialog-heading h2{overflow-wrap:anywhere;font-size:24px;line-height:1.2}html[data-design=arena] .form-dialog .dialog-heading>.icon-button{flex:0 0 44px}html[data-design=arena] .form-dialog.application-review .form-grid{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .requested-person>div{min-width:0}html[data-design=arena] :is(.requested-person h3,.approval-summary strong){overflow-wrap:anywhere}html[data-design=arena] .form-dialog .dialog-actions{z-index:2;background:#fff;flex-wrap:wrap;gap:8px;padding-block:12px;bottom:-20px}}@media (width<=600px){html[data-design=arena] .breadcrumb>strong:before{content:none}html[data-design=arena] .page-heading{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:22px}html[data-design=arena] .page-heading>div:first-child{flex:100%}html[data-design=arena] .page-heading h1{font-size:clamp(27px,7.4vw,32px);line-height:1.15}html[data-design=arena] .page-heading>.button{font-size:13px}html[data-design=arena] .form-grid{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .form-dialog{padding:18px}html[data-design=arena] .form-dialog .dialog-actions{bottom:-18px}html[data-design=arena] .weekday-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}html[data-design=arena] .activity-mode{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design=arena] .activity-mode button{align-items:center;min-width:0;padding:12px}html[data-design=arena] .activity-mode strong{overflow-wrap:anywhere;min-width:0}html[data-design=arena] .weekday-picker label{gap:4px;min-width:0;padding-inline:3px}html[data-design=arena] .weekday-time-row{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design=arena] .training-start{padding:14px}html[data-design=arena] .moment-editor{gap:10px;min-width:0}html[data-design=arena] .moment-fields{flex:1}html[data-design=arena] .training-moment-basics{grid-template-columns:minmax(0,1fr) 80px;gap:10px}}@media (width<=480px){html[data-design=arena] .activity-mode{grid-template-columns:minmax(0,1fr);gap:8px}}@media (width<=380px){html[data-design=arena] .main-content{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}html[data-design=arena] .form-dialog{padding:16px}html[data-design=arena] .form-dialog .dialog-actions{bottom:-16px}html[data-design=arena] .form-dialog .dialog-actions>.button{flex:100%}html[data-design=arena] .weekday-times{padding:12px}html[data-design=arena] .weekday-time-row,html[data-design=arena] .training-moment-basics{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .training-moment-basics label:last-child{max-width:110px}}@media (width<=980px) and (height<=640px){html[data-design=arena] .sidebar{overscroll-behavior:contain;overflow-y:auto}html[data-design=arena] .sidebar-head{z-index:2;background:#15243e;padding-top:8px;position:sticky;top:0}html[data-design=arena] .sidebar .app-navigation{flex:none;overflow:visible}html[data-design=arena] .form-dialog .dialog-actions{position:static}}html[data-design=arena] .panel.member-register{min-width:0;padding:0;overflow:visible}html[data-design=arena] .panel.member-register>.member-register{min-width:0;padding:0 24px 16px;overflow:visible;container:arena-members/inline-size}html[data-design=arena] .panel.member-register>.section-heading{flex-wrap:wrap;gap:10px 16px;min-width:0}html[data-design=arena] .panel.member-register>.section-heading h2{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:22px;line-height:1.2}html[data-design=arena] .member-register .member-filters{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 10px;min-width:0;margin:0 0 14px;padding:16px 0 12px;display:grid}html[data-design=arena] .member-filters>label{grid-column:1;min-width:0;margin:0;font-size:13px}html[data-design=arena] .member-filters>.button{grid-column:2;align-self:end;gap:6px;min-height:44px;padding:10px 12px;font-size:13px}html[data-design=arena] .member-filters input,html[data-design=arena] .register-filters select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px}html[data-design=arena] .member-register .register-filters{grid-column:1/-1;min-width:0;max-width:100%;margin:0;padding:0}html[data-design=arena] .register-filters>summary{min-width:0;min-height:44px;color:var(--muted);white-space:normal;word-break:normal;overflow-wrap:anywhere;padding:10px 0;font-size:12px;line-height:1.5}html[data-design=arena] .register-filters>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0 2px;display:grid}html[data-design=arena] .register-filters label{min-width:0;margin:0;font-size:12px}html[data-design=arena] .register-filters select{text-overflow:ellipsis}html[data-design=arena] .member-register :is(.alert,.payment-caption,p[role=status]){overflow-wrap:anywhere;min-width:0;max-width:100%}html[data-design=arena] .member-list{min-width:0;overflow:visible}html[data-design=arena] .member-list .member-row{border-bottom:1px solid #e8edf6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:52px;padding:4px 0;display:grid;overflow:visible}html[data-design=arena] .member-row>.person,html[data-design=arena] .member-row .person>div{min-width:0;max-width:100%}html[data-design=arena] .member-row .mobile-name{min-width:0;min-height:44px;color:var(--text);gap:5px;padding:5px 0;font-size:14px;font-weight:650;line-height:1.4}html[data-design=arena] .mobile-name>span{white-space:normal;word-break:normal;overflow-wrap:anywhere;min-width:0}html[data-design=arena] .member-row .member-actions{gap:6px;min-width:0}html[data-design=arena] .member-row .payment-button{min-width:0;max-width:132px;min-height:44px;color:var(--muted);white-space:normal;word-break:normal;background:#f1f4fa;border:1px solid #0000;border-radius:7px;gap:5px;padding:7px 9px;font-size:12px;line-height:1.35}html[data-design=arena] .member-row .payment-button>span{min-width:0}html[data-design=arena] .member-row .payment-button.paid{color:#246547;background:#e7f4ec}html[data-design=arena] .member-row .payment-button:is([data-payment-state=unpaid],[data-payment-state=partial]){color:#943e24;background:#fff0e8}html[data-design=arena] .member-row .payment-button:is([data-payment-state=test_paid],[data-payment-state=unknown]){color:#36558f;background:#edf2fd}html[data-design=arena] .member-row .payment-button:hover:not(:disabled){border-color:var(--control-border)}html[data-design=arena] .member-row .leader-label{color:var(--muted);font-size:12px}html[data-design=arena] .member-row .member-info.expanded{background:#f4f7fd;border-left:2px solid #b6c8f3;border-radius:0 8px 8px 0;min-width:0;margin:3px 0 6px;padding:10px 12px}html[data-design=arena] .member-info small{word-break:normal;overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.6;display:block}html[data-design=arena] .member-info .member-groups{gap:5px;width:auto;min-width:0;max-width:100%}html[data-design=arena] .member-info .badge{white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:4px 7px;font-size:11px}html[data-design=arena] .member-row .member-menu{min-width:0;position:relative;overflow:visible}html[data-design=arena] .member-menu>.icon-button{background:0 0;border-color:#0000;border-radius:8px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}html[data-design=arena] .member-menu>.icon-button:is(:hover,[aria-expanded=true]){color:var(--accent);background:var(--accent-soft)}html[data-design=arena] .member-menu .member-menu-options{z-index:45;overscroll-behavior:contain;background:#fff;border:1px solid #c9d5e9;border-radius:10px;width:min(244px,100vw - 40px);max-height:min(352px,60dvh);padding:5px;top:calc(100% + 4px);left:auto;right:0;overflow-y:auto;box-shadow:0 12px 30px #15284922}html[data-design=arena] .member-menu .member-menu-options[data-placement=up]{top:auto;bottom:calc(100% + 6px)}html[data-design=arena] .member-menu .member-menu-options[data-placement=down]{top:calc(100% + 6px);bottom:auto}html[data-design=arena] .member-menu-options>button{white-space:normal;overflow-wrap:anywhere;border-radius:7px;min-width:0;min-height:44px;padding:10px;font-size:13px;line-height:1.4}html[data-design=arena] .member-menu-options>button:is(:hover,:focus-visible){background:#edf2ff}html[data-design=arena] .member-menu-options>.archive-option{color:var(--red)}html[data-design=arena] .member-register :is(.mobile-name,.payment-button,.icon-button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-design=arena] :is(.member-editor,.member-payment-dialog){box-sizing:border-box;overscroll-behavior:contain;min-width:0;max-width:calc(100vw - 24px);overflow-y:auto}html[data-design=arena] :is(.member-editor,.member-payment-dialog) :is(form,fieldset,.form-grid,.form-fields,label){min-width:0;max-width:100%}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-heading{align-items:flex-start;gap:12px}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-heading>div{min-width:0}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-heading h2{word-break:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.2}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-heading>.icon-button{flex:0 0 44px;min-width:44px;min-height:44px}html[data-design=arena] :is(.member-editor,.member-payment-dialog) :is(input,select,textarea):not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px}html[data-design=arena] :is(.member-editor,.member-payment-dialog) :is(p,small,.notice,.alert){overflow-wrap:anywhere;min-width:0}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .check-label{overflow-wrap:anywhere;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;min-height:44px;padding-block:6px;line-height:1.6;display:grid}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .check-label>input{width:18px;min-width:18px;height:18px;min-height:18px;margin:3px 0 0}html[data-design=arena] .member-payment-dialog .payment-item{align-items:flex-start;gap:12px;min-width:0;padding-block:17px}html[data-design=arena] .member-payment-dialog .payment-item>div{flex-basis:240px;min-width:0}html[data-design=arena] .member-payment-dialog .payment-item :is(strong,.badge){white-space:normal;overflow-wrap:anywhere;max-width:100%}html[data-design=arena] .member-payment-dialog .payment-item .badge.green{color:var(--positive);background:var(--positive-soft)}@container arena-members (width<=600px){html[data-design=arena] .member-list .member-row{grid-template-columns:minmax(0,1fr) minmax(72px,96px) 44px;gap:0 6px;min-height:50px;padding:3px 0}html[data-design=arena] .member-row>.person,html[data-design=arena] .member-row .person>div,html[data-design=arena] .member-row .member-actions{display:contents}html[data-design=arena] .member-row .avatar,html[data-design=arena] .member-row .desktop-name{display:none}html[data-design=arena] .member-row .mobile-name{grid-area:1/1;min-height:44px;font-size:13px}html[data-design=arena] .member-row .self-label{margin-left:4px;font-size:10px}html[data-design=arena] .member-row .member-info.expanded{grid-area:2/1/auto/-1;margin-bottom:7px}html[data-design=arena] .member-row .payment-button{grid-area:1/2;justify-content:center;justify-self:stretch;gap:3px;min-width:0;max-width:100%;min-height:44px;padding:6px 5px;font-size:11px}html[data-design=arena] .member-row .payment-button svg{display:none}html[data-design=arena] .member-row .payment-button.paid svg{width:12px;height:12px;display:block}html[data-design=arena] .member-row .leader-label{text-align:center;grid-area:1/2;font-size:11px}html[data-design=arena] .member-row .member-menu{grid-area:1/3}html[data-design=arena] .member-list .member-row:not(:has(.payment-button,.leader-label)){grid-template-columns:minmax(0,1fr) 44px}html[data-design=arena] .member-row:not(:has(.payment-button,.leader-label)) .member-menu{grid-column:2}html[data-design=arena] .member-register .full-caption{display:none}html[data-design=arena] .member-register .compact-caption{display:inline}html[data-design=arena] .member-register .payment-caption{margin:7px 0;font-size:11px}}@container arena-members (width<=340px){html[data-design=arena] .register-filters>div{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .member-list .member-row{grid-template-columns:minmax(0,1fr) minmax(68px,88px) 44px;gap:0 5px}html[data-design=arena] .member-list .member-row:not(:has(.payment-button,.leader-label)){grid-template-columns:minmax(0,1fr) 44px}html[data-design=arena] .member-row .payment-button{padding-inline:3px}}@media (width<=600px){html[data-design=arena] .panel.member-register>.section-heading{align-items:center;gap:8px 12px;padding:15px}html[data-design=arena] .panel.member-register>.section-heading h2{font-size:20px}html[data-design=arena] .panel.member-register>.member-register{padding:0 14px 12px}html[data-design=arena] .member-register .compact-actions{min-width:0;max-width:100%}html[data-design=arena] .member-register .compact-actions>summary{min-height:44px;padding-block:10px}html[data-design=arena] .member-register .compact-actions>.inline-actions{flex-wrap:wrap;justify-content:flex-start}html[data-design=arena] .member-detail{min-width:0;margin-bottom:16px;padding:16px}html[data-design=arena] .member-detail .list-row{flex-wrap:wrap;align-items:flex-start;gap:10px;padding-block:14px}html[data-design=arena] .member-detail .list-row>div{overflow-wrap:anywhere;flex:100%;min-width:0}html[data-design=arena] .member-detail :is(h2,h3,strong){word-break:normal;overflow-wrap:anywhere}html[data-design=arena] .member-detail h2{font-size:20px}html[data-design=arena] .group-strip{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .group-card{overflow-wrap:anywhere;min-width:0;max-width:100%}html[data-design=arena] .panel.member-register .import-box{min-width:0;max-width:calc(100% - 28px);margin:0 14px 14px}html[data-design=arena] :is(.form-dialog.member-editor,.form-dialog.member-payment-dialog){border-radius:16px}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-heading h2{font-size:24px}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-actions{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-actions>.button{white-space:normal;min-width:0;min-height:44px;padding:11px 12px;font-size:13px}html[data-design=arena] .member-payment-dialog .payment-item>.button{width:100%;min-height:44px}}@media (width<=480px){html[data-design=arena] .member-editor .form-grid,html[data-design=arena] .member-detail .form-grid,html[data-design=arena] .panel.member-register .import-box .form-grid{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=380px){html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-actions{grid-template-columns:minmax(0,1fr)}html[data-design=arena] :is(.member-editor,.member-payment-dialog) .dialog-heading h2{font-size:22px}}@media print{html[data-design=arena] .member-list .member-row{break-inside:avoid}}html[data-design=arena] :is(.fee-panel,.fee-stats,.fee-overview,.payment-settings,.fritidskortet-section,.automation-card){min-width:0;max-width:100%}html[data-design=arena] .panel.fee-panel{padding:0;overflow:visible}html[data-design=arena] :is(.fee-panel,.payment-settings,.fee-detail,.fee-editor,.automation-dialog) :is(form,fieldset,label){min-width:0;min-inline-size:0;max-width:100%}html[data-design=arena] :is(.fee-panel,.fee-stats,.fee-overview,.fee-detail,.fee-editor,.automation-dialog) :is(h2,h3,strong,small,p,dd,legend){overflow-wrap:anywhere}html[data-design=arena] .fee-panel .fee-filters .name-search,html[data-design=arena] .fee-panel .fee-filters .name-search input{min-width:0!important}html[data-design=arena] .fee-stats .stat-card{min-width:0;max-width:100%}html[data-design=arena] .fee-stats .stat-card>strong{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;max-width:100%;line-height:1.18}html[data-design=arena] .fee-item .invoice-amount,html[data-design=arena] .fee-item .invoice-amount>strong{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;max-width:100%}html[data-design=arena] .fee-item .invoice-description>:is(strong,span,small){overflow-wrap:anywhere;min-width:0}html[data-design=arena] .fee-item .payment-status{white-space:normal;overflow-wrap:anywhere;max-width:100%}html[data-design=arena] :is(.fee-detail,.fee-editor,.automation-dialog) :is(.button,.text-button){white-space:normal;max-width:100%;min-height:44px}html[data-design=arena] .automation-dialog :is(.period-editor,.group-picker){min-inline-size:0;max-width:100%}html[data-design=arena] .automation-dialog :is(.period-editor,.group-picker) legend{white-space:normal;overflow-wrap:anywhere;max-width:100%}html[data-design=arena] .fee-detail :is(.detail-total,.invoice-facts,.payment-instructions,.action-form,.remind-confirm,.payment-history){min-width:0;max-width:100%}html[data-design=arena] .fee-detail .detail-total>strong{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}@media (width<=980px){html[data-design=arena] :is(.fee-panel,.fee-detail,.fee-editor,.automation-dialog,.payment-settings) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=hidden]){min-width:0;min-inline-size:0;width:100%;max-width:100%;min-height:44px;font-size:16px}html[data-design=arena] :is(.fee-panel,.fee-detail,.fee-editor,.automation-dialog) input:is([type=date],[type=datetime-local]){box-sizing:border-box;display:block}html[data-design=arena] :is(.fee-panel,.fee-detail,.fee-editor,.automation-dialog) input:is([type=date],[type=datetime-local])::-webkit-date-and-time-value{text-align:left;min-width:0}}@media (width<=700px){html[data-design=arena] .fee-panel .fee-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;padding:15px;display:grid}html[data-design=arena] .fee-panel .fee-filters .name-search{flex-basis:auto;grid-column:1/-1;width:100%;max-width:100%}html[data-design=arena] .fee-panel .fee-filters .name-search>svg{pointer-events:none;top:50%;transform:translateY(-50%)}html[data-design=arena] .fee-panel .fee-filters>label{width:100%;min-width:0}html[data-design=arena] .fee-panel .fee-filters>.button{grid-column:1/-1;justify-self:end;min-height:44px}html[data-design=arena] .fee-panel .period-options{margin-inline:15px}html[data-design=arena] .period-options>summary{justify-content:space-between;width:100%;min-height:44px;line-height:1.5}html[data-design=arena] .period-options>summary>span{overflow-wrap:anywhere;min-width:0}html[data-design=arena] .fee-panel .period-filter{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;padding-bottom:15px;display:grid}html[data-design=arena] .fee-panel .period-filter>label{width:100%;min-width:0}html[data-design=arena] .fee-panel .period-filter>.button{grid-column:1/-1;justify-self:stretch;width:100%}html[data-design=arena] .fee-panel .fee-tabs{border-radius:17px 17px 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:4px;padding:7px;display:grid;overflow:visible}html[data-design=arena] .fee-panel .fee-tabs>button{white-space:normal;text-align:center;overflow-wrap:anywhere;min-width:0;min-height:46px;padding:10px 8px;font-size:12px;line-height:1.35}html[data-design=arena] .fee-panel .fee-tabs>button:focus-visible{outline-offset:-3px}html[data-design=arena] .fee-panel .fee-list{padding:0 15px}html[data-design=arena] .fee-panel .fee-item{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:13px 10px;padding-block:18px;display:grid}html[data-design=arena] .fee-item .invoice-description{grid-area:1/1/auto/-1;gap:5px;min-width:0}html[data-design=arena] .fee-item .invoice-description>strong{font-size:14px;line-height:1.45}html[data-design=arena] .fee-item .invoice-description>span{font-size:13px;line-height:1.5}html[data-design=arena] .fee-item .invoice-description>small{font-size:11px;line-height:1.6}html[data-design=arena] .fee-item .invoice-amount{grid-area:2/1;align-items:flex-start;gap:7px}html[data-design=arena] .fee-item .invoice-amount>strong{font-size:21px;line-height:1.2}html[data-design=arena] .fee-item .payment-status{padding:4px 7px;font-size:11px;line-height:1.45}html[data-design=arena] .fee-item>.button{grid-area:2/2;align-self:end;min-height:44px;padding:10px 12px;font-size:12px}html[data-design=arena] .fee-panel .fee-item.with-selection{grid-template-columns:44px minmax(0,1fr) auto}html[data-design=arena] .fee-item.with-selection .row-choice{flex-direction:row;grid-area:1/1/3;justify-content:center;align-self:start;align-items:center;width:44px;min-height:44px;padding:0;display:flex}html[data-design=arena] .fee-item.with-selection .row-choice:has(input){cursor:pointer}html[data-design=arena] .fee-item.with-selection .row-choice>input{box-sizing:border-box;width:18px;height:18px;margin:0;padding:0}html[data-design=arena] .fee-item.with-selection .invoice-description{grid-area:1/2/auto/-1}html[data-design=arena] .fee-item.with-selection .invoice-amount{grid-area:2/2}html[data-design=arena] .fee-item.with-selection>.button{grid-area:2/3}html[data-design=arena] .fee-panel .batch-bar{gap:9px 12px;padding:12px 15px}html[data-design=arena] .batch-bar .check-label{min-width:0;min-height:44px}html[data-design=arena] .batch-bar>.button{white-space:normal;max-width:100%;min-height:44px}html[data-design=arena] .fee-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:0;padding:0 13px 14px}html[data-design=arena] .fee-stats .stat-card{gap:7px;padding:16px 13px}html[data-design=arena] .fee-stats .stat-card>strong{font-size:clamp(21px,4.4vw,27px)}html[data-design=arena] .fee-stats .stat-card>span{font-size:12px;line-height:1.4}html[data-design=arena] .fee-stats .stat-card small{padding:0;font-size:11px}html[data-design=arena] .fee-stats .stat-card>svg{display:none}html[data-design=arena] .fee-overview>summary,html[data-design=arena] .payment-settings>summary,html[data-design=arena] .fritidskortet-section>summary{gap:9px;min-width:0;padding:15px;line-height:1.5}html[data-design=arena] .fee-overview>summary>small{overflow-wrap:anywhere;min-width:0;max-width:100%;padding-left:27px}html[data-design=arena] .member-overview{padding-inline:15px}html[data-design=arena] .member-overview article{grid-template-columns:minmax(0,1fr);gap:13px}html[data-design=arena] .member-overview :is(.person-column,.person-column>div,.membership-column,.member-payment){min-width:0}html[data-design=arena] .member-overview :is(strong,small,.badge){white-space:normal;overflow-wrap:anywhere;max-width:100%}html[data-design=arena] .member-overview .member-payment{grid-column:1}html[data-design=arena] .membership-explanation{margin-inline:15px;padding:13px}}@media (width<=650px){html[data-design=arena] :is(.fee-detail,.fee-editor,.automation-dialog){width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;padding:18px;overflow-y:auto}html[data-design=arena] :is(.fee-detail,.fee-editor) .dialog-heading,html[data-design=arena] .automation-dialog-heading{align-items:flex-start;gap:12px}html[data-design=arena] :is(.fee-detail,.fee-editor) .dialog-heading>div,html[data-design=arena] .automation-dialog-heading>div{min-width:0}html[data-design=arena] :is(.fee-detail,.fee-editor) .dialog-heading h2,html[data-design=arena] .automation-dialog-heading h2{overflow-wrap:anywhere;font-size:24px;line-height:1.18}html[data-design=arena] :is(.fee-detail,.fee-editor) .dialog-heading>.icon-button,html[data-design=arena] .automation-dialog-heading>.icon-button{flex:0 0 44px;width:44px;min-height:44px}html[data-design=arena] :is(.fee-detail,.fee-editor,.automation-dialog) :is(.dialog-actions,.dialog-footer){flex-wrap:wrap;gap:9px;padding-top:17px;display:flex;position:static}html[data-design=arena] :is(.fee-detail,.fee-editor,.automation-dialog) :is(.dialog-actions,.dialog-footer)>.button{white-space:normal;flex:160px;min-width:0;min-height:44px;padding-inline:12px}html[data-design=arena] .fee-detail .detail-total{gap:12px;margin-block:20px;padding:17px}html[data-design=arena] .fee-detail .detail-total>strong{font-size:clamp(25px,6vw,34px);line-height:1.15}html[data-design=arena] .fee-detail .detail-total .payment-status{white-space:normal;overflow-wrap:anywhere;max-width:100%}html[data-design=arena] .fee-detail .invoice-facts>div,html[data-design=arena] .fee-editor .review-details>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7px 12px;font-size:13px;display:grid}html[data-design=arena] :is(.invoice-facts,.review-details) :is(dt,dd){white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}html[data-design=arena] .fee-detail :is(.payment-instructions,.remind-confirm,.receipt-confirm){padding:14px}html[data-design=arena] .fee-detail .check-label{align-items:flex-start;gap:10px;min-width:0;min-height:44px}html[data-design=arena] .fee-detail .check-label>span{overflow-wrap:anywhere;min-width:0}html[data-design=arena] .fee-detail .check-label>input{flex-shrink:0;margin-top:3px}html[data-design=arena] .fee-detail .manage-payment-actions>.button{white-space:normal;flex:200px;min-width:0}html[data-design=arena] .fee-detail .payment-history>div{flex-wrap:wrap;gap:8px}html[data-design=arena] .fee-detail .payment-history>div>span{overflow-wrap:anywhere;min-width:0;max-width:100%}html[data-design=arena] .fee-detail :is(.payment-history,.test-payment)>summary{align-content:center;min-height:44px}html[data-design=arena] .fee-editor .fee-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block:18px;padding-bottom:17px;display:grid}html[data-design=arena] .fee-editor .fee-steps li{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;font-size:12px;line-height:1.4}html[data-design=arena] .fee-editor .fee-steps li>span{flex-shrink:0}html[data-design=arena] .fee-editor .field-pair,html[data-design=arena] .automation-dialog .fields-two{grid-template-columns:minmax(0,1fr);gap:14px}html[data-design=arena] .fee-editor .purpose-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-design=arena] .fee-editor .purpose-options>button{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px;padding:13px;font-size:13px;line-height:1.5}html[data-design=arena] .fee-editor .selection-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}html[data-design=arena] .fee-editor .selection-options>button{white-space:normal;min-width:0;min-height:44px;padding:10px;font-size:13px}html[data-design=arena] .fee-editor .selection-options>button:last-child{grid-column:1/-1}html[data-design=arena] .fee-editor .search-label{min-width:0}html[data-design=arena] .fee-editor .search-label>svg{flex-shrink:0}html[data-design=arena] .fee-editor :is(.member-picker .check-label,.membership-choice){align-items:flex-start;gap:10px;min-height:44px}html[data-design=arena] .fee-editor :is(.member-picker .check-label,.membership-choice)>span{overflow-wrap:anywhere;min-width:0}html[data-design=arena] .fee-editor .selection-actions{flex-wrap:wrap;gap:0 15px}html[data-design=arena] .fee-editor :is(.selection-summary,.review-total){min-width:0;padding:15px}html[data-design=arena] .fee-editor .review-total{grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}html[data-design=arena] .fee-editor .review-total>b{white-space:normal;overflow-wrap:anywhere;grid-column:2;width:auto;min-width:0;max-width:100%;margin:0;font-size:25px}html[data-design=arena] .fee-editor .review-list>summary{align-content:center;min-height:44px}html[data-design=arena] .fee-editor .review-list>div{flex-wrap:wrap;gap:8px}html[data-design=arena] .fee-editor .review-person{overflow-wrap:anywhere;flex-basis:100%;min-width:0}html[data-design=arena] .payment-settings-content{padding:0 12px 15px}html[data-design=arena] .payment-settings-content .panel.automation-card{margin-bottom:15px;padding:15px}html[data-design=arena] .automation-card .automation-heading{flex-wrap:wrap;align-items:flex-start;gap:10px}html[data-design=arena] .automation-card .automation-heading>div{min-width:0}html[data-design=arena] .automation-card .automation-heading h2{overflow-wrap:anywhere;font-size:18px;line-height:1.25}html[data-design=arena] .automation-card .automation-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;font-size:11px;line-height:1.45;display:grid}html[data-design=arena] .automation-card .automation-flow>span{text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;min-width:0}html[data-design=arena] .automation-card .automation-flow>svg{display:none}html[data-design=arena] .automation-card .automation-actions>.button{white-space:normal;width:100%;min-width:0}html[data-design=arena] .automation-dialog .panel{padding:15px}html[data-design=arena] .automation-dialog .plans-grid,html[data-design=arena] .automation-dialog .person-rule{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .automation-dialog .person-rule>:is(strong,label,button){grid-column:1;min-width:0}html[data-design=arena] .automation-dialog .person-rule>button{justify-self:start;min-height:44px}html[data-design=arena] .automation-dialog :is(.period-editor,.group-picker){width:100%;min-inline-size:0;padding:14px}html[data-design=arena] .automation-dialog :is(.period-editor,.group-picker) legend{padding-inline:6px;font-size:13px;line-height:1.5}html[data-design=arena] .automation-dialog .period-line{flex-wrap:wrap;align-items:start;gap:8px 14px}html[data-design=arena] .automation-dialog .period-line>div{flex:150px;min-width:0}html[data-design=arena] .automation-dialog .period-line>strong{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;max-width:100%}html[data-design=arena] .automation-dialog .person-search{flex:100%;width:100%;min-width:0}html[data-design=arena] .automation-dialog .inline-actions:has(.year-input){grid-template-columns:minmax(0,1fr);align-items:end;gap:10px;display:grid}html[data-design=arena] .automation-dialog .year-input{width:100%;min-width:0}html[data-design=arena] .automation-dialog :is(.rule-preview,.check-label)>span{overflow-wrap:anywhere;min-width:0}html[data-design=arena] .automation-dialog .type-choices .check-label{min-height:44px;margin:0}html[data-design=arena] .automation-dialog :is(.section-heading,.issue-card .inline-actions){flex-wrap:wrap;min-width:0}html[data-design=arena] .fritidskortet-section .fritidskortet-content{padding:0 12px 14px}html[data-design=arena] .fritidskortet-section :is(.calculator-content,.remainder,.guide-settings){min-width:0;max-width:100%}html[data-design=arena] .fritidskortet-section .remainder{flex-wrap:wrap;gap:9px}html[data-design=arena] .fritidskortet-section .remainder>strong{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}}@media (width<=520px){html[data-design=arena] .fee-panel .fee-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design=arena] .fee-panel .period-filter{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .fee-panel .period-filter>.button{grid-column:1}html[data-design=arena] .fee-panel .fee-tabs:has(>button:nth-child(3))>button:last-child{grid-column:1/-1}}@media (width<=400px){html[data-design=arena] .fee-panel .fee-filters,html[data-design=arena] .fee-stats{grid-template-columns:minmax(0,1fr)}html[data-design=arena] .fee-stats .stat-card{padding:15px}html[data-design=arena] .fee-stats .stat-card>strong{font-size:25px}html[data-design=arena] .fee-item .invoice-amount>strong{font-size:18px}html[data-design=arena] .fee-item>.button{padding-inline:10px}html[data-design=arena] .fee-detail .invoice-facts>div,html[data-design=arena] .fee-editor .review-details>div{grid-template-columns:minmax(0,1fr);gap:4px;padding-block:7px}html[data-design=arena] .fee-detail .invoice-facts dd,html[data-design=arena] .fee-editor .review-details dd{text-align:left}html[data-design=arena] .fee-editor .purpose-options{grid-template-columns:minmax(0,1fr)}}html[data-design] .sidebar .account-actions{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px;width:100%;min-width:0;display:grid}html[data-design] .sidebar .account-actions .profile-button{border-radius:var(--design-control-radius,9px);width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--text);text-align:left;border:0;justify-content:flex-start;align-items:center;gap:7px;margin:0;padding:4px;display:flex}html[data-design] .sidebar .account-actions .profile-button>span:nth-child(2){flex:1;min-width:0;max-width:100%;overflow:hidden}html[data-design] .sidebar .account-actions .profile-button :is(strong,small){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html[data-design] .sidebar .account-actions .profile-button>:is(.avatar,svg){flex-shrink:0}html[data-design] .sidebar .account-logout{border-radius:var(--design-control-radius,9px);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}html[data-design] .sidebar .account-logout>svg{flex-shrink:0;width:18px;height:18px;display:block}html[data-design] .sidebar .account-actions .profile-button:hover,html[data-design] .sidebar .account-logout:hover{color:var(--text);background:var(--surface-raised)}html[data-design] .sidebar .account-logout:hover{border-color:var(--border)}html[data-design] .sidebar .account-actions>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}