:root{color:#f5fbff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box;border:0!important}body{color:#f5fbff;background-image:linear-gradient(to bottom right,#021123bd,#0234578c),url(https://images.unsplash.com/photo-1473116763249-2faaef81ccda?auto=format&fit=crop&w=2200&q=80);background-position:50%;background-size:cover;background-attachment:fixed;margin:0;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 12%,#7fddff40,#0000 35%),radial-gradient(circle at 84% 78%,#69c1ff33,#0000 30%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 24% 82%,#74d2ff2e,#0000 40%),radial-gradient(circle at 76% 18%,#a4eaff1c,#0000 35%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}a{color:inherit}h1,h2,h3,p{margin:0}ul{margin:0;padding-left:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#b7d6ea;font-size:.72rem}.muted{color:#d2e7f4}.stack-xl{gap:1.1rem;display:grid}.center-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.simple-card,.panel,.table-card,.auth-panel-form,.auth-panel-brand,.sidebar,.topbar,.kpi-card,.feature-stack article,.auth-form,.auth-switch{-webkit-backdrop-filter:blur(14px);background:#061d386b;border:1px solid #d6edff4d;box-shadow:0 18px 40px #00122659}.simple-card{border-radius:1rem;gap:.8rem;width:min(560px,100%);padding:1.2rem;display:grid}.link-button{background:#1f65a259;border:1px solid #bee2ff73;border-radius:.7rem;justify-content:center;padding:.7rem 1rem;text-decoration:none;display:inline-flex}.warning-note{color:#fff4d6;background:#ffdf8b33;border-radius:.6rem;padding:.7rem}.auth-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-panel{padding:2rem}.auth-panel-brand{border-right:1px solid #d6edff33;border-radius:1.2rem;align-content:center;gap:1rem;display:grid}.auth-panel-brand h1{text-shadow:0 1px 12px #00162873;font-size:clamp(2rem,4vw,3.1rem)}.club-display-name{color:#dff6ff;max-width:38rem;margin:0;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:600;line-height:1.35}.club-brand-row{flex-flow:wrap;align-items:center;gap:clamp(1rem,3vw,1.75rem);padding:10px;display:flex}.club-brand-logoWrap{background-color:#ffffffe0;border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(4.35rem,13vw,5.25rem);height:clamp(4.35rem,13vw,5.25rem);padding:.32rem;display:flex;overflow:hidden;box-shadow:0 8px 22px #00122647}.club-brand-logo{object-fit:contain;width:100%;height:100%;display:block}.feature-stack{gap:.8rem;display:grid}.feature-stack article{border-radius:.8rem;gap:.2rem;padding:.9rem;display:grid}.nautical-hero{background:#0e426666;border:1px solid #b7e4ff73;border-radius:999px;align-items:center;gap:.65rem;width:fit-content;padding:.5rem .7rem;display:inline-flex}.auth-panel-form{border-radius:1.1rem;align-content:center;gap:1rem;width:100%;max-width:540px;margin:0 auto;padding:1rem;display:grid}.auth-switch{border-radius:.8rem;grid-template-columns:1fr 1fr;gap:.3rem;padding:.3rem;display:grid}.auth-switch button{color:#f5fbff;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.6rem}.auth-switch .active{background:#6cbbff42;border:1px solid #c2e7ff80}.auth-form{border-radius:.9rem;gap:.7rem;padding:1rem;display:grid}.auth-form label{gap:.3rem;font-size:.92rem;display:grid}.auth-form input{color:#f5fbff;background:#02142666;border:1px solid #c4e6ff66;border-radius:.6rem;padding:.65rem .75rem}.auth-form span{color:#ffd7d7;min-height:1.2rem;font-size:.82rem}button{color:#f5fbff;cursor:pointer;background:#3282c670;border:1px solid #91d3ff99;border-radius:.65rem;padding:.7rem .9rem}.toast-bar-inner{align-items:flex-start;gap:.5rem;width:100%;min-width:0;display:flex}.toast-dismiss-btn{color:#363636;cursor:pointer;background:#0000000f;border:1px solid #0000001f;border-radius:.4rem;flex-shrink:0;margin:.15rem 0 0 .25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1.2}.toast-dismiss-btn:hover{background:#0000001a}.legal-text{color:#d2e7f4;font-size:.86rem}.demo-pill{color:#e8fff8;background:#26b98333;border-radius:.6rem;padding:.7rem;font-size:.85rem}.app-shell{grid-template-columns:260px 1fr;gap:.8rem;min-height:100vh;padding:.8rem;display:grid}.sidebar{border-radius:1rem;align-content:start;gap:1rem;padding:1.1rem;display:grid}.sidebar nav{gap:.5rem;display:grid}.sidebar-brand{align-items:center;gap:.4rem;display:inline-flex}.sidebar-subtitle{color:#cae6f7;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.82rem;display:inline-flex}.nav-item-content{align-items:center;gap:.45rem;display:inline-flex}.sidebar a{border:1px solid #0000;border-radius:.6rem;padding:.55rem .7rem;font-weight:500;text-decoration:none}.sidebar a.active{background:#6dbcff3d;border-color:#c2e7ff80}.content-area{grid-template-rows:auto 1fr;gap:.8rem;display:grid}.topbar{border-radius:1rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.topbar-start{align-items:center;gap:.35rem;display:flex}.auth-forgot-link{color:#d2e7f4;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:-.2rem 0 .35rem;padding:.2rem 0;font-family:inherit;font-size:.88rem;text-decoration:underline}.auth-forgot-link:hover{color:#fff}.settings-drawer-backdrop{z-index:65;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020c188c;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.settings-drawer{background:linear-gradient(165deg,#0c3a60fa,#061c30fa);border-left:1px solid #a6ddff73;width:min(420px,100%);max-height:100vh;padding:1.25rem 1.35rem 1.5rem;animation:.22s ease-out settings-drawer-slide;overflow-y:auto;box-shadow:-12px 0 40px #00081473}@keyframes settings-drawer-slide{0%{opacity:.85;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.settings-drawer-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.settings-drawer-title{color:#f3fbff;margin:0;font-size:1.2rem}.settings-drawer-email{color:#b7d6ea;word-break:break-all;margin:.25rem 0 0;font-size:.85rem}.settings-drawer-section-title{color:#e8f6ff;align-items:center;gap:.45rem;margin:0 0 .5rem;font-size:1rem;display:flex}.settings-drawer-help{color:#c8dde8;margin:0 0 1rem;font-size:.86rem;line-height:1.45}.settings-drawer-form span{color:#ffb4b4;font-size:.78rem}.topbar p{color:#d2e7f4;font-size:.84rem}.icon-button{color:#f5fbff;background:#07233e80;border:1px solid #c4e6ff59;border-radius:.6rem;justify-content:center;align-items:center;width:38px;height:38px;margin:0;padding:0;display:inline-flex}.icon-button svg{width:18px;height:18px;display:block}.dashboard-main{padding:.2rem}.module-title{align-items:center;gap:.45rem;display:inline-flex}.module-subtitle{color:#dff3ff;align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:1.1rem;font-weight:600;display:inline-flex}.ledger-accounting-inner{border-top:1px solid #a6ddff33;padding-top:.75rem}.marine-sports-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;display:grid}.marine-sports-strip article{background:#072b4980;border:1px solid #b0e4ff61;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .75rem;font-weight:600;display:inline-flex}.member-form{background:#05264275;border:1px solid #b4e4ff59;border-radius:.9rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.55rem;padding:.85rem;display:grid}.member-form-files{flex-direction:column;gap:.35rem;display:flex}.member-form-files-label{color:#c6e6fa;font-size:.82rem}.member-form-file-input{width:100%}.member-pending-files{flex-direction:column;gap:.3rem;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.member-pending-files li{background:#041e378c;border:1px solid #78bef02e;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .55rem;display:flex}.member-pending-files-remove{cursor:pointer;color:#ffecec;background:#b45a5a59;border:none;border-radius:.4rem;padding:.25rem .55rem;font-size:.78rem}.member-pending-files-remove:hover{background:#dc646473}.member-card-attachments-list{margin:0;padding-left:1.1rem}.member-card-attachments-list a{color:#9fdcff;text-underline-offset:2px;text-decoration:underline}.member-form input,.member-form select,.ledger-form input,.ledger-form select,.minutes-form input,.minutes-form select,.documents-form input,.documents-form select,.member-status-select{appearance:none;color:#eff9ff;background:#062442ad;border-radius:.55rem;min-height:46px;padding:.7rem 2.2rem .7rem .9rem;transition:background-color .15s,transform .15s}.member-form input[type=date],.ledger-form input[type=date],.minutes-form input[type=date],.documents-form input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.member-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.35);opacity:.95;cursor:pointer}.ledger-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.35);opacity:.95;cursor:pointer}.minutes-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.35);opacity:.95;cursor:pointer}.documents-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.35);opacity:.95;cursor:pointer}.member-form input:focus,.member-form select:focus,.ledger-form input:focus,.ledger-form select:focus,.minutes-form input:focus,.minutes-form select:focus,.documents-form input:focus,.documents-form select:focus,.member-status-select:focus{background:#083053d1;outline:none;transform:translateY(-1px)}.member-form select,.ledger-form select,.minutes-form select,.documents-form select,.member-status-select,.minutes-status-select{cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#b9e9ff 50%),linear-gradient(135deg,#b9e9ff 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.member-form option,.ledger-form option,.minutes-form option,.documents-form option,.member-status-select option,.minutes-status-select option{color:#e8f6ff;background:#0a2947}.member-form option:hover,.ledger-form option:hover,.minutes-form option:hover,.documents-form option:hover,.member-status-select option:hover,.minutes-status-select option:hover{background:#145280}.member-form-checkbox{align-items:center;gap:.4rem;font-size:.88rem;display:inline-flex}.yesno-switch{align-items:center;gap:.55rem;display:inline-flex}.yesno-switch input{opacity:0;pointer-events:none;position:absolute}.yesno-track{background:#125484a6;border-radius:999px;width:54px;height:28px;transition:background-color .2s;position:relative}.yesno-thumb{background:#eaf8ff;border-radius:999px;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.yesno-switch input:checked+.yesno-track{background:#2aae80bf}.yesno-switch input:checked+.yesno-track .yesno-thumb{transform:translate(26px)}.yesno-label{color:#e5f5ff;font-size:.86rem}.member-fee-toggle{white-space:nowrap;font-size:.84rem}.ledger-form{background:#05264275;border-radius:.9rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.55rem;padding:.85rem;display:grid}.minutes-form{background:#05264275;border-radius:.9rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem;padding:.85rem;display:grid}.documents-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem;display:grid}.file-input{align-items:center;padding:.35rem .55rem;display:flex}.file-input::file-selector-button{color:#f3fbff;cursor:pointer;background:#15609b85;border:1px solid #a6ddff94;border-radius:.55rem;margin-right:.7rem;padding:.45rem .75rem}.file-input:hover::file-selector-button{background:#2e88cc99}.field-wide{grid-column:span 2}.minutes-status-select{color:#eff9ff;background:#041a328c;border-radius:.55rem;padding:.45rem 2rem .45rem .7rem;box-shadow:inset 0 0 0 1px #bce5ff38}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.kpi-card{border-radius:.9rem;gap:.35rem;padding:.9rem;display:grid}.kpi-card strong{font-size:1.7rem}.kpi-card span{text-transform:uppercase;color:#d2e7f4;font-size:.8rem}.tone-green{background:#34c68e33}.tone-yellow{background:#fbbf243d}.tone-blue{background:#50a8ff3d}.tone-red{background:#f8717138}.analytics-grid,.module-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;display:grid}.panel,.table-card{z-index:1;border-radius:.9rem;gap:.65rem;padding:.9rem;display:grid;position:relative;overflow:visible}.panel:has(.dropdown-select[data-open=true]){z-index:2100}.table-card{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid #cfe9ff33;padding:.65rem .45rem}tbody tr{transition:background-color .15s}tbody tr:hover{background:#68bbf71f}.dropdown-select{align-self:start;height:fit-content;position:relative}.dropdown-select[data-open=true]{z-index:2200}.dropdown-select.w-full{width:100%}.dropdown-select[data-disabled=true]{opacity:.6}.dropdown-trigger{color:#eff9ff;cursor:pointer;background:#062442ad;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.6rem;width:100%;min-height:46px;padding:.7rem .9rem;transition:background-color .15s,transform .15s;display:inline-flex}.dropdown-trigger:focus{background:#083053d1;outline:none;transform:translateY(-1px)}.dropdown-value{white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden}.dropdown-menu{z-index:2300;-webkit-backdrop-filter:blur(16px);background:#051c34eb;border-radius:.85rem;max-height:280px;padding:.35rem;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 24px 60px #0012268c}.compliance-layout{grid-template-columns:1fr;gap:.9rem;display:grid}.compliance-layout .panel{width:100%}.search-toolbar{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.search-toolbar .dropdown-select{flex:0 240px;min-width:200px;max-width:min(320px,100%)}.search-toolbar .dropdown-select.w-full{width:100%}.search-input{color:#f3fbff;background:#0526428c;border:1px solid #a6ddff73;border-radius:.75rem;flex:220px;min-width:200px;padding:.55rem .75rem;font-size:.92rem}.search-input::placeholder{color:#d2ecff8c}.yesno-switch-inline{white-space:nowrap;flex-wrap:nowrap}.yesno-switch-inline .yesno-label{white-space:nowrap}.table-scroll{overflow-x:auto}.members-wide-table{min-width:1100px;font-size:.82rem}.members-wide-table th,.members-wide-table td{vertical-align:middle}.scroll-sentinel{height:1px}.list-loading-hint{margin-top:.35rem;font-size:.85rem}.member-compat-hint{margin:.25rem 0 .5rem;font-size:.86rem}.member-cards{flex-direction:column;gap:.75rem;display:flex}.member-cards-empty{margin:.25rem 0}.member-card{background:#05264280;border:1px solid #a6ddff47;border-radius:1rem;padding:.85rem 1rem}.member-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.member-card-name{color:#f3fbff;margin:0;font-size:1.05rem;font-weight:600}.member-card-meta{margin:.2rem 0 0;font-size:.84rem}.member-card-top-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.member-delete-btn{color:#fecaca;cursor:pointer;background:#7f1d1d59;border:1px solid #f871718c;border-radius:.65rem;justify-content:center;align-items:center;padding:.35rem .45rem;display:inline-flex}.member-delete-btn:hover:not(:disabled){background:#b91c1c73}.member-delete-btn:disabled{opacity:.45;cursor:not-allowed}.member-card-details{border-top:1px solid #a6ddff26;margin-top:.65rem;padding-top:.45rem}.member-card-details summary{cursor:pointer;color:#b8e6ff;font-size:.88rem;list-style:none}.member-card-details summary::-webkit-details-marker{display:none}.member-card-dl{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem .75rem;margin:.55rem 0 0;display:grid}.member-card-dl dt{text-transform:uppercase;letter-spacing:.04em;color:#d2ecffa6;margin:0;font-size:.72rem}.member-card-dl dd{color:#eaf6ff;margin:.1rem 0 0;font-size:.86rem}.member-card-dl-wide{grid-column:1/-1}.confirm-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020c18b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-modal{background:linear-gradient(165deg,#0c3a60fa,#061c30fa);border:1px solid #a6ddff73;border-radius:1rem;width:min(420px,100%);padding:1.25rem 1.35rem;box-shadow:0 20px 50px #0008148c}.confirm-modal h3{color:#f3fbff;margin:0 0 .5rem;font-size:1.1rem}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:1rem;display:flex}.confirm-modal-cancel{color:#eaf6ff;cursor:pointer;background:#08305273;border:1px solid #a6ddff73;border-radius:.65rem;padding:.5rem .9rem}.confirm-modal-danger{color:#fff1f2;cursor:pointer;background:#991b1b8c;border:1px solid #fca5a5a6;border-radius:.65rem;padding:.5rem .9rem}.confirm-modal-danger:disabled,.confirm-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.admin-help-block{margin-bottom:.75rem;font-size:.86rem;line-height:1.45}.admin-help-block ul{margin:.35rem 0 .5rem 1rem;padding:0}.admin-help-block p{margin:.35rem 0}.date-picker-root{width:100%;position:relative}.date-picker-trigger{color:#f3fbff;cursor:pointer;text-align:left;background:#0526428c;border:1px solid #a6ddff73;border-radius:.75rem;align-items:center;gap:.45rem;width:100%;padding:.52rem .65rem;font-size:.92rem;display:inline-flex}.date-picker-trigger svg{color:#fff;stroke:#fff;flex-shrink:0}.date-picker-placeholder{color:#d2ecff8c}.date-picker-popover{z-index:40;background:linear-gradient(160deg,#0c3a60fa,#06203afa);border:1px solid #a6ddff73;border-radius:1rem;width:min(320px,96vw);padding:.75rem;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 40px #000c1c8c}.date-picker-period-row{gap:.45rem;margin-bottom:.55rem;display:flex}.date-picker-select{color:#f3fbff;background:#052642bf;border:1px solid #a6ddff73;border-radius:.65rem;flex:1;min-width:0;padding:.4rem .45rem;font-size:.82rem}.date-picker-month-label{color:#eaf6ff;text-transform:capitalize;font-size:.88rem;font-weight:600}.date-picker-header{color:#eaf6ff;justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.92rem;display:flex}.date-picker-nav{color:#fff;cursor:pointer;background:#15609b8c;border:0;border-radius:.55rem;padding:.25rem .35rem}.date-picker-weekdays{color:#d2ecffbf;text-align:center;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-bottom:.35rem;font-size:.72rem;display:grid}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.date-picker-day{color:#f3fbff;cursor:pointer;background:#08305259;border:1px solid #0000;border-radius:.55rem;padding:.35rem 0;font-size:.82rem}.date-picker-day-muted{opacity:.35}.date-picker-day-today{border-color:#ffd678a6}.date-picker-day-selected{background:#2aae808c;border-color:#baffe08c}.dropdown-item{color:#e8f6ff;text-align:left;cursor:pointer;background:0 0;border-radius:.65rem;width:100%;padding:.62rem .8rem;transition:background-color .12s,transform .12s}.dropdown-item:hover{background:#68bbf729;transform:translate(2px)}.dropdown-item.selected{background:#36aaeb38}.qr-wrap{background:#07233e80;border:1px dashed #bde3ff73;border-radius:.8rem;place-items:center;padding:.8rem;display:grid}@media (width<=980px){.auth-shell{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr;padding:.6rem}.sidebar{z-index:20;border-radius:0;width:260px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.kpi-grid{grid-template-columns:1fr}}