.tsu-app{--tsu-accent:#246b56;--tsu-text:#1c302b;--tsu-muted:#71817b;--tsu-surface:#fff;--tsu-canvas:#fff;--tsu-line:#e3ebe7;--tsu-heading:var(--tsu-text);--tsu-name:var(--tsu-text);--tsu-details:#f8fbf9;--tsu-summary-bg:var(--tsu-surface);--tsu-row-hover:#f5faf7;--tsu-row-alt:var(--tsu-surface);--tsu-active:#176643;--tsu-active-bg:#e8f6ee;--tsu-pending:#b43b42;--tsu-pending-bg:#fff0f0;--tsu-button-bg:var(--tsu-accent);--tsu-button-text:#fff;--tsu-button-border:transparent;--tsu-button-icon:var(--tsu-button-text);--tsu-secondary-icon:var(--tsu-secondary-text);--tsu-button-hover:#195441;--tsu-button-hover-text:var(--tsu-button-text);--tsu-secondary-bg:var(--tsu-surface);--tsu-secondary-text:var(--tsu-text);--tsu-secondary-border:var(--tsu-line);--tsu-secondary-hover:#edf5f0;--tsu-secondary-hover-text:var(--tsu-text);--tsu-icon:var(--tsu-muted);--tsu-icon-hover:var(--tsu-accent);--tsu-icon-bg:transparent;--tsu-icon-hover-bg:#edf5f0;--tsu-link:var(--tsu-accent);--tsu-link-hover:#195441;--tsu-input-bg:var(--tsu-surface);--tsu-input-text:var(--tsu-text);--tsu-input-border:var(--tsu-line);--tsu-placeholder:#8b9892;--tsu-focus:#9ac5b0;--tsu-disabled-bg:#f3f6f4;--tsu-checkbox:var(--tsu-accent);--tsu-tab-text:var(--tsu-muted);--tsu-tab-active:var(--tsu-accent);--tsu-tab-bg:transparent;--tsu-tab-active-bg:transparent;--tsu-tab-line:var(--tsu-accent);--tsu-avatar-bg:#edf4ef;--tsu-avatar-text:#3b6753;--tsu-chip-bg:var(--tsu-surface);--tsu-chip-text:var(--tsu-muted);--tsu-chip-border:var(--tsu-line);--tsu-chip-current-bg:#edf5f0;--tsu-chip-current-text:var(--tsu-accent);--tsu-success-bg:var(--tsu-active-bg);--tsu-success-text:var(--tsu-active);--tsu-error-bg:var(--tsu-pending-bg);--tsu-error-text:var(--tsu-pending);--tsu-danger-bg:var(--tsu-pending-bg);--tsu-danger-text:var(--tsu-pending);--tsu-dialog-bg:var(--tsu-surface);--tsu-dialog-text:var(--tsu-text);--tsu-backdrop:rgba(16,35,27,.4);--tsu-payment-panel:#edf6f0;--tsu-row-radius:14px;--tsu-row-gap:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;color:var(--tsu-text);background:var(--tsu-canvas);border:1px solid var(--tsu-line);border-radius:22px;padding:30px;position:relative;container-type:inline-size;min-width:0;text-align:left}.tsu-app *,.tsu-settings *{box-sizing:border-box}.tsu-app [hidden]{display:none!important}.tsu-app button,.tsu-app input,.tsu-app select,.tsu-app textarea{font:inherit}.tsu-app button{cursor:pointer;transition:background .18s,color .18s,border-color .18s;text-transform:none;letter-spacing:normal}.tsu-app button:disabled,.tsu-app input:disabled{cursor:default;opacity:.55}.tsu-app button:focus-visible,.tsu-app a:focus-visible,.tsu-app input:focus-visible,.tsu-app select:focus-visible,.tsu-app textarea:focus-visible{outline:3px solid var(--tsu-focus);outline-offset:3px}.tsu-app h2,.tsu-app h3,.tsu-app p{margin:0;padding:0;color:inherit}.tsu-app svg{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle}.tsu-app a{color:var(--tsu-link);text-decoration:none}.tsu-app a:hover{color:var(--tsu-link-hover)}.tsu-app .tsu-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px}.tsu-eyebrow{font-size:10px!important;letter-spacing:.14em;font-weight:750;color:var(--tsu-muted,#71817b)!important;display:flex;align-items:center;gap:10px;margin-bottom:10px!important}.tsu-app .tsu-season-tag{color:var(--tsu-chip-current-text);background:var(--tsu-chip-current-bg);font-size:10px;letter-spacing:.03em;padding:4px 9px;border-radius:6px}.tsu-app .tsu-title{color:var(--tsu-heading);font-size:30px;letter-spacing:-.035em;font-weight:750;line-height:1.2;margin-bottom:8px}.tsu-app .tsu-subtitle{color:var(--tsu-muted);font-size:13px}.tsu-app .tsu-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:100%}.tsu-app .tsu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--tsu-button-bg);color:var(--tsu-button-text);font-size:12px;font-weight:650;line-height:1.3;border:1px solid var(--tsu-button-border);border-radius:9px;padding:11px 15px;min-height:42px;box-shadow:none;text-decoration:none;white-space:nowrap}.tsu-app .tsu-btn:hover{background:var(--tsu-button-hover);color:var(--tsu-button-hover-text)}.tsu-app .tsu-btn svg{color:var(--tsu-button-icon)}.tsu-app .tsu-btn-secondary svg{color:var(--tsu-secondary-icon)}.tsu-app .tsu-btn-secondary{color:var(--tsu-secondary-text);border-color:var(--tsu-secondary-border);background:var(--tsu-secondary-bg)}.tsu-app .tsu-btn-secondary:hover{color:var(--tsu-secondary-hover-text);background:var(--tsu-secondary-hover)}.tsu-app .tsu-btn-danger{color:var(--tsu-danger-text);background:var(--tsu-danger-bg);border-color:var(--tsu-danger-text)}.tsu-app .tsu-btn-danger:hover{color:var(--tsu-danger-bg);background:var(--tsu-danger-text)}.tsu-app .tsu-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--tsu-line);background:var(--tsu-summary-bg);border-radius:12px;margin-bottom:18px}.tsu-app .tsu-summary>div{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tsu-app .tsu-summary>div+div{border-left:1px solid var(--tsu-line)}.tsu-app .tsu-stat-label{font-size:9px;letter-spacing:.09em;font-weight:700;color:var(--tsu-muted)}.tsu-app .tsu-summary strong{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:750;letter-spacing:-.025em;line-height:1.3}.tsu-app .tsu-stat-dot{background:var(--tsu-active);width:6px;height:6px;border-radius:50%}.tsu-app .tsu-directory-tabs{display:flex;gap:24px;border-bottom:1px solid var(--tsu-line);margin-bottom:18px}.tsu-app .tsu-directory-tabs button{background:var(--tsu-tab-bg);border:0;border-bottom:3px solid #fff0;border-radius:0;color:var(--tsu-tab-text);padding:13px 2px;font-weight:700;font-size:14px;min-height:46px}.tsu-app .tsu-directory-tabs button[aria-selected="true"]{color:var(--tsu-tab-active);background:var(--tsu-tab-active-bg);border-bottom-color:var(--tsu-tab-line)}.tsu-app .tsu-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tsu-app .tsu-search{position:relative;flex:1;min-width:180px;max-width:440px}.tsu-app .tsu-search svg{position:absolute;left:14px;top:12px;color:var(--tsu-icon);pointer-events:none}.tsu-app input:not([type="checkbox"]):not([type="file"]),.tsu-app select,.tsu-app textarea{width:100%;border:1px solid var(--tsu-input-border);border-radius:8px;background:var(--tsu-input-bg);color:var(--tsu-input-text);padding:10px 12px;min-height:42px;box-shadow:none;margin:0;font-size:13px}.tsu-app .tsu-search input{padding-left:42px!important}.tsu-app input::placeholder{color:var(--tsu-placeholder)}.tsu-app input:disabled,.tsu-app input[readonly]{background:var(--tsu-disabled-bg)!important}.tsu-app select{padding-right:28px;cursor:pointer;appearance:auto}.tsu-app .tsu-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tsu-app .tsu-filters select{width:auto;max-width:260px}.tsu-app .tsu-season-filter>span{display:block;font-size:10px;color:var(--tsu-muted);margin-bottom:4px}.tsu-app .tsu-list-hint{flex-basis:100%;font-size:11px;line-height:1.6;color:var(--tsu-muted)}.tsu-app .tsu-icon-btn,.tsu-app .tsu-expand-icon{display:flex;justify-content:center;align-items:center;padding:9px;min-width:36px;min-height:36px;border:0;border-radius:8px;background:var(--tsu-icon-bg);color:var(--tsu-icon);box-shadow:none}.tsu-app .tsu-icon-btn:hover,.tsu-app .tsu-expand-icon:hover{background:var(--tsu-icon-hover-bg);color:var(--tsu-icon-hover)}.tsu-app .tsu-message:empty,.tsu-app .tsu-editor-message:empty{display:none}.tsu-app .tsu-message,.tsu-app .tsu-editor-message{font-size:12px;padding:11px 14px;border-radius:8px;background:var(--tsu-success-bg);color:var(--tsu-success-text);margin-bottom:16px}.tsu-app .tsu-error{background:var(--tsu-error-bg);color:var(--tsu-error-text)}.tsu-app .tsu-result-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:650;letter-spacing:.08em;color:var(--tsu-muted);margin:4px 0 12px}.tsu-app .tsu-result-label span+span{letter-spacing:0;font-weight:500;font-size:11px}.tsu-app .tsu-member-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tsu-row-gap)}.tsu-app .tsu-member-row{border:1px solid var(--tsu-line);background:var(--tsu-surface);border-radius:var(--tsu-row-radius);min-width:0;overflow:hidden;transition:border-color .18s}.tsu-app .tsu-member-row:nth-child(even){background:var(--tsu-row-alt)}.tsu-app .tsu-row-main{display:grid;grid-template-columns:minmax(0,1fr) 185px 36px;align-items:center;gap:16px;padding:17px 20px;cursor:pointer;transition:background .18s}.tsu-app .tsu-row-main:hover{background:var(--tsu-row-hover)}.tsu-app .tsu-member-toggle{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(100px,.7fr);align-items:center;gap:14px;width:100%;min-width:0;text-align:left;color:var(--tsu-text);background:#fff0;border:0;padding:0;box-shadow:none;border-radius:5px}.tsu-app .tsu-member-toggle:not(:has(.tsu-row-group)){grid-template-columns:auto minmax(0,1fr)}.tsu-app .tsu-member-toggle:not(:has(.tsu-avatar)){grid-template-columns:minmax(160px,1fr) minmax(100px,.7fr)}.tsu-app .tsu-member-toggle:not(:has(.tsu-avatar)):not(:has(.tsu-row-group)){grid-template-columns:minmax(0,1fr)}.tsu-app .tsu-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;font-size:14px;font-weight:750;color:var(--tsu-avatar-text);background:var(--tsu-avatar-bg);flex-shrink:0;overflow:hidden}.tsu-app .tsu-avatar img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.tsu-app .tsu-member-identity{min-width:0}.tsu-app .tsu-name{display:block;color:var(--tsu-name);font-size:15px;font-weight:750;line-height:1.35;letter-spacing:-.015em;overflow-wrap:anywhere}.tsu-app .tsu-designation{display:block;font-size:11px;color:var(--tsu-muted);margin-top:4px;overflow-wrap:anywhere}.tsu-app .tsu-row-group{font-size:12px;color:var(--tsu-muted);overflow-wrap:anywhere}.tsu-app .tsu-row-membership{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.tsu-app .tsu-payment-caption{font-size:10px;font-weight:600;color:var(--tsu-muted)}.tsu-app .tsu-payment-pill,.tsu-app .tsu-badge{display:inline-flex;align-items:center;gap:7px;position:relative;font-size:11px;font-weight:750;line-height:1.35;padding:7px 11px;border-radius:7px;white-space:nowrap}.tsu-app .tsu-payment-pill{cursor:pointer;min-height:32px}.tsu-app .tsu-payment-pill input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.tsu-app .tsu-payment-pill:focus-within{outline:3px solid var(--tsu-focus);outline-offset:3px}.tsu-app .tsu-payment-pill svg{width:13px;height:13px;color:inherit}.tsu-app .tsu-payment-pill i,.tsu-app .tsu-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.tsu-app .tsu-status-active{color:var(--tsu-active);background:var(--tsu-active-bg)}.tsu-app .tsu-status-pending{color:var(--tsu-pending);background:var(--tsu-pending-bg)}.tsu-app .tsu-expand-icon svg{transition:transform .2s}.tsu-app .tsu-row-open .tsu-expand-icon svg{transform:rotate(180deg)}.tsu-app .tsu-member-details{background:var(--tsu-details);border-top:1px solid var(--tsu-line);padding:22px 24px}.tsu-app .tsu-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.tsu-app .tsu-member-details h3{font-size:12px;font-weight:750;margin-bottom:16px}.tsu-app .tsu-contact-item{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}.tsu-app .tsu-contact-item>svg{color:var(--tsu-icon);width:17px;height:17px;margin-top:2px}.tsu-app .tsu-contact-item>div{min-width:0}.tsu-app .tsu-contact-item span,.tsu-app .tsu-detail-label{display:block;font-size:10px;color:var(--tsu-muted)}.tsu-app .tsu-contact-item a,.tsu-app .tsu-contact-item strong{display:block;font-size:12px;overflow-wrap:anywhere;font-weight:500}.tsu-app .tsu-payment-date{display:block;max-width:260px;margin-bottom:10px}.tsu-app .tsu-payment-date>span{display:block;font-size:10px;color:var(--tsu-muted);margin-bottom:5px}.tsu-app .tsu-payment-date input{font-size:12px!important;min-width:0}.tsu-app .tsu-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.tsu-app .tsu-chip{font-size:10px;font-weight:600;line-height:1.3;padding:5px 8px;border:1px solid var(--tsu-chip-border);border-radius:6px;background:var(--tsu-chip-bg);color:var(--tsu-chip-text)}.tsu-app .tsu-chip-current{color:var(--tsu-chip-current-text);background:var(--tsu-chip-current-bg)}.tsu-app .tsu-muted{font-size:11px;color:var(--tsu-muted)}.tsu-app .tsu-member-notes{font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.tsu-app .tsu-member-notes>span{display:block;color:var(--tsu-muted);font-size:10px;margin-bottom:4px}.tsu-app .tsu-row-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--tsu-line)}.tsu-app .tsu-row-footer>div{display:flex;gap:8px;flex-wrap:wrap}.tsu-app .tsu-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:var(--tsu-muted);font-size:11px;gap:10px}.tsu-app .tsu-pagination>div{display:flex;align-items:center;gap:12px}.tsu-app .tsu-pagination .tsu-btn{padding:8px 12px;font-size:11px}.tsu-app .tsu-loading,.tsu-app .tsu-empty{text-align:center;padding:50px 20px;color:var(--tsu-muted)}.tsu-app .tsu-empty>svg{width:42px;height:42px;color:var(--tsu-icon);margin-bottom:14px}.tsu-app .tsu-empty h3{font-size:18px;color:var(--tsu-text);margin-bottom:8px}.tsu-app .tsu-empty button{margin-top:20px}.tsu-app .tsu-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tsu-app .tsu-dialog{background:var(--tsu-dialog-bg);color:var(--tsu-dialog-text);border:0;border-left:1px solid var(--tsu-line);border-radius:20px 0 0 20px;width:min(600px,100vw);max-width:100vw;max-height:100dvh;height:100dvh;padding:0;margin:0 0 0 auto;top:0;right:0;box-shadow:-15px 0 60px #10231b22;font:inherit;text-align:left}.tsu-app .tsu-dialog::backdrop,.tsu-app .tsu-confirm::backdrop{background:var(--tsu-backdrop);backdrop-filter:blur(3px)}.tsu-app .tsu-editor{display:flex;height:100%;flex-direction:column;margin:0;padding:0}.tsu-app .tsu-editor-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 30px 20px;gap:10px}.tsu-app .tsu-editor-header h2{font-size:24px;letter-spacing:-.03em;line-height:1.25;overflow-wrap:anywhere}.tsu-app .tsu-editor-header .tsu-eyebrow{margin-bottom:8px!important}.tsu-app .tsu-editor-body{flex:1;min-height:0;overflow:auto;padding:24px 30px 30px}.tsu-app .tsu-form-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--tsu-line)}.tsu-app .tsu-form-section>h3{font-size:15px;margin-bottom:12px}.tsu-app .tsu-password-input{display:flex;gap:8px}.tsu-app .tsu-password-input input{min-width:0}.tsu-app .tsu-payment-history{display:flex;gap:6px;flex-wrap:wrap}.tsu-app .tsu-editor-paid{padding:13px;background:var(--tsu-payment-panel);border-radius:8px}.tsu-app .tsu-field{display:block;margin:0 0 18px;min-width:0}.tsu-app .tsu-field>span{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.tsu-app .tsu-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tsu-app .tsu-field textarea{resize:vertical;min-height:85px}.tsu-app .tsu-export-fields{padding:16px 0;border-top:1px solid var(--tsu-line)}.tsu-app .tsu-export-fields h3{font-size:14px}.tsu-app .tsu-export-presets{display:flex;gap:10px;margin-bottom:20px}.tsu-app .tsu-export-presets .tsu-btn{flex:1}.tsu-app .tsu-export-presets [aria-pressed="true"]{border-color:var(--tsu-accent);color:var(--tsu-accent);background:var(--tsu-chip-current-bg)}.tsu-app .tsu-export-finance{background:var(--tsu-payment-panel);padding:12px 16px;border-radius:10px;margin-bottom:20px}.tsu-app .tsu-export-finance-fields{border:0;padding:0;margin:0;min-width:0}.tsu-app .tsu-export-finance .tsu-help{margin:8px 0 16px}.tsu-app .tsu-export-finance .tsu-field{margin-bottom:12px}.tsu-app .tsu-toggle{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:14px 0}.tsu-app .tsu-toggle input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--tsu-checkbox);flex-shrink:0}.tsu-app .tsu-help{font-size:11px;line-height:1.7;color:var(--tsu-muted);margin-bottom:18px}.tsu-app .tsu-photo-editor{display:flex;gap:18px;align-items:center;margin-bottom:26px}.tsu-app .tsu-photo-editor .tsu-avatar{width:68px;height:68px;font-size:22px;border-radius:15px}.tsu-app .tsu-photo-editor small{display:block;font-size:10px;margin-top:7px;color:var(--tsu-muted)}.tsu-app .tsu-upload-label{cursor:pointer}.tsu-app .tsu-text-btn{background:#fff0;border:0;color:var(--tsu-link);font-size:11px;padding:8px 0}.tsu-app .tsu-text-btn:hover{color:var(--tsu-link-hover)}.tsu-app .tsu-editor-footer{padding:18px 30px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--tsu-line);background:var(--tsu-dialog-bg);flex-shrink:0}.tsu-app .tsu-save-hint{color:var(--tsu-muted);font-size:10px}.tsu-app .tsu-editor-footer>div{display:flex;justify-content:flex-end;gap:10px}.tsu-app .tsu-confirm{background:var(--tsu-dialog-bg);color:var(--tsu-dialog-text);border:0;border-radius:18px;width:min(460px,calc(100vw - 32px));padding:28px;box-shadow:0 20px 80px #10231b30}.tsu-app .tsu-confirm h2{font-size:22px;margin-bottom:14px}.tsu-app .tsu-confirm p{font-size:12px;line-height:1.7;margin-bottom:18px}.tsu-app .tsu-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.tsu-app .tsu-confirm-error,.tsu-app .tsu-danger-text{color:var(--tsu-danger-text)}.tsu-settings{max-width:1080px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:25px 12px}.tsu-settings h1{font-size:30px;font-weight:700;letter-spacing:-.03em}.tsu-settings-panel{padding:24px;border:1px solid #e0e5ed;border-radius:14px;background:#fff;margin-top:22px}.tsu-settings-panel h2{margin-top:0}.tsu-settings-panel p{color:#647187;font-size:13px;line-height:1.7}.tsu-setting-row{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:18px}.tsu-setting-row label{display:flex;align-items:center;gap:9px}.tsu-setting-row select,.tsu-setting-row input[type="number"]{min-height:40px}.tsu-settings-scroll{overflow:auto}.tsu-color-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.tsu-color-actions label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:600}.tsu-color-actions select{min-height:38px;min-width:170px}.tsu-export-color-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:30px}.tsu-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.tsu-color-field{min-width:0}.tsu-color-field>label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.tsu-color-field>div{display:flex;gap:8px;align-items:center}.tsu-color-field input[type="color"]{width:42px;height:38px;padding:3px;border:1px solid #c3cbd6;background:#fff;border-radius:6px;cursor:pointer;flex:0 0 42px}.tsu-color-field input[type="text"]{min-width:0;width:100%;max-width:116px;min-height:38px;font:12px ui-monospace,monospace;text-transform:uppercase}.tsu-export-color-preview{min-width:0}.tsu-export-color-preview .tsu-preview-label{margin:0 0 10px;color:#526075;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tsu-export-sample{border:1px solid #e0e5ed;border-radius:10px;padding:20px 16px 16px;background:#fff;box-shadow:0 8px 26px #17243b09;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tsu-sample-heading{display:flex;gap:12px;align-items:center;padding:16px 0 20px;border-top:4px solid var(--tsu-export-accent)}.tsu-sample-heading img{flex:0 0 46px}.tsu-sample-heading small{font-size:10px;color:var(--tsu-export-muted)}.tsu-sample-heading h3{margin:4px 0;font-size:18px;line-height:1.25;color:var(--tsu-export-title)}.tsu-export-sample table{width:100%;border-collapse:collapse;font-size:10px}.tsu-export-sample th{padding:10px 8px;background:var(--tsu-export-accent);color:var(--tsu-export-header-text);text-align:left}.tsu-export-sample td{padding:12px 8px;color:var(--tsu-export-text);background:var(--tsu-export-row-bg);border-bottom:1px solid var(--tsu-export-border)}.tsu-export-sample tbody tr:nth-child(odd) td{background:var(--tsu-export-alternate-bg)}.tsu-export-sample td:first-child{font-weight:600}.tsu-export-sample td span{display:inline-block;white-space:nowrap;padding:5px 7px;border-radius:5px;font-size:9px;font-weight:600}.tsu-sample-paid{color:var(--tsu-export-paid-text);background:var(--tsu-export-paid-bg)}.tsu-sample-unpaid{color:var(--tsu-export-unpaid-text);background:var(--tsu-export-unpaid-bg)}.tsu-sample-footer{display:flex;gap:5px;align-items:center;border-top:1px solid var(--tsu-export-border);padding-top:12px;margin-top:28px;color:var(--tsu-export-muted);font-size:8px}.tsu-sample-footer span:first-child{color:var(--tsu-export-accent);font-size:13px}.tsu-sample-footer span:last-child{margin-left:auto}.tsu-color-status{min-height:22px;margin-bottom:0}@media(max-width:900px){.tsu-export-color-layout{grid-template-columns:1fr}.tsu-export-color-preview{max-width:460px}}@media(max-width:480px){.tsu-export-colors.tsu-settings-panel{padding:18px 14px}.tsu-color-grid{column-gap:10px}.tsu-color-field input[type="color"]{flex-basis:34px;width:34px}.tsu-color-field>div{gap:4px}.tsu-color-field input[type="text"]{font-size:11px}}.tsu-choice-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tsu-choice-settings label{font-weight:600}.tsu-choice-settings textarea{display:block;margin-top:10px;font-weight:400}.tsu-club-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;max-width:900px}.tsu-club-settings label{font-weight:600;display:block}.tsu-club-settings input{display:block;margin-top:8px;width:100%;min-height:38px}@media(max-width:767px){.tsu-club-settings{grid-template-columns:1fr}}@media(max-width:1024px){.tsu-app{padding:24px}.tsu-app .tsu-summary>div{display:block;padding:13px 16px}.tsu-app .tsu-summary strong{margin-top:5px}.tsu-app .tsu-row-main{grid-template-columns:minmax(0,1fr) 155px 30px;gap:12px;padding:15px 16px}.tsu-app .tsu-member-toggle{grid-template-columns:auto minmax(0,1fr);gap:12px}.tsu-app .tsu-row-group{grid-column:2;margin-top:-8px;font-size:10px}.tsu-app .tsu-avatar{grid-row:1 / span 2}.tsu-app .tsu-member-toggle:not(:has(.tsu-avatar)){grid-template-columns:minmax(0,1fr)}.tsu-app .tsu-member-toggle:not(:has(.tsu-avatar)) .tsu-row-group{grid-column:1}}@media(max-width:767px){.tsu-choice-settings{grid-template-columns:1fr}.tsu-app{padding:18px 12px;border-radius:15px;font-size:13px}.tsu-app .tsu-heading{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:20px}.tsu-app .tsu-title{font-size:27px}.tsu-app .tsu-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tsu-app .tsu-actions .tsu-btn{flex:1;padding:11px 9px}.tsu-app .tsu-summary{gap:0;margin-bottom:14px}.tsu-app .tsu-summary>div{padding:11px 9px}.tsu-app .tsu-stat-label{font-size:7px;letter-spacing:.03em}.tsu-app .tsu-summary strong{font-size:14px;gap:4px}.tsu-app .tsu-stat-dot{width:4px;height:4px}.tsu-app .tsu-directory-tabs{gap:20px;margin-bottom:16px}.tsu-app .tsu-directory-tabs button{font-size:13px}.tsu-app .tsu-search{flex-basis:100%;max-width:none}.tsu-app .tsu-filters{width:100%;gap:8px}.tsu-app .tsu-filters>label{flex:1;min-width:0}.tsu-app .tsu-filters select{width:100%;min-width:0;max-width:none;font-size:11px}.tsu-app .tsu-result-label{align-items:flex-start}.tsu-app .tsu-result-label span+span{max-width:155px;text-align:right;font-size:9px}.tsu-app .tsu-row-main{grid-template-columns:minmax(0,1fr) 105px 18px;gap:7px;padding:14px 10px}.tsu-app .tsu-member-toggle{column-gap:9px;row-gap:8px}.tsu-app .tsu-avatar{width:34px;height:34px;border-radius:9px;font-size:12px}.tsu-app .tsu-name{font-size:12px}.tsu-app .tsu-designation{font-size:9px}.tsu-app .tsu-row-group{font-size:9px}.tsu-app .tsu-payment-caption{font-size:8px}.tsu-app .tsu-payment-pill,.tsu-app .tsu-badge{font-size:10px;padding:7px 8px;gap:5px}.tsu-app .tsu-payment-pill svg{width:10px;height:10px}.tsu-app .tsu-expand-icon{min-width:18px;min-height:32px;padding:0}.tsu-app .tsu-expand-icon svg{width:16px;height:16px}.tsu-app .tsu-member-details{padding:19px 16px}.tsu-app .tsu-details-grid{grid-template-columns:minmax(0,1fr);gap:19px}.tsu-app .tsu-detail-payment{border-top:1px solid var(--tsu-line);padding-top:18px}.tsu-app .tsu-payment-date{max-width:none}.tsu-app .tsu-row-footer{flex-direction:column;align-items:flex-start}.tsu-app .tsu-row-footer>div{width:100%}.tsu-app .tsu-row-footer .tsu-btn{flex:1}.tsu-app .tsu-pagination{flex-wrap:wrap}.tsu-app .tsu-pagination>div{width:100%;justify-content:space-between}.tsu-app .tsu-dialog{width:100vw;border-radius:0}.tsu-app .tsu-editor-header{padding:22px 20px 18px}.tsu-app .tsu-editor-header h2{font-size:22px}.tsu-app .tsu-editor-body{padding:22px 20px}.tsu-app .tsu-editor-footer{padding:14px 20px}.tsu-app .tsu-editor-footer .tsu-btn{padding:12px}.tsu-app .tsu-field-grid{grid-template-columns:minmax(0,1fr);gap:0}.tsu-app .tsu-photo-editor{gap:12px}.tsu-app .tsu-photo-editor .tsu-btn{padding:10px;font-size:11px}.tsu-app .tsu-confirm{padding:22px}}@media(prefers-reduced-motion:reduce){.tsu-app button,.tsu-app .tsu-expand-icon svg,.tsu-app .tsu-row-main{transition:none}}@container(max-width:680px){.tsu-app .tsu-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tsu-app .tsu-row-main{grid-template-columns:minmax(0,1fr) 120px 20px;gap:8px;padding:14px 12px}.tsu-app .tsu-member-toggle,.tsu-app .tsu-member-toggle:not(:has(.tsu-row-group)){grid-template-columns:auto minmax(0,1fr);gap:10px}.tsu-app .tsu-row-group{grid-column:2;font-size:10px;margin-top:-6px}.tsu-app .tsu-avatar{grid-row:1 / span 2}.tsu-app .tsu-member-toggle:not(:has(.tsu-avatar)){grid-template-columns:minmax(0,1fr)}.tsu-app .tsu-member-toggle:not(:has(.tsu-avatar)) .tsu-row-group{grid-column:1}.tsu-app .tsu-payment-caption{font-size:9px}.tsu-app .tsu-details-grid{grid-template-columns:minmax(0,1fr);gap:20px}}@container(max-width:390px){.tsu-app .tsu-row-main{grid-template-columns:minmax(0,1fr) 98px 16px;gap:6px;padding:14px 9px}.tsu-app .tsu-avatar{width:32px;height:32px}.tsu-app .tsu-member-toggle{column-gap:8px}.tsu-app .tsu-payment-caption{font-size:8px}.tsu-app .tsu-name{font-size:13px}}