:root{--bg-0: #f2f8ff;--bg-1: #d9ebff;--panel: #ffffff;--panel-border: #b7d7ff;--text: #0d233f;--muted: #50739a;--primary: #0b78e3;--primary-strong: #0862ba;--danger: #d93f4d;--danger-strong: #b82f3d;--chip: #e8f3ff}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Space Grotesk,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at 20% -10%,#a8d2ff 0%,transparent 45%),radial-gradient(circle at 90% 20%,#c0ffe3 0%,transparent 35%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}#root{min-height:100vh}.layout{width:min(980px,100%);margin:0 auto;padding:1rem}.hero{padding:1.5rem 1rem 1.2rem}.hero h1{margin:.3rem 0;font-size:clamp(1.5rem,6vw,2.3rem);line-height:1.08}.badge{display:inline-block;margin:0;padding:.3rem .65rem;border-radius:999px;background:#0d233f;color:#fff;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase}.subtitle{margin:0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:1rem;margin-bottom:1rem;box-shadow:0 8px 24px #08498b14}.panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;align-items:flex-start;margin-bottom:.75rem}.panel-header>:first-child{min-width:0;flex:1 1 240px}.panel-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-left:auto;justify-content:flex-end}.panel-header .muted{overflow-wrap:anywhere}.section-menu{display:flex;flex-wrap:wrap;gap:.5rem}.impersonation-menu{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #d6e8fb;display:grid;gap:.65rem}.impersonation-menu-header h3{margin:0;font-size:1rem}.impersonation-controls{display:grid;gap:.6rem}.impersonation-field{display:grid;gap:.35rem;font-size:.9rem;color:#25476f}.panel h2{margin:0;font-size:1.14rem}.muted{margin:.1rem 0;color:var(--muted);font-size:.92rem}.preserve-lines{white-space:pre-wrap}.alert{background:#ffe8ea;border:1px solid #ffb9bf;color:#932133;border-radius:14px;padding:.7rem .9rem;margin:0 0 1rem}.notice{background:#e7f7ee;border:1px solid #bde8ce;color:#1d6b3f;border-radius:14px;padding:.7rem .9rem;margin:0 0 1rem}.toast-stack{position:fixed;top:.8rem;left:50%;transform:translate(-50%);z-index:60;width:min(640px,calc(100vw - 1.25rem));display:grid;gap:.5rem}.toast{margin:0;box-shadow:0 12px 28px #0d233f29}.sticky-warning{position:sticky;top:.5rem;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:#fff4d9;border:1px solid #ffd380;color:#7a4b00;border-radius:14px;padding:.7rem .9rem;margin:0 0 1rem;box-shadow:0 8px 20px #7a4b0024}.sticky-warning p{margin:0;flex:1 1 320px}.profile-password-form{margin-top:.8rem}.profile-form-sections{display:grid;gap:.9rem}.profile-form-section{display:grid;gap:.75rem;padding:.9rem;border:1px solid #d6e8fb;border-radius:16px;background:linear-gradient(180deg,#f5fbffeb,#fffffffa)}.profile-form-section-header{display:grid;gap:.2rem}.profile-form-section-header h3{margin:0;font-size:1rem}.profile-draft-status{margin:0;font-size:.87rem}.profile-draft-status.clean{color:#2f6b4f}.profile-draft-status.dirty{color:#8a5a06}.profile-photo-block{display:grid;gap:.75rem;margin-bottom:.8rem}.profile-photo-preview{width:132px;height:132px;border-radius:14px;overflow:hidden;border:1px solid #b6cfe9;background:#f6fbff}.profile-photo-image{width:100%;height:100%;object-fit:cover;display:block}.profile-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#5a7da6;font-size:.85rem;padding:.75rem}.profile-photo-actions{display:grid;gap:.5rem;justify-items:start}.profile-photo-upload{position:relative;overflow:hidden}.profile-photo-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.form-grid{display:grid;gap:.75rem}.form-grid>*{align-self:start}.smart-captcha-block{display:grid;gap:.35rem}.smart-captcha-widget{min-height:100px}.form-grid label{display:grid;gap:.35rem;font-size:.9rem;color:#25476f}.field-error{color:#b82f3d;font-size:.82rem}input,select,textarea{width:100%;border:1px solid #b6cfe9;border-radius:12px;font-family:inherit;padding:.65rem .75rem;font-size:.95rem;background:#fcfeff}input[type=checkbox]{width:auto;padding:0}textarea{resize:vertical}.full{grid-column:1 / -1}.form-grid label.checkbox-row{display:flex;align-items:center;gap:.5rem;color:#25476f;font-size:.9rem}.checkbox-field{display:flex;align-items:flex-start;gap:.5rem;color:#25476f;font-size:.9rem}.checkbox-field input{margin-top:.15rem;flex:0 0 auto}.checkbox-field span{min-width:0;overflow-wrap:anywhere}.inline-checkbox{display:inline-flex;align-items:center;gap:.45rem;margin-top:.5rem;color:#25476f;font-size:.9rem}.field-label{display:block;margin-bottom:.35rem;font-size:.9rem;color:#25476f}.level-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.45rem}.duration-field{display:grid;gap:.35rem;font-size:.9rem;color:#25476f}.duration-inline{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.duration-with-unit{position:relative}.duration-with-unit input{padding-right:3rem}.duration-unit{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:#50739a;font-size:.85rem;pointer-events:none}.slots{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.slot-submit{display:grid;gap:.35rem;grid-column:1 / -1}.slot-submit .actions{margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.slot-submit .actions .button{width:100%;min-height:42px;white-space:normal;line-height:1.2}.slot-submit-label{font-size:.9rem;visibility:hidden}.button{border:0;border-radius:12px;padding:.62rem .9rem;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-strong)}.button.secondary{background:#edf5ff;color:#1c4f86}.button.ghost{background:transparent;border:1px solid #b6cfe9;color:#24507c}.button.danger{background:var(--danger);color:#fff}.button.danger:hover{background:var(--danger-strong)}.button.icon-button{width:40px;height:40px;border:1px solid #b6cfe9;background:#fff;color:#24507c;display:inline-flex;align-items:center;justify-content:center;padding:0}.button.icon-button svg{width:18px;height:18px}.cards{display:grid;gap:.85rem}.card{border:1px solid #d2e6ff;border-radius:14px;padding:.8rem;background:linear-gradient(180deg,#fff,#f9fcff)}.calendar-card{border-left-width:5px}.card-owner-created{border-left-color:#f2bc2b}.card-owner-registered{border-left-color:#1ea75a}.card h3{margin:0;font-size:1.04rem}.club-heading,.club-line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.45rem;min-width:0}.club-heading span,.club-line span{min-width:0;overflow-wrap:anywhere}.club-logo-inline{width:22px;height:22px;border-radius:999px;object-fit:cover;border:1px solid #d2e6ff;background:#fff;flex:0 0 auto}.club-logo-preview{width:72px;height:72px;border-radius:14px;border:1px solid #d2e6ff;object-fit:cover;background:#fff}.club-logo-manager{display:grid;gap:.55rem;align-content:start}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-head-badges{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.status{display:inline-flex;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.status-scheduled{background:#d9f8e7;color:#0f6a40}.status-cancelled{background:#ffe2e5;color:#9b1f30}.status-completed{background:#e5eef7;color:#355270}.status-visibility-open{background:#e8f4ff;color:#0f4f88}.status-visibility-closed{background:#fff1db;color:#8a4e05}.status-registration-open{background:#d9f8e7;color:#0f6a40}.status-registration-closed{background:#ffe2e5;color:#9b1f30}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.5rem;margin-top:.75rem}.slot-card{border:1px solid #d7e8fb;border-radius:12px;background:var(--chip);padding:.5rem}.slot-title{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#2c527b;margin-bottom:.15rem}.slot-value{margin-bottom:.45rem;font-weight:700}.slot-card .button{width:100%;white-space:normal;line-height:1.2}.actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.filters-grid{display:grid;gap:.65rem;margin-bottom:.7rem}.calendar-month-label{margin:.2rem 0 .7rem;font-size:1.02rem;font-weight:700;color:#1f4f82}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;margin-bottom:.35rem;font-size:.76rem;color:#50739a;text-align:center;text-transform:uppercase;letter-spacing:.04em}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.calendar-day{border:1px solid #cfe2f6;border-radius:10px;min-height:44px;background:#fff;color:#1e466f;display:grid;justify-items:center;align-content:center;gap:.2rem;padding:.25rem}.calendar-day.is-outside{opacity:.5}.calendar-day.is-selected{border-color:#0b78e3;box-shadow:0 0 0 2px #0b78e32e}.calendar-day-number{font-size:.9rem;font-weight:600}.calendar-day.is-today .calendar-day-number{width:1.6rem;height:1.6rem;display:inline-grid;place-items:center;border:1.5px solid #0b78e3;border-radius:4px}.calendar-day-marker{width:8px;height:8px;border-radius:999px;background:transparent}.calendar-day-marker.marker-created{background:#f2bc2b}.calendar-day-marker.marker-registered{background:#1ea75a}.calendar-day-section{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed #c9ddf2}.calendar-day-title{margin:0;font-size:1rem}.calendar-closed-note{color:#9b1f30;font-weight:600}.calendar-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 0}.filter-actions{display:flex;align-items:flex-end}.loading-row{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.7rem;color:#24507c;font-size:.92rem}.spinner{width:16px;height:16px;border:2px solid #bfd7f1;border-top-color:#0b78e3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.participants{margin-top:.75rem;border-top:1px dashed #c9ddf2;padding-top:.55rem}.manager-panel{margin-top:.75rem}.manager-slots-grid{margin-top:.35rem}.manager-actions-grid{display:grid;gap:.65rem;margin-top:.75rem}.manager-action-card{border:1px solid #d7e8fb;border-radius:12px;background:#f7fbff;padding:.6rem}.inline-fields{display:grid;gap:.5rem}.participants-title{margin:0 0 .35rem;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#2b527c;letter-spacing:.03em}.participant-group{margin-bottom:.45rem}.participant-role{margin:0;font-size:.82rem;color:#2b527c;font-weight:600}.participant-list{margin:.2rem 0 0;padding-left:1.1rem}.participant-list li{margin:.1rem 0;font-size:.9rem}.manager-panel .participant-list{list-style:none;margin:.2rem 0 0;padding:0}.manager-panel .participant-list li{margin:.3rem 0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.manager-panel .participant-list li>.button{margin-left:auto}.manager-panel .participant-list li span{min-width:0;word-break:break-word}.manager-search-results{margin-top:.55rem;border-top:1px dashed #c9ddf2;padding-top:.45rem}.manager-participant-item{align-items:flex-start;padding:.45rem .55rem;border:1px solid #d7e8fb;border-radius:10px;background:#fff}.manager-participant-item-paid{background:#e8f8ee;border-color:#a8dcb9}.manager-participant-item-partial{background:#fff8d8;border-color:#e7d07a}.manager-bulk-checkbox{display:inline-flex;align-items:center;margin-top:0;margin-right:.1rem}.manager-bulk-checkbox input{width:1rem;height:1rem}.manager-participant-body{display:grid;gap:.35rem;min-width:0;flex:1}.manager-participant-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.manager-participant-name{font-weight:600;overflow-wrap:anywhere}.manager-payment-state{font-size:.82rem;color:#2f4f73;white-space:normal}.participant-payment-controls{display:grid;gap:.35rem}.participant-payment-actions{display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,auto);gap:.4rem;align-items:center}.participant-payment-actions input{min-width:0;width:100%}.participant-payment-actions .button{padding:.45rem .65rem;font-size:.82rem;white-space:nowrap}@media(max-width:860px){.participant-payment-actions{grid-template-columns:1fr}}.payment-summary{margin-top:.9rem;border-top:1px dashed #c9ddf2;padding-top:.65rem}.participant-profile-card{display:grid;gap:.55rem}.participant-profile-photo{margin:0 auto .35rem 0}.payment-summary-grid{display:grid;gap:.35rem}.club-finance-grid{margin-bottom:.7rem}.club-finance-list{list-style:none;margin:.2rem 0 0;padding:0}.club-finance-list li{margin:.3rem 0;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.55rem}.club-finance-list li span{min-width:0;word-break:break-word}.payment-history{margin-top:.8rem}.club-request-list{margin-top:.9rem}.clubs-sections{display:flex;flex-direction:column;gap:.9rem}.clubs-sections .panel{margin:0}.clubs-panel{order:1}.club-management-panel{order:2}.club-request-create-panel{order:3}.club-chief-requests-panel{order:4}.chat-layout{display:grid;gap:1rem}.chat-room-list{display:grid;gap:.75rem}.chat-room-item{width:100%;text-align:left;border:1px solid #c7def7;background:#f7fbff;border-radius:16px;padding:.85rem;color:var(--text)}.chat-room-item.active{border-color:#0b78e3;box-shadow:0 0 0 2px #0b78e31f}.chat-room-item-head,.chat-message-head,.chat-pinned-head{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.chat-room-item-title{display:flex;min-width:0;gap:.5rem;align-items:center}.chat-room-item-title span{overflow-wrap:anywhere}.chat-panel{display:grid;gap:.9rem}.chat-pinned{border:1px solid #cfe3ff;background:linear-gradient(180deg,#f7fbff,#eef6ff);border-radius:16px;padding:.9rem;display:grid;gap:.45rem}.chat-pinned p{margin:0}.chat-messages{display:grid;gap:.8rem}.chat-message{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.75rem;align-items:flex-start;padding:.85rem;border:1px solid #d6e6f8;border-radius:16px;background:#fbfdff}.chat-message.system{background:#f3f8fe}.chat-message-avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;background:#d9ecff;color:#0d4b84;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.chat-message-avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-message-body{display:grid;gap:.45rem;min-width:0}.chat-message-author-block{display:grid;gap:.15rem;min-width:0}.chat-message-author-meta{overflow-wrap:anywhere}.chat-message-body p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message-actions{display:flex;flex-wrap:wrap;gap:.45rem}.chat-compose{display:grid;gap:.65rem}.modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:#08182d85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(560px,100%);border:1px solid #9fc6ee;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 18px 34px #06213f59;padding:1rem}.modal-card-wide{width:min(760px,100%)}.modal-training-content .card{margin:0}.modal-card h3{margin:0 0 .55rem;font-size:1.08rem}.modal-message{margin:0;color:#2d4867;white-space:pre-line}.modal-actions{margin-top:.9rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}@media(min-width:768px){.layout{padding:1.5rem}.cards,.form-grid,.filters-grid,.manager-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-fields{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;align-items:end}.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start}.modal-backdrop{align-items:center}}@media(max-width:380px){.section-menu>.button:not(.icon-button),.panel-actions>.button:not(.icon-button){flex:1 1 100%;min-width:0}.manager-panel .participant-list li>.button,.club-finance-list li>.button,.modal-actions>.button,.chat-message-actions>.button,.chat-pinned-head>.button{width:100%;margin-left:0}.slot-submit .actions{grid-template-columns:1fr}}