/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[members\:create-login\]{members:create-login}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#0f172a;--muted:#64748b;--app-bg:#f8fafc;--card-bg:#fff;--card-border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--input-bg:#fff;--input-border:#cbd5e1;color:var(--text-main);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;letter-spacing:0}html,body{background-color:var(--app-bg);width:100%;max-width:100%;min-height:100%;color:var(--text-main);margin:0;overflow-x:hidden}#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}button,input,select,textarea,img,table{max-width:100%}button,input,select,textarea{font:inherit}input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],textarea,select{background-color:var(--input-bg);color:var(--text-main);border:1px solid var(--input-border)}input::placeholder,textarea::placeholder{color:var(--text-muted)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-soft:#eff6ff;--success:#16a34a;--success-soft:#f0fdf4;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--border:#e2e8f0;--shadow:0 8px 20px #0f172a0a;--shadow-lg:0 16px 40px #0f172a14}*,:before,:after{box-sizing:border-box}@media (width<=768px){input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{font-size:16px!important;transform:none!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}html,body,#root{min-height:100%}html,body{width:100%;overflow-x:hidden}body{background:var(--bg);margin:0}#root{background:var(--bg);min-height:100dvh}.app-shell{background:var(--bg);width:100%;min-width:0;max-width:100%;min-height:100dvh;color:var(--text)}img,svg,video,canvas,button,input,select,textarea{max-width:100%}.mobile-topbar{z-index:30;border-bottom:1px solid var(--border);background:var(--background,var(--bg));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;min-height:72px;padding:12px 14px;display:flex;position:sticky;top:0}.mobile-dashboard-header{min-height:72px}.mobile-greeting-block{display:none}.mobile-greeting-header{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.mobile-greeting-header h2{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:clamp(1rem,4vw,1.45rem);font-weight:800;line-height:1.1;overflow:hidden}.mobile-greeting-header h2>span:first-child{min-width:0}.greeting-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;max-width:100%;display:flex}.greeting-title>span:first-child{min-width:0;max-width:100%}.greeting-emoji{flex:none;line-height:1}.mobile-topbar>div{min-width:0}.topbar-actions,.mobile-topbar-actions,.user-actions{align-items:center;gap:8px;display:flex}.topbar-actions,.mobile-topbar-actions{flex:none;justify-content:flex-end;min-width:0}.mobile-topbar strong{max-width:none;color:var(--text);text-overflow:clip;white-space:normal;font-weight:800;line-height:1.2;display:block;overflow:visible}.mobile-header-title{flex:auto;min-width:0}.mobile-header-title .eyebrow{margin-bottom:2px}.mobile-header-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-topbar .hamburger-button{flex-shrink:0}.mobile-icon-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0f2;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;min-height:40px;padding:0;transition:transform .15s,background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-grid;position:relative;box-shadow:0 8px 18px #0f172a14}.mobile-icon-button:hover{color:var(--primary);background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1c}.mobile-icon-button:active{background:#f1f5f9;transform:scale(.96);box-shadow:0 5px 12px #0f172a1a}.mobile-icon-button svg{fill:none;stroke:currentColor;width:20px;height:20px}.hamburger-button,.primary-button,.secondary-button,.danger-button{max-width:100%;min-height:36px;font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.hamburger-button,.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.hamburger-button:hover,.primary-button:hover{background:#1d4ed8;border-color:#1d4ed8}.hamburger-button:active,.primary-button:active{background:#1e40af;transform:scale(.98)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--border);color:#334155;background:#fff}.secondary-button:hover{background:#f8fafc;border-color:#cbd5e1}.secondary-button:active{background:#f1f5f9;transform:scale(.98)}.danger-button{color:var(--danger);background:#fff;border:1px solid #fecaca}.danger-button:hover{background:var(--danger-soft)}.danger-button:active{background:#fee2e2;transform:scale(.98)}.sidebar{border-right:1px solid var(--border);height:100dvh;color:var(--text);background:#f8fafc;flex-direction:column;justify-content:space-between;display:none;overflow:clip}.sidebar.open{z-index:1000;border-right:1px solid var(--border);border-radius:0;width:min(85vw,320px);max-width:320px;height:100dvh;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 44px #0f172a29}.sidebar-overlay{z-index:999;cursor:pointer;background:#00000073;border:0;position:fixed;inset:0}.sidebar-top{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 16px 12px;display:flex;overflow-y:auto}.sidebar-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sidebar-heading>div{min-width:0}.sidebar h1{color:var(--text);margin:5px 0 6px;font-size:16px;font-weight:800;line-height:1.2}.sidebar-close{border:1px solid var(--border);color:#334155;min-height:36px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex:none;padding:7px 10px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.sidebar-close:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.sidebar-close:active{background:#f1f5f9;transform:scale(.98)}.nav-list,.user-panel,.month-control,.settings-stack,.member-login-form,.member-list{gap:8px;display:grid}.nav-list button{color:#334155;text-align:left;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;padding:10px 11px;font-size:14px;font-weight:650;transition:background .13s,color .13s,border-color .13s}.nav-list button.active,.nav-list button:hover{border-left-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.nav-list button:active{background:#dbeafe}.month-control{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:12px}.month-control button,.user-panel button{border:1px solid var(--border);color:#334155;min-height:36px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;font-size:13px;font-weight:700}.month-control button:hover,.user-panel button:hover{border-color:var(--primary);color:var(--primary)}.user-panel{border-top:1px solid var(--border);background:#f8fafc;flex-shrink:0;padding:12px 18px 14px}.user-panel strong{color:var(--text);font-size:14px;display:block}.user-panel span{color:var(--muted);text-transform:capitalize;font-size:13px;display:block}.notification-wrap{position:relative}.notification-bell{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:38px;min-height:36px;display:inline-grid;position:relative}.notification-bell:hover{border-color:var(--primary);color:var(--primary)}.notification-bell svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:19px;height:19px}.notification-bell.mobile-icon-button{color:#0f172a;border-radius:12px;width:40px;height:40px;min-height:40px}.notification-bell.mobile-icon-button:hover{color:var(--primary);background:#f8fafc;border-color:#cbd5e1}.notification-bell strong{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:999px;min-width:18px;padding:1px 4px;font-size:10px;font-weight:900;line-height:1.2;position:absolute;top:-7px;right:-7px}.notification-menu{z-index:60;border:1px solid var(--border);transform-origin:100% 0;background:#fff;border-radius:10px;width:min(360px,100vw - 24px);max-width:calc(100vw - 24px);max-height:430px;animation:.16s ease-out notification-pop;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a2e}.mobile-topbar .notification-menu{top:calc(100% + 8px);bottom:auto}.notification-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.notification-menu-header button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.notification-list{max-height:360px;overflow-y:auto}.notification-item{width:100%;min-width:0;color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1f5f9;gap:4px;padding:11px 12px;transition:background .15s,transform .15s;display:grid}.notification-item.unread{background:var(--primary-soft)}.notification-item:hover{background:#f8fafc}@keyframes notification-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-item span{min-width:0;color:var(--text);overflow-wrap:anywhere;text-transform:none;font-size:13px;font-weight:850;line-height:1.3}.notification-item p{color:#475569;overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px;line-height:1.45}.notification-item small,.notification-empty{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.notification-empty{text-align:center;padding:18px 12px}.workspace{background:var(--bg);width:100%;min-width:0;max-width:100%;padding:12px}.workspace>section{width:100%;max-width:1440px;margin:0 auto}.workspace-header{z-index:20;width:100%;max-width:1440px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #e2e8f0e6;border-radius:12px;gap:10px;margin:0 auto 16px;padding:11px 12px;display:grid;position:sticky;top:0}.workspace-title{min-width:0}.greeting-header{align-items:center;min-height:44px;display:flex}.workspace-title h2{color:var(--text);margin:1px 0 3px;font-size:24px;font-weight:900;line-height:1.15}.workspace-controls{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.member-page-header-title .dashboard-title{margin-bottom:8px}.working-month-control{flex:none;align-items:center;gap:0;min-width:0;display:flex;position:relative}.mobile-working-month{display:none}.working-month-pill{width:44px;height:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;flex:0 0 44px;place-items:center;padding:0;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-grid;box-shadow:0 10px 24px #0f172a0a}.working-month-pill:hover,.working-month-pill:focus{background:#f8fafc;border-color:#bfdbfe;outline:none;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb14}.working-month-pill:active{transform:scale(.98)}.working-month-pill>svg:first-child{color:#3b82f6;width:19px;height:19px}.dashboard-header .notification-bell,.dashboard-header .working-month-pill{border-color:#dbe3ef;border-radius:999px;width:44px;height:44px;min-height:44px;box-shadow:0 10px 24px #0f172a0a}.working-month-popover{z-index:85;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(292px,100vw - 24px);animation:.16s ease-out working-month-pop;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a29}.working-month-current{border-bottom:1px solid #eef2f7;gap:4px;padding:14px 14px 12px;display:grid}.working-month-current span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.working-month-current strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:900;line-height:1.2;overflow:hidden}.working-month-popover-header{border-bottom:1px solid #eef2f7;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:12px 12px 10px;display:grid}.working-month-popover-header strong{color:#0f172a;text-align:center;font-size:15px;font-weight:900}.working-month-year-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;place-items:center;width:34px;height:34px;transition:border-color .15s,background .15s,color .15s;display:inline-grid}.working-month-year-button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.working-month-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.working-month-option{color:#334155;min-width:0;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.working-month-option:hover{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.working-month-option.selected{color:#fff;background:#2563eb;border-color:#bfdbfe;box-shadow:0 10px 22px #2563eb2e}@keyframes working-month-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.section-header{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}section{min-width:0}.section-header h2{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:800;line-height:1.2}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.muted{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.dashboard-page{gap:14px;animation:.18s ease-out view-appear;display:grid}@keyframes view-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.metric-grid,.two-column,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters{grid-template-columns:1fr;gap:10px;min-width:0;display:grid}.metric-grid,.member-metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.payment-filters{margin-bottom:14px}.metric-card,.panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:10px}.metric-card{min-height:108px;padding:14px}.metric-card span{color:var(--muted);font-size:12px;font-weight:700;display:block}.metric-card strong{overflow-wrap:anywhere;color:var(--text);margin-top:10px;font-size:22px;font-weight:900;line-height:1.15;display:block}.metric-card.collected,.metric-card.paid{border-left:3px solid var(--success)}.metric-card.outstanding,.metric-card.late{border-left:3px solid var(--danger)}.metric-card.partial{border-left:3px solid var(--warning)}.metric-card.pending{border-left:3px solid var(--primary)}.dashboard-chart-grid{grid-template-columns:1fr;gap:14px;margin:0;display:grid}.chart-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px;overflow:visible}.chart-card .panel-header{margin-bottom:8px}.chart-card h2{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:850}.chart-frame{width:100%;min-width:0;height:auto}.chart-empty{min-height:220px;color:var(--muted);text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;font-size:13px;font-weight:750;display:grid}.chart-legend{flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-top:4px;display:flex}.chart-legend span{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.chart-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.summary-strip,.member-actions,.form-actions,.table-actions,.export-actions{flex-wrap:wrap;gap:8px;display:flex}.export-actions{margin-bottom:14px}.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.payment-action-panel .primary-button,.payment-action-panel .secondary-button,.event-card>.primary-button,.login-panel>.primary-button,.panel>.primary-button,.reminder-toolbar>.primary-button{width:100%}.summary-strip{margin-top:12px}.summary-strip span{border:1px solid var(--border);color:#475569;overflow-wrap:anywhere;background:#fff;border-radius:999px;max-width:100%;padding:6px 10px;font-size:12px;font-weight:650}.payment-summary-card{box-shadow:var(--shadow);background:#fff;border:1px solid #bfdbfe;border-radius:10px;gap:12px;margin:4px 0 16px;padding:14px;display:grid}.payment-summary-main{gap:4px;min-width:0;display:grid}.payment-summary-label,.payment-summary-main>span:last-child,.payment-summary-breakdown span{color:var(--muted);font-size:12px;font-weight:800}.payment-summary-label{color:var(--text);font-size:15px;line-height:1.25}.payment-summary-main strong{color:var(--primary);overflow-wrap:anywhere;font-size:clamp(28px,5vw,42px);font-weight:900;line-height:1.05}.payment-summary-breakdown{grid-template-columns:1fr;gap:10px;display:grid}.payment-summary-breakdown div{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.payment-summary-breakdown strong{color:var(--text);overflow-wrap:anywhere;font-size:18px;font-weight:850;line-height:1.15}.monthly-report-page{gap:14px;width:100%;min-width:0;max-width:100%;display:grid}.report-paper{border:1px solid var(--border);width:100%;min-width:0;max-width:1200px;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;margin:0 auto;padding:16px}.report-heading{border-bottom:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding-bottom:14px;display:grid}.report-heading h2{color:var(--text);margin:0 0 5px;font-size:22px;font-weight:900;line-height:1.2}.report-subtitle{color:#334155;margin:0 0 4px;font-size:14px;font-weight:750}.report-actions{justify-content:flex-end;align-items:center;margin-bottom:0}.report-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.report-summary-card{border:1px solid var(--border);border-top:3px solid var(--primary);background:#fff;border-radius:8px;min-width:0;min-height:78px;padding:9px 10px}.report-summary-card span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.report-summary-card strong{color:var(--text);overflow-wrap:anywhere;margin-top:7px;font-size:18px;font-weight:900;line-height:1.1;display:block}.report-summary-card.paid{border-left-color:var(--success)}.report-summary-card.partial{border-left-color:var(--warning)}.report-summary-card.outstanding{border-left-color:var(--danger)}.report-table-wrap{overflow-x:auto}.monthly-report-table{min-width:980px;font-size:12px}.monthly-report-table th{color:#475569;background:#f8fafc;font-weight:800}.monthly-report-table td,.monthly-report-table th{vertical-align:middle;padding:8px 10px}.monthly-report-table tbody tr:nth-child(2n) td{background:#fbfdff}.monthly-report-table tfoot th{color:var(--text);background:#f8fafc;border-top:1px solid #cbd5e1;font-weight:850}.member-name-cell{min-width:170px;font-weight:700}.amount-cell{text-align:right;white-space:nowrap}.count-cell{text-align:center}.reference-cell{white-space:normal;max-width:210px}.reference-cell span,.reference-cell small{overflow-wrap:anywhere;display:block}.reference-cell small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.3}.report-card-list{width:100%;min-width:0;display:none}.report-member-card{border:1px solid var(--border);background:#fff;border-radius:10px;gap:10px;width:100%;min-width:0;padding:12px;display:grid}.report-member-card-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.report-member-card-head strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:14px}.report-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.report-member-grid span{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:8px;gap:3px;padding:8px;font-size:11px;font-weight:750;display:grid}.report-member-grid strong{color:var(--text);overflow-wrap:anywhere;font-size:13px}.report-member-rows{gap:0;min-width:0;display:grid}.report-member-rows>div{border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) minmax(92px,auto);align-items:center;gap:12px;min-width:0;padding:7px 0;display:grid}.report-member-rows>div:first-child{border-top:0;padding-top:0}.report-member-rows>div:last-child{padding-bottom:0}.report-member-rows span{min-width:0;color:var(--muted);font-size:12px;font-weight:750;line-height:1.25}.report-member-rows strong{min-width:0;color:var(--text);text-align:right;font-size:12px;font-weight:850;line-height:1.25}.report-member-reference strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel{min-width:0;max-width:100%;padding:12px;overflow-x:auto}.panel h2{color:var(--text);margin:0 0 12px;font-size:16px;font-weight:800}.panel-header{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.panel-header>*{min-width:0}.panel-header>select{width:100%}.reminder-toolbar{gap:10px;display:grid}.members-layout,.members-main{align-items:start;gap:14px;min-width:0;display:grid}.members-main{min-width:0}.member-add-form{background:#fff;align-self:start;padding:24px;box-shadow:0 4px 24px #0f172a14}.member-add-form h2{margin-bottom:2px}.members-main .member-history-panel,.members-main .member-login-form{margin-top:0}.member-history-panel,.member-login-form{margin-top:16px}.member-list{border-bottom:1px solid var(--border);margin-top:14px;padding-bottom:14px}.member-list.compact{border-bottom:0;margin-top:0;padding-bottom:0}.member-list-count{margin:10px 0}.special-events-page{background:#f6f8fc;border-radius:22px;padding:18px}.special-events-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:24px;min-width:0;display:grid}.special-events-main{gap:14px;min-width:0;display:grid}.create-event-card{background:#fff;border-color:#e2e8f0;border-radius:22px;align-self:start;height:auto;max-height:none;overflow:visible;box-shadow:0 18px 45px #0f172a12}.create-event-form{gap:18px;max-height:none;padding:22px;display:grid;overflow:visible}.event-edit-form{max-height:none;overflow:visible}.create-event-header{gap:6px;display:grid}.create-event-header h2{color:var(--text);margin:0;font-size:20px;font-weight:900;line-height:1.2}.create-event-header p{color:#64748b;margin:0;font-size:13px;font-weight:650;line-height:1.45}.create-event-grid{grid-template-columns:1fr 1fr;gap:14px;min-width:0;display:grid}.create-event-field{gap:8px;min-width:0;display:grid}.create-event-field.full,.create-event-form .notice{grid-column:1/-1}.create-event-field span{color:#475569;font-size:12px;font-weight:750}.create-event-field input,.create-event-field select,.create-event-field .date-picker-trigger,.create-event-field .cs-trigger{background:#fbfdff;border-color:#dbe3ef;border-radius:12px;height:48px;min-height:0;padding:0 14px}.create-event-field .date-picker-trigger{font-size:14px}.create-event-field .date-picker,.member-edit-form .date-picker{width:100%;position:relative}.create-event-field textarea{resize:vertical;background:#fbfdff;border-color:#dbe3ef;border-radius:12px;min-height:120px;padding:14px}.create-event-actions{justify-content:flex-end;display:flex}.create-event-actions button{border-radius:12px;width:auto;min-height:48px;padding:0 22px;box-shadow:0 10px 22px #2563eb2e}.event-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;min-width:0;display:grid}.events-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.event-card,.member-row{border:1px solid var(--border);background:#fff;border-radius:10px;gap:10px;padding:12px;display:grid}.special-events-page .panel{background:#fff;border-color:#e2e8f0;border-radius:20px;box-shadow:0 14px 36px #0f172a0e}.special-events-page .panel-header{margin-bottom:14px}.special-events-page .event-card{background:#fff;border-color:#e2e8f0;border-radius:18px;gap:14px;padding:16px;box-shadow:0 10px 26px #0f172a0b}.member-list.compact .member-row{padding:10px 12px}.event-card p{margin:0}.events-grid .event-card{align-content:start;min-width:0;height:auto}.event-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.event-card-title{overflow-wrap:anywhere;color:#0f172a;min-width:0;font-size:16px;font-weight:900;line-height:1.25}.event-card-subtitle{color:#64748b;flex-wrap:wrap;gap:8px 12px;font-size:12px;font-weight:750;display:flex}.event-card-description{color:#475569;font-size:13px;line-height:1.55}.event-chip-row{flex-wrap:wrap;gap:8px;display:flex}.event-chip{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:6px 8px;font-size:11px;font-weight:750;line-height:1.2;display:inline-flex}.event-chip strong{color:#1e293b;font-weight:900}.event-actions{flex-wrap:wrap;gap:8px;display:flex}.event-actions button{min-width:0;min-height:40px;font:inherit;cursor:pointer;border-radius:10px;flex:104px;padding:8px 12px;font-size:12px;font-weight:850;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.event-action-primary{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 8px 18px #2563eb29}.event-action-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.event-action-secondary{color:#334155;background:#fff;border:1px solid #dbe3ef}.event-action-secondary:hover{color:#1d4ed8;background:#f8fbff;border-color:#bfdbfe}.event-action-danger{color:#dc2626;background:#fff;border:1px solid #fecaca}.event-action-danger:hover{background:#fff7f7;border-color:#fca5a5}.event-actions button:disabled{cursor:not-allowed;opacity:.55}.archived-events-panel{margin-top:14px}.archived-events-header{align-items:center}.archived-events-header .secondary-button{width:auto}.archived-event-grid{padding-top:14px}.special-events-page .archived-event-card{opacity:.82;background:#f8fafc}.special-events-page .archived-event-card:hover,.special-events-page .archived-event-card:focus-within{opacity:1}.event-history-note{border-left:3px solid #cbd5e1;padding-left:10px;font-size:12px;line-height:1.45}.member-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.member-title-row strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-weight:800}.member-row span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.selected-member-card{border:1px solid var(--border);color:#475569;background:#f8fafc;border-radius:10px;gap:8px;padding:12px;font-size:13px;display:grid}.selected-member-card strong{color:var(--text);font-size:15px;display:block}.member-login-form .primary-button{justify-self:stretch}.form-grid h2,.form-grid .full,.form-grid .primary-button,.form-grid .notice,.member-edit-form h2,.member-edit-form .form-actions{grid-column:1/-1}.field{color:#334155;gap:4px;min-width:0;font-size:13px;font-weight:650;display:grid}.field span{color:#475569;font-size:12px;font-weight:700}input,select,textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 10px;font-size:14px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}select:hover{border-color:#93c5fd}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.password-input-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.password-input-wrap input{min-width:0}.password-input-wrap button{border:1px solid var(--border);color:#334155;cursor:pointer;min-height:44px;font:inherit;background:#fff;border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.form-grid>.primary-button{justify-self:stretch;width:100%;margin-top:4px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px;max-width:none;font-size:13px}.member-history-panel{border-radius:12px}.member-history-panel table{min-width:820px}.member-add-btn{justify-content:center;justify-self:stretch;align-items:center;gap:8px;width:100%;display:inline-flex}.member-add-btn:hover:not(:disabled){filter:brightness(.92)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite btn-spin;display:inline-block}.field--error input,.field--error select,.field--error textarea{background:#fff5f5;border-color:#ef4444}.field--error input:focus,.field--error select:focus,.field--error textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.field--valid input,.field--valid select,.field--valid textarea{background:#f0fdf4;border-color:#16a34a}.field--valid input:focus,.field--valid select:focus,.field--valid textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.field-error-msg{color:#dc2626;margin-top:2px;font-size:11px;font-weight:700}.reminder-phone-toggle{padding-top:2px}.checkbox-label{cursor:pointer;color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;min-height:unset;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.members-list-heading-row{align-items:center;gap:12px;display:flex}.members-toggle-btn{flex-shrink:0;min-height:30px;padding:0 12px;font-size:12px}.selected-member-header{align-items:center;gap:14px;display:flex}.member-avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:inline-flex}.member-edit-btn{flex-shrink:0;margin-left:auto}.not-provided{color:#94a3b8;font-size:13px;font-style:italic}.payment-total-cell{text-align:right;border-top:2px solid #e2e8f0;font-size:13px}.login-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:650;line-height:1.5}.pw-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.pw-strength-bar{flex:1;gap:4px;display:flex}.pw-strength-segment{background:#e2e8f0;border-radius:999px;flex:1;height:4px;transition:background .2s}.pw-strength-segment.pw-level-1{background:#ef4444}.pw-strength-segment.pw-level-2{background:#f59e0b}.pw-strength-segment.pw-level-3{background:#16a34a}.pw-strength-label{white-space:nowrap;font-size:11px;font-weight:800}.pw-strength-label.pw-level-1{color:#dc2626}.pw-strength-label.pw-level-2{color:#d97706}.pw-strength-label.pw-level-3{color:#16a34a}.success-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#16a34a;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.success-button:hover:not(:disabled){background:#15803d}.success-button:active:not(:disabled){transform:scale(.98)}.success-button:disabled{opacity:.55;cursor:not-allowed}.member-login-btn{justify-self:stretch;width:100%}.login-confirm-panel{max-width:440px}thead{display:table-header-group}tr{display:table-row}td,th{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:9px}td:last-child{border-bottom:0}th{color:#475569;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:800}tfoot th{color:var(--text);background:#f8fafc}.status{text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.status.paid,.status.active{background:var(--success-soft);color:var(--success)}.status.pending,.status.unpaid{background:var(--primary-soft);color:var(--primary)}.status.partial{background:var(--warning-soft);color:#b45309}.status.late,.status.cancelled,.status.failed{background:var(--danger-soft);color:var(--danger)}.status.closed{color:#475569;background:#f1f5f9}.status.archived{color:#475569;background:#e2e8f0}.notice,.toast{border:1px solid var(--border);color:#334155;overflow-wrap:anywhere;background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:650;line-height:1.5}.notice{margin-bottom:14px}.notice.success,.toast.success{background:var(--success-soft);color:var(--success);border-color:#bbf7d0}.notice.error,.toast.error{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.notice.warning{background:var(--warning-soft);color:#b45309;border-color:#fde68a}.toast-stack{z-index:1300;gap:8px;width:calc(100vw - 24px);max-width:360px;display:grid;position:fixed;top:12px;right:12px}.loading-state{color:var(--primary);background:#fff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.loading-dot{background:var(--primary);border-radius:999px;width:8px;height:8px;animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.35}to{opacity:1}}.empty-state{min-height:120px;color:var(--muted);text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 20px;font-size:13.5px;font-weight:600;display:flex}.payment-action-panel{flex-direction:column;gap:12px;margin-top:16px;display:flex}.modal-backdrop{z-index:70;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 24px 70px #0f172a2e}.modal-panel h2{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:800}.modal-panel p{color:var(--muted);margin:0 0 18px;line-height:1.5}.modal-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-title-row h2{margin:0}.icon-button{border:1px solid var(--border);color:#334155;cursor:pointer;min-width:36px;min-height:36px;font:inherit;background:#fff;border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.icon-button:hover{border-color:var(--primary);color:var(--primary)}.modal-body{min-height:0;overflow-y:auto}.member-edit-modal{flex-direction:column;max-width:720px;max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden}.member-edit-modal .notice{margin:0 20px 12px}.member-edit-modal .modal-title-row,.member-edit-modal-actions{flex-shrink:0;padding:16px 20px}.member-edit-modal .modal-title-row{border-bottom:1px solid var(--border)}.member-edit-modal .modal-body{padding:16px 20px}.member-edit-modal-actions{border-top:1px solid var(--border);background:#fff}.modal-actions{gap:8px;display:grid}.auth-shell{background:var(--bg);place-items:center;min-height:100dvh;padding:16px;display:grid}.auth-loading{flex-direction:column;align-items:center;gap:18px;display:flex}.auth-loading p{color:var(--muted);letter-spacing:.01em;margin:0;font-size:14px;font-weight:600}.auth-loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.72s linear infinite spin}.login-panel{border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:14px;padding:24px;display:grid}.login-panel h1{color:var(--text);margin:0;font-size:24px;font-weight:800;line-height:1.2}.backup-list{grid-template-columns:1fr;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.backup-list li{border:1px solid var(--border);color:#475569;text-transform:capitalize;background:#f8fafc;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:650}.message-cell{white-space:normal;max-width:380px}.contact-stack{gap:3px;display:grid}.reminders-page{background:var(--bg);gap:18px;max-width:100%;display:grid;overflow-x:hidden}.reminders-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.reminders-header h1{color:var(--text);margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.1}.reminders-header p{color:var(--muted);margin:7px 0 0;font-size:.95rem}.reminder-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.reminder-summary-card{border:1px solid var(--border);border-left:3px solid var(--primary);background:var(--card);min-height:84px;box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:12px;padding:16px;transition:box-shadow .15s,transform .15s;display:flex}.reminder-summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.reminder-summary-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.reminder-summary-card.partial .reminder-summary-icon{background:var(--warning-soft);color:var(--warning)}.reminder-summary-card.paid .reminder-summary-icon{background:var(--success-soft);color:var(--success)}.reminder-summary-card.neutral .reminder-summary-icon{color:var(--muted);background:#f1f5f9}.reminder-summary-card.pending .reminder-summary-icon{background:var(--danger-soft);color:var(--danger)}.reminder-summary-card.pending{border-left-color:var(--danger)}.reminder-summary-card.partial{border-left-color:var(--warning)}.reminder-summary-card.paid{border-left-color:var(--success)}.reminder-summary-card.neutral{border-left-color:var(--muted)}.reminder-summary-card span:not(.reminder-summary-icon){color:var(--muted);font-size:12px;font-weight:750;display:block}.reminder-summary-card strong{color:var(--text);margin-top:3px;font-size:28px;font-weight:900;line-height:1;display:block}.reminder-controls-card,.unpaid-members-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel,.smart-reminder-filters,.smart-reminder-results,.smart-reminder-card{border:1px solid var(--border);background:var(--card);max-width:100%;box-shadow:var(--shadow);border-radius:18px;padding:18px;overflow:hidden}.reminder-controls-grid{grid-template-columns:repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:14px;display:grid}.reminder-controls-grid .field{min-width:0}.reminder-controls-grid input,.reminder-controls-grid select,.reminder-controls-grid button{min-height:44px}.reminder-search,.reminder-event-field{grid-column:span 2}.reminder-bulk-button{justify-self:end;min-width:190px}.smart-reminder-page{grid-template-columns:minmax(0,1fr)}.smart-reminder-filters{padding:18px}.filter-section-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:grid}.filter-section-title{min-width:0;color:var(--text);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.filter-reset-btn{background:var(--primary-soft);color:var(--primary);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:800;transition:background .12s,color .12s;display:inline-flex}.filter-reset-btn:hover{color:#1d4ed8;background:#dbeafe}.filter-result-count{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;justify-self:end;align-items:center;gap:2px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.filter-result-count strong{color:#0f172a;font-size:13px;font-weight:800}.smart-reminder-grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:14px;display:grid}.smart-reminder-grid .field{min-width:0}.smart-reminder-grid input,.smart-reminder-grid select{min-height:44px}.smart-reminder-grid .cs-trigger{border-radius:12px;min-height:44px}.smart-reminder-grid .cs-menu{border-radius:12px}.smart-reminder-grid .reminder-event-field,.smart-reminder-grid .reminder-search{grid-column:span 2}.smart-reminder-results{gap:14px;padding:18px;display:grid}.bulk-reminder-bar{background:var(--primary-soft);border:1px solid #bfdbfe;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.select-all-row,.bulk-reminder-actions{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.select-all-row input,.smart-reminder-select input{width:18px;height:18px;accent-color:var(--primary)}.bulk-reminder-actions .primary-button{white-space:nowrap;width:auto}.smart-reminder-list{gap:12px;display:grid}.smart-reminder-card{border-left:3px solid var(--border);box-shadow:none;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:16px 20px;transition:box-shadow .15s,border-left-color .15s;display:grid}.smart-reminder-card:hover{border-left-color:var(--primary);box-shadow:0 4px 16px #0f172a12}.smart-reminder-select{align-self:center;display:inline-flex}.rc-member{align-items:flex-start;gap:12px;min-width:0;display:flex}.rc-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.rc-info{gap:3px;min-width:0;display:grid}.rc-primary-row{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.rc-title-stack{gap:2px;min-width:0;display:grid}.rc-name{color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.rc-contact{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rc-tags{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;display:flex}.rc-finance{text-align:right}.rc-balance{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1;display:block}.rc-finance-detail{color:var(--muted);white-space:nowrap;justify-content:flex-end;gap:4px;margin-top:5px;font-size:11px;display:flex}.rc-finance-detail strong{color:var(--text);font-weight:600}.rc-actions{align-items:center;gap:6px;display:flex}.rc-preview-btn{width:auto;color:var(--muted);white-space:nowrap;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:inline-flex}.rc-preview-btn:hover{color:var(--primary);background:var(--primary-soft)}.rc-copy-btn{white-space:nowrap;width:auto;padding:7px 12px;font-size:12px}.rc-send-btn{white-space:nowrap;width:auto;padding:8px 18px;font-size:13px;font-weight:700}.reminder-type-badge,.reminder-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.reminder-type-badge.monthly{background:var(--primary-soft);color:var(--primary);border:1px solid #bfdbfe}.reminder-type-badge.special-event{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.reminder-status-badge.unpaid{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca}.reminder-status-badge.partial{background:var(--warning-soft);color:#b45309;border:1px solid #fde68a}.reminder-activity-card{gap:16px;display:grid}.reminder-activity-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reminder-activity-header h2{color:var(--text);margin:0;font-size:18px;line-height:1.2}.reminder-activity-header p{margin:5px 0 0}.reminder-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reminder-activity-stat{border:1px solid var(--border);border-top:3px solid var(--primary);background:#f8fafc;border-radius:14px;gap:6px;min-height:78px;padding:14px;transition:box-shadow .15s;display:grid}.reminder-activity-stat:hover{box-shadow:var(--shadow)}.reminder-activity-stat span{color:var(--muted);font-size:12px;font-weight:800}.reminder-activity-stat strong{color:var(--text);font-size:17px;font-weight:800;line-height:1.35}.reminder-log-toggle{background:var(--primary-soft);width:auto;color:var(--primary);border-color:#bfdbfe;flex:none}.reminder-logs-panel{box-shadow:none;gap:14px;display:grid}.reminder-toolbar{grid-template-columns:minmax(150px,210px) minmax(180px,240px) minmax(130px,180px) minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid;overflow-x:visible}.reminder-toolbar>.primary-button{white-space:nowrap;width:auto}.reminder-panel{overflow-x:auto}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{min-width:760px}.reminder-table,.reminder-history-table,.reminder-logs-table{border-collapse:collapse;width:100%;min-width:760px}.reminder-table th,.reminder-history-table th,.reminder-logs-table th{color:var(--muted);letter-spacing:0;text-align:left;white-space:nowrap;background:#f8fafc;font-size:12px;font-weight:800}.reminder-table td,.reminder-history-table td,.reminder-logs-table td{vertical-align:middle}.reminder-table strong{color:var(--text);display:block}.balance-due{color:var(--danger);font-weight:900}.method-badge{background:var(--primary-soft);color:var(--primary);white-space:nowrap;border:1px solid #bfdbfe;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.reminder-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.compact-button{white-space:nowrap;width:auto;min-height:32px;padding:6px 9px;font-size:12px}.reminder-card-list{display:none}.reminder-card,.member-reminder-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:14px;display:grid}.reminder-card-head,.reminder-card-foot{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.reminder-card-head>div{gap:3px;min-width:0;display:grid}.reminder-card-head strong{color:var(--text);overflow-wrap:anywhere;font-size:14px}.reminder-card-head span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.reminder-card-head>.status{flex:none}.reminder-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reminder-amount-grid span{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:12px;gap:3px;padding:8px;font-size:11px;font-weight:750;display:grid}.reminder-amount-grid strong{color:var(--text);font-size:13px}.history-card-list .reminder-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reminder-preview-modal{max-width:620px}.reminder-message-preview{border:1px solid var(--border);color:#334155;white-space:pre-wrap;background:#f8fafc;border-radius:10px;max-height:45vh;padding:14px;font-size:14px;line-height:1.65;overflow-y:auto}@media (width<=1024px){.reminder-summary-grid,.reminder-controls-grid,.smart-reminder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-reminder-card{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:start;gap:10px 14px}.smart-reminder-select{grid-row:1/3;align-self:center}.rc-member{grid-area:1/2}.rc-finance{grid-area:1/3}.rc-actions{grid-area:2/2/auto/4;justify-content:flex-end}.reminder-bulk-button{justify-self:stretch;width:100%}}@media (width<=640px){.reminders-page{gap:14px}.reminders-header{align-items:flex-start}.reminder-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reminder-summary-card{min-height:68px;padding:12px 14px}.reminder-summary-card strong{font-size:22px}.reminder-controls-card,.unpaid-members-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel{border-radius:16px;padding:14px}.reminder-activity-header{display:grid}.reminder-log-toggle{width:100%}.reminder-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reminder-activity-stat{gap:3px;min-height:0;padding:10px}.reminder-activity-stat span{font-size:10px}.reminder-activity-stat strong{overflow-wrap:anywhere;word-break:break-word;font-size:13px}.reminder-controls-grid{grid-template-columns:1fr}.smart-reminder-filters,.smart-reminder-results{border-radius:16px;padding:14px}.smart-reminder-filters .filter-section-header{grid-template-columns:1fr;align-items:start;gap:10px}.smart-reminder-filters .filter-result-count{justify-content:center;justify-self:stretch;width:100%}.smart-reminder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.smart-reminder-grid .reminder-event-field{grid-column:span 2}.smart-reminder-grid .reminder-search{grid-column:auto}.bulk-reminder-bar{flex-direction:column;align-items:stretch;gap:10px}.bulk-reminder-actions{justify-content:space-between}.bulk-reminder-actions .primary-button{white-space:nowrap;flex:1;width:auto}.smart-reminder-card{border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;gap:8px 10px;padding:10px 12px}.smart-reminder-list{gap:8px}.smart-reminder-select{grid-area:1/1;align-self:start;padding-top:4px}.rc-member{grid-area:1/2;gap:8px}.rc-avatar{flex-basis:32px;width:32px;height:32px;font-size:13px}.rc-primary-row{align-items:flex-start;gap:8px}.rc-name{font-size:13px;line-height:1.2}.rc-contact{font-size:11px;line-height:1.25}.rc-tags{gap:4px;margin-top:5px}.reminder-type-badge,.reminder-status-badge{white-space:normal;max-width:100%;padding:3px 7px;font-size:10px;line-height:1.15}.rc-finance{text-align:left;grid-area:2/2;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.rc-balance{font-size:16px;line-height:1.1}.rc-finance-detail{justify-content:flex-start;margin-top:0;font-size:10px}.rc-actions{grid-area:3/1/auto/-1;justify-content:flex-end;gap:6px;min-width:0}.rc-preview-btn,.rc-copy-btn,.rc-send-btn{border-radius:9px;flex:none;width:auto;min-height:34px;padding:0 10px;font-size:12px;line-height:1}.rc-send-btn{padding-inline:14px}.table-responsive{display:none}.reminder-card-list{gap:10px;display:grid}.reminder-card-foot{justify-content:stretch;display:grid}.reminder-actions{flex-wrap:wrap;width:100%}.reminder-actions button{flex:100%}.reminder-amount-grid,.history-card-list .reminder-amount-grid{grid-template-columns:1fr}}.family-brand-card{border-radius:12px;gap:20px;padding:22px;display:grid;overflow-x:visible}.family-brand-header{border-bottom:1px solid var(--border);text-align:center;gap:10px;padding-bottom:18px;display:grid}.family-brand-header h2{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:30px;line-height:1.15}.family-motto{color:var(--muted);margin:0;font-size:16px;font-style:italic;font-weight:650}.family-brand-grid{gap:14px;display:grid}.family-brand-grid section{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:12px}.family-brand-grid h3{color:var(--text);margin:0 0 10px;font-size:16px;font-weight:800}.family-brand-grid p,.family-brand-grid ul{color:#475569;margin:0;font-size:13px;line-height:1.6}.family-brand-grid ul{gap:8px;padding-left:18px;display:grid}@media (width<=1024px){.sidebar:not(.open){display:none}.workspace{width:100%;max-width:100%;margin-left:0}.mobile-topbar,.mobile-working-month{display:flex}.member-add-form{position:static}}@media (width>=1024px){.create-event-card{position:sticky;top:24px}}@media (width<=900px){.special-events-layout{grid-template-columns:1fr}.create-event-card{position:static}}@media (width<=768px){.metric-grid,.member-metric-grid,.two-column,.members-layout,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters{grid-template-columns:1fr}.panel-header,.section-header{align-items:stretch}.member-row{grid-template-columns:1fr}.member-actions,.form-actions,.table-actions,.export-actions{flex-direction:column}.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.member-list-toggle-panel .primary-button{width:100%}.event-actions{grid-template-columns:1fr 1fr;display:grid}.event-actions button,.archived-events-header .secondary-button{width:100%}.modal-backdrop{place-items:start center}}@media (width<=480px){.workspace{padding:12px}.special-events-layout{gap:14px}.create-event-form{gap:14px;padding:14px}.create-event-grid{grid-template-columns:1fr}.create-event-actions button{width:100%}.event-actions{grid-template-columns:1fr}.mobile-topbar{gap:8px;min-height:72px;padding:10px 12px}.mobile-icon-button,.profile-menu-wrapper.compact .profile-pill{flex-basis:38px;width:38px;height:38px;min-height:38px}.mobile-working-month,.mobile-working-month .working-month-pill{flex-basis:38px;width:38px;max-width:38px;height:38px;min-height:38px}.section-header{margin-bottom:14px}.section-header h2{font-size:20px}.panel,.metric-card,.event-card,.member-row,.selected-member-card,.family-brand-card{padding:10px}.metric-card{min-height:82px}.metric-card strong{font-size:18px}.family-brand-header{text-align:left}.family-brand-header h2{font-size:24px}.modal-backdrop{padding:10px}.modal-panel,.member-edit-modal{max-height:calc(100dvh - 20px)}.toast-stack{width:calc(100vw - 16px);top:8px;right:8px}}@media (width<=360px){.mobile-topbar{gap:8px;min-height:72px;padding:10px 12px}.hamburger-button,.primary-button,.secondary-button,.danger-button{padding:8px 10px}.workspace{padding:10px}.section-header{margin-bottom:14px}.section-header h2,.login-panel h1{font-size:20px}.panel,.metric-card,.event-card,.member-row,.selected-member-card{border-radius:8px;padding:10px}.login-panel{padding:18px}.member-edit-modal .modal-title-row,.member-edit-modal .modal-body,.member-edit-modal-actions{padding-left:14px;padding-right:14px}.member-edit-modal .notice{margin-left:14px;margin-right:14px}table{min-width:560px}}@media (width>=640px){.workspace{padding:16px}.workspace-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 16px}.workspace-controls{justify-content:flex-end}.metric-grid,.member-metric-grid,.form-grid,.member-edit-form,.dashboard-filters,.payment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-summary-card{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);align-items:stretch}.payment-summary-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>.primary-button,.member-login-form .primary-button{justify-self:start;width:auto}.member-list-toggle-panel .primary-button,.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.payment-action-panel .primary-button,.payment-action-panel .secondary-button,.event-card>.primary-button,.login-panel>.primary-button,.panel>.primary-button,.reminder-toolbar>.primary-button{width:auto}.panel-header,.section-header{flex-direction:row;justify-content:space-between;align-items:center}.payment-action-panel{max-width:560px}.panel-header>select{width:auto;min-width:180px}.reminder-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.reminder-search,.reminder-toolbar>.primary-button{grid-column:1/-1}.member-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.report-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dashboard-chart-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:stretch}.modal-actions{justify-content:flex-end;display:flex}.member-edit-modal .modal-body{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-list{grid-template-columns:repeat(3,minmax(0,1fr))}.family-brand-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media (width>=768px){thead{display:table-header-group}tbody{display:table-row-group}tr{border:0;border-radius:0;margin:0;padding:0;display:table-row}tr:hover td{background:#f8fafc}td,th{display:table-cell}}@media (width>=1025px){.app-shell{min-height:100vh}.mobile-topbar,.member-payments-page .payments-page-header,.sidebar-close{display:none}.sidebar{width:240px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar.open{border-right:1px solid var(--border);width:240px;max-width:240px;box-shadow:none}.sidebar-overlay{display:none}.workspace{width:calc(100% - 240px);max-width:calc(100% - 240px);margin-left:240px;padding:24px}.workspace-header{top:16px}.analytics-grid,.member-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{grid-template-columns:minmax(260px,380px) minmax(0,1fr)}.members-layout{grid-template-columns:minmax(260px,7fr) minmax(0,13fr)}.member-add-form{position:sticky;top:28px}}@media (width>=1200px){.dashboard-chart-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}}@media (width>=1280px){.audit-filters,.payment-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.sidebar:not(.open){display:none}.mobile-topbar{display:flex}.workspace{width:100%;max-width:100%;margin-left:0}.workspace-header{top:70px}.workspace-controls>.notification-wrap{display:none}.member-add-form{position:static}}@media (width<=768px){.metric-grid,.member-metric-grid,.two-column,.members-layout,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters,.member-edit-modal .modal-body{grid-template-columns:1fr}.panel-header,.section-header{flex-direction:column;align-items:stretch}.workspace-controls{justify-content:flex-start;align-items:center}.working-month-control{flex:auto}.dashboard-chart-grid{grid-template-columns:1fr}.panel-header>select,.member-list-toggle-panel .primary-button{width:100%}.member-row{grid-template-columns:1fr}.member-actions,.form-actions,.table-actions,.export-actions{flex-direction:column}.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button{width:100%}.reminder-toolbar{grid-template-columns:1fr}}@media (width<=480px){.workspace{padding:12px}.workspace-header{gap:10px;margin-bottom:12px;padding:10px}.workspace-title h2{font-size:20px}.workspace-controls{flex-wrap:wrap;gap:8px}.working-month-control,.working-month-pill{flex:0 0 44px;width:44px;max-width:44px}.section-header h2{font-size:20px}.metric-card strong{font-size:18px}.modal-backdrop{padding:10px}.modal-panel,.member-edit-modal{max-height:calc(100dvh - 20px)}.smart-reminder-card{gap:8px 10px;padding:12px 14px}.rc-avatar{flex:0 0 30px;width:30px;height:30px;font-size:12px}.rc-balance{font-size:17px}.reminder-summary-card strong{font-size:18px}.reminder-summary-icon{flex:0 0 32px;width:32px;height:32px}}@media (width<=767px){.app-shell{width:100vw;max-width:100vw;overflow-x:hidden}.mobile-topbar{z-index:900;align-items:center;gap:10px;width:100%;display:flex;position:sticky;top:0}.workspace-controls>.notification-wrap{display:none}.sidebar,.sidebar:not(.open){z-index:1000;border-right:1px solid var(--border);width:min(85vw,320px);max-width:320px;height:100dvh;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:18px 0 44px #0f172a29}.sidebar.open{width:min(85vw,320px);max-width:320px;transform:translate(0)}.sidebar-top{overflow-y:visible}.sidebar-overlay{z-index:999}.workspace{width:100%;max-width:100%;margin-left:0;padding:10px 16px 16px;overflow-x:hidden}.workspace>section,.workspace-header,.panel,.metric-card,.event-card,.member-row,.selected-member-card,.report-paper{max-width:100%}.workspace-header{gap:8px;margin-bottom:10px;padding:10px;top:6px}.workspace-title h2{font-size:20px}.workspace-title .muted,.workspace-title p{line-height:1.35}.workspace-controls{justify-content:flex-start;gap:8px}.working-month-control,.working-month-pill{flex:0 0 44px;width:44px;max-width:44px}.working-month-popover{width:min(292px,100vw - 32px);left:0;right:auto}.dashboard-page,.reminders-page{gap:10px}.metric-grid,.member-metric-grid,.dashboard-chart-grid,.two-column,.members-layout,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters,.event-grid,.payment-summary-card,.payment-summary-breakdown,.report-summary-grid{grid-template-columns:1fr}.report-paper{padding:12px}.report-heading{grid-template-columns:1fr;gap:10px;padding-bottom:12px}.report-heading h2{font-size:20px}.report-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.report-summary-card{min-height:72px;padding:8px}.report-summary-card strong{font-size:16px}.panel{padding:12px;overflow-x:auto}.reminder-toolbar{grid-template-columns:1fr;gap:10px}.reminder-toolbar>.primary-button{width:100%}.reminder-summary-grid{gap:10px}.reminder-table,.reminder-history-table,.reminder-logs-table,.table-responsive{display:none}.reminder-card-list{gap:10px;display:grid}.reminder-card-foot{justify-content:stretch;display:grid}.reminder-actions{flex-wrap:wrap;width:100%;display:flex}.reminder-actions>button{flex:100%;width:100%}.reminder-amount-grid,.history-card-list .reminder-amount-grid{grid-template-columns:1fr}.reminder-preview-modal{width:calc(100vw - 24px)}.metric-grid,.member-metric-grid{gap:10px}.metric-card{min-height:74px;padding:12px}.metric-card strong{margin-top:6px;font-size:19px}.metric-card span{font-size:11px}.dashboard-chart-grid{gap:10px}.chart-card{padding:12px}.chart-shell{min-height:190px}.report-table-wrap,.table-wrap{max-width:100%;overflow-x:auto}.monthly-report-page .report-table-wrap{display:none}.report-card-list{gap:10px;display:grid}table{width:max-content;min-width:560px}input,select,textarea,.primary-button,.secondary-button,.danger-button,.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.payment-action-panel .primary-button,.payment-action-panel .secondary-button,.event-card>.primary-button,.login-panel>.primary-button,.panel>.primary-button,.reminder-toolbar>.primary-button{width:100%}.hamburger-button{width:auto}}@media print{@page{size:landscape;margin:12mm}body,.app-shell{background:#fff}.sidebar,.mobile-topbar,.report-actions,.user-panel,.month-control,.section-header{display:none!important}.workspace{width:100%!important;margin:0!important;padding:0!important}.report-paper{max-width:none;box-shadow:none;border:0;border-radius:0;padding:0}.report-heading{border-bottom-color:#d1d5db;padding-bottom:10px}.report-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:10px 0}.report-summary-card{break-inside:avoid;padding:7px}.report-summary-card strong{font-size:15px}.report-table-wrap{overflow:visible}.monthly-report-table{min-width:0;font-size:9px}.monthly-report-table td,.monthly-report-table th{padding:5px 6px}.reference-cell{max-width:160px}}.password-input-wrap input{width:100%;padding-right:52px}.password-input-wrap input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb26}.password-toggle{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:none!important;background:0 0!important;border:none!important}.password-toggle svg{width:26px;min-width:26px;max-width:none;height:26px;min-height:26px;display:block}.password-toggle:hover{color:var(--text)}.login-screen{background:radial-gradient(at 60% 30%,#e0eaff 0%,#f0f4ff 35%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.login-screen:before{background:#2563eb14;width:500px;height:500px;top:-120px;left:-100px}.login-screen:after{background:#6366f112;width:400px;height:400px;bottom:-80px;right:-60px}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffffc7;border:1px solid #ffffffd9;border-radius:22px;width:100%;max-width:480px;padding:42px 40px 36px;position:relative;box-shadow:0 4px 6px #0f172a08,0 20px 50px #0f172a1a,0 40px 80px #2563eb0f}.login-logo{background:var(--primary);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 24px;display:inline-grid;box-shadow:0 8px 24px #2563eb59,0 2px 6px #2563eb33}.login-logo svg{stroke:#fff;fill:none;width:26px;height:26px}.login-card .eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:11.5px;font-weight:800}.login-card h1{color:var(--text);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(26px,3.5vw,32px);font-weight:780;line-height:1.12}.login-card .muted{color:var(--muted);margin-bottom:28px;font-size:14.5px;line-height:1.6}.login-card .field{text-align:left;margin-bottom:18px;display:block}.login-card .field span{color:#334155;letter-spacing:.01em;margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.login-card .field input{color:#0f172a;-webkit-text-fill-color:#0f172a;box-sizing:border-box;background:#ffffffe6;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;height:48px;padding:0 14px;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .22s,background .2s}.login-card .field input::placeholder{color:#94a3b8;-webkit-text-fill-color:#94a3b8;font-weight:400}.login-card .field input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.login-card .field input:-webkit-autofill{-webkit-text-fill-color:#0f172a;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fffffff7}.login-card .field input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fffffff7}.login-card .field input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fffffff7}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{padding-right:50px}.password-toggle{color:#94a3b8;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;transition:color .18s,background .18s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:none!important;background:0 0!important;border:none!important}.password-toggle:hover{color:var(--text);background:#0f172a0d!important}.login-card .primary-button{background:var(--primary);color:#fff;letter-spacing:.01em;cursor:pointer;border:none;border-radius:12px;width:100%;height:50px;margin-top:10px;font-size:16px;font-weight:750;transition:transform .15s,box-shadow .2s,background .15s;box-shadow:0 4px 14px #2563eb4d,0 1px 3px #2563eb26}.login-card .primary-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb61,0 2px 6px #2563eb2e}.login-card .primary-button:active{transform:translateY(0)scale(.99);box-shadow:0 2px 8px #2563eb38}.login-trust-badge{color:#94a3b8;letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:12px;font-weight:500;display:flex}.login-trust-badge svg{opacity:.7;flex-shrink:0}.login-submit-button{justify-content:center;align-items:center;gap:8px;display:flex}.login-card .primary-button:disabled{cursor:default;opacity:.88}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.dark-mode .login-screen{background:radial-gradient(at 60% 30%,#0c1628 0%,#0f172a 45%,#0b1220 100%)}body.dark-mode .login-screen:before{background:#3b82f624}body.dark-mode .login-screen:after{background:#6366f11f}body.dark-mode .login-card{background:#111827e6;border-color:#94a3b833;box-shadow:0 4px 6px #02061724,0 20px 50px #02061770,0 40px 80px #3b82f61a}body.dark-mode .login-card h1{color:#f8fafc}body.dark-mode .login-card .eyebrow{color:#60a5fa}body.dark-mode .login-card .muted{color:#94a3b8}body.dark-mode .login-card .field span{color:#cbd5e1}body.dark-mode .login-card .field input{color:#f8fafc;-webkit-text-fill-color:#f8fafc;background:#0f172ae6;border-color:#94a3b842}body.dark-mode .login-card .field input::placeholder{color:#475569;-webkit-text-fill-color:#475569}body.dark-mode .login-card .field input:focus{background:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f62e}body.dark-mode .login-card .field input:-webkit-autofill{-webkit-text-fill-color:#f8fafc;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0f172a}body.dark-mode .login-card .field input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0f172a}body.dark-mode .login-card .field input:-webkit-autofill:focus{-webkit-text-fill-color:#f8fafc;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0f172a}body.dark-mode .login-trust-badge,body.dark-mode .password-toggle{color:#64748b}body.dark-mode .password-toggle:hover{color:#94a3b8;background:#ffffff12!important}body.dark-mode .notice.error{color:#fca5a5;background:#ef44441f;border-color:#ef444461}@media (width<=640px){.login-screen{align-items:flex-start;padding:44px 20px 20px}.login-card{border-radius:18px;padding:32px 22px 28px}.login-card h1{font-size:26px;line-height:1.18}.notification-wrap{position:static}.notification-menu{transform-origin:100% 0;border-radius:16px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:min(430px,100dvh - 88px);position:absolute;top:calc(100% + 10px);left:auto;right:12px}.notification-menu-header{padding:12px 14px}.notification-menu-header strong{overflow-wrap:anywhere;min-width:0}.notification-list{max-height:min(360px,100dvh - 150px)}.notification-item{gap:6px;padding:13px 14px}.notification-item span{font-size:13px}.notification-item p{font-size:12px}}.dashboard-shell{background:#f1f5f9}.dashboard-sidebar{background:#f8fafc;border-right:1px solid #dbe3ef}.sidebar-brand{color:#2563eb;margin:0;font-size:26px;font-weight:900;line-height:1.1}.sidebar-subtitle{color:#64748b;margin:6px 0 0;font-size:14px;font-weight:600}.dashboard-sidebar .nav-list{gap:10px;margin-top:12px}.dashboard-sidebar .nav-list button{color:#334155;border:0;border-radius:12px;align-items:center;gap:14px;min-height:50px;padding:0 18px;font-size:16px;font-weight:650;transition:background .13s,color .13s,transform .1s;display:flex}.dashboard-sidebar .nav-list button svg{color:#475569;flex:none}.dashboard-sidebar .nav-list button.active,.dashboard-sidebar .nav-list button:hover{color:#2563eb;background:#eef4ff}.dashboard-sidebar .nav-list button.active svg,.dashboard-sidebar .nav-list button:hover svg{color:#3b82f6}.dashboard-sidebar .nav-list button:active{background:#dbeafe;transform:scale(.99)}.dashboard-sidebar .user-panel{border-top:1px solid #e2e8f0;padding:18px}.dashboard-sidebar .user-actions button{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;display:inline-flex}.dashboard-main{background:#f1f5f9}.dashboard-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:0;display:flex;position:static}.dashboard-title{color:#0f172a;margin:0;font-size:clamp(26px,3vw,34px);font-weight:900;line-height:1.15}.dashboard-subtitle{color:#334155;margin:0;font-size:16px;line-height:1.45}.user-pill{color:#1e293b;background:#fff;border:1px solid #dbe3ef;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 6px;display:inline-flex;box-shadow:0 10px 24px #0f172a0a}.user-pill span{color:#fff;background:#3b82f6;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:900;display:inline-grid;overflow:hidden}.user-pill strong{font-size:15px;font-weight:750}.profile-menu-wrapper{position:relative}.profile-menu-wrapper.compact{display:inline-flex}.profile-menu-wrapper.compact .profile-pill{border-radius:12px;width:40px;height:40px;min-height:40px;padding:4px}.profile-menu-wrapper.compact .profile-pill span{width:30px;height:30px}.profile-pill{cursor:pointer;border:1px solid #dbe3ef;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.profile-pill:hover{background:#f8fafc;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb14}.profile-pill:active{transform:scale(.98)}.profile-dropdown{z-index:80;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(320px,100vw - 24px);animation:.16s ease-out notification-pop;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a29}.profile-dropdown-header{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;display:grid}.profile-dropdown-avatar{color:#fff;background:#3b82f6;border-radius:16px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:inline-grid;overflow:hidden}.profile-dropdown-name{color:#0f172a;font-size:16px;font-weight:900;line-height:1.2;display:block}.profile-dropdown-role{color:#2563eb;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:850;display:inline-block}.profile-dropdown-header p,.profile-dropdown-header small{color:#64748b;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.35;display:block}.profile-dropdown-header small{font-size:12px}.profile-dropdown-divider{background:#e2e8f0;height:1px}.profile-dropdown-item{color:#1e293b;text-align:left;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:0;align-items:center;padding:0 18px;font-size:14px;font-weight:750;display:flex}.profile-dropdown-item:hover{color:#2563eb;background:#eef4ff}.profile-dropdown-item.danger{color:#dc2626}.profile-dropdown-item.danger:hover{color:#b91c1c;background:#fef2f2}.modal-overlay{z-index:1200;background:#0f172a7a;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(100%,440px);max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0f172a33}.change-password-modal{gap:14px;display:grid}.change-password-modal h2{color:#0f172a;margin:0;font-size:22px;font-weight:900;line-height:1.2}.change-password-modal .muted{margin-bottom:2px}.change-password-modal .modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.member-dashboard-clean,.member-payments-page{gap:18px;animation:.18s ease-out view-appear;display:grid}.payments-page{gap:20px}.payments-page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.payments-page-header h2{color:#0f172a;margin:0 0 5px;font-size:clamp(26px,4vw,34px);font-weight:900;line-height:1.1}.payments-page-header p{color:#64748b;margin:0;font-size:15px;line-height:1.45}.payments-layout-grid{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.member-quick-actions-card{margin-top:2px}.member-quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-payment-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.member-payment-card{min-width:0}.monthly-payment-card,.payment-history-card,.event-payment-card{border-radius:18px}.payment-section-anchor{scroll-margin-top:90px}.payment-section-anchor:focus{outline:none}.member-payment-card-body{gap:16px;padding:24px 28px 28px;display:grid}.member-payment-card .payment-summary-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.member-payment-card .payment-summary-breakdown>div{min-height:96px}.monthly-contribution-card .member-payment-card-body{gap:18px}.monthly-contribution-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.monthly-contribution-header div{gap:4px;min-width:0;display:grid}.monthly-contribution-header span:first-child{color:#64748b;font-size:12px;font-weight:850}.monthly-contribution-header strong{color:#0f172a;font-size:18px;font-weight:900;line-height:1.2}.payment-meta-chips,.monthly-meta-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;display:flex}.payment-meta-chip,.monthly-meta-chips span{color:#1d4ed8;overflow-wrap:anywhere;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;max-width:100%;min-height:32px;padding:7px 12px;font-size:12px;font-weight:850;line-height:1.2;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.payment-meta-chip:hover{transform:translateY(-1px)}.payment-meta-chip.due{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.payment-meta-chip.paid,.payment-meta-chip.collected,.payment-meta-chip.balance{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.payment-meta-chip.outstanding{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.monthly-payment-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.monthly-payment-form .primary-button{white-space:nowrap;min-height:46px}.member-payment-card .primary-button{width:fit-content;min-width:180px}.member-payment-card .event-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.member-payment-card .table-wrap{overflow-x:auto}.event-payment-card .event-card{border-radius:16px;gap:14px;padding:18px}.event-payment-card .member-title-row{justify-content:space-between}.event-meta-chips{align-items:center;margin-top:2px}.event-payment-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:2px;display:grid}.event-payment-form .primary-button{white-space:nowrap;min-height:46px}.payment-history-toggle-card{overflow:visible}.payment-history-toggle-header{justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.payment-history-toggle-text{min-width:0}.payment-history-toggle-text h2{color:#1e293b;margin:0 0 5px;font-size:20px;font-weight:900;line-height:1.2}.payment-history-toggle-text p{color:#64748b;margin:0;font-size:14px;line-height:1.45}.payment-history-toggle-button{color:#2563eb;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:850;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.payment-history-toggle-button:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 10px 24px #2563eb14}.payment-history-toggle-button:active{transform:scale(.98)}.payment-history-content{border-top:1px solid #e2e8f0;animation:.18s ease-out payment-history-reveal}.settings-page{gap:18px;display:grid}.settings-profile-card,.settings-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 18px 38px #0f172a0b}.settings-profile-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 28px;display:grid}.settings-profile-avatar{color:#fff;background:#3b82f6;border-radius:20px;place-items:center;width:64px;height:64px;font-size:24px;font-weight:900;display:inline-grid;overflow:hidden}.account-avatar-image{object-fit:cover;width:100%;height:100%}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.account-avatar-initial{place-items:center;width:100%;height:100%;display:inline-grid;color:#fff!important}.settings-section-title{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.settings-profile-card h2{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:900;line-height:1.2}.settings-profile-card p,.settings-profile-card span{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.settings-profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.profile-upload-button{white-space:nowrap}.profile-upload-input{display:none}.account-settings-card{overflow:hidden}.account-settings-header{align-items:center}.account-settings-avatar{color:#fff;background:#3b82f6;border-radius:16px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:inline-grid;overflow:hidden}.account-settings-title{color:#1e293b;margin:0 0 4px;font-size:19px;font-weight:900;line-height:1.2}.account-settings-subtitle{color:#64748b;margin:0;font-size:13px;line-height:1.45}.account-action-list{gap:10px;padding:18px 24px 22px;display:grid}.account-action-row{min-height:72px;color:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:grid}.account-action-row:hover{background:#f8fbff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb14}.account-action-icon{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:40px;height:40px;display:inline-grid}.account-action-text{gap:3px;min-width:0;display:grid}.account-action-title{color:#1e293b;font-size:14px;font-weight:900;line-height:1.3}.account-action-subtitle{color:#64748b;font-size:12px;font-weight:700;line-height:1.4}.account-action-arrow{color:#94a3b8}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{align-content:start;gap:0;min-width:0;padding:0;display:grid;overflow:hidden}.settings-card.form-grid{padding:22px 24px 24px}.settings-card.form-grid .settings-card-header{margin:-22px -24px 18px}.settings-card-header{border-bottom:1px solid #e2e8f0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:20px 24px;display:grid}.settings-card-header>svg{color:#3b82f6}.settings-card-header h2{color:#1e293b;margin:0 0 4px;font-size:19px;font-weight:900;line-height:1.2}.settings-card-header p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.settings-option{border-bottom:1px solid #edf2f7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 24px;display:grid}.settings-option:last-child{border-bottom:0}.settings-option>svg{color:#3b82f6}.settings-option strong,.settings-option span{display:block}.settings-option strong{color:#1e293b;font-size:14px;font-weight:850}.settings-option span{color:#64748b;margin-top:3px;font-size:12px;line-height:1.4}.settings-option--select{flex-direction:column;align-items:stretch;gap:12px;display:flex}.settings-option-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.settings-option-left>svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.settings-option-control,.settings-option-control .cs-wrap{width:100%}@media (width>=600px){.settings-option--select{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.settings-option-control{flex-shrink:0;width:190px}.settings-option-control .cs-wrap{width:190px}}.settings-toggle{cursor:pointer;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:999px;width:46px;height:26px;padding:2px;transition:background .15s,border-color .15s;position:relative}.settings-toggle span{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .15s;display:block;box-shadow:0 2px 6px #0f172a2e}.settings-toggle.on{background:#3b82f6;border-color:#3b82f6}.settings-toggle.on span{transform:translate(20px)}.settings-select{color:#1e293b;max-width:190px;min-height:38px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:7px 10px;font-size:13px;font-weight:750}.family-settings-card{grid-column:span 2;padding-bottom:18px}.family-settings-card>.muted{padding:18px 24px 4px}.family-settings-card ul{color:#475569;gap:8px;margin:10px 24px 0;padding-left:20px;font-size:14px;line-height:1.5;display:grid}.member-profile-card{margin-bottom:6px}.member-profile-fields{flex-direction:column;padding:0 24px 20px;display:flex}.member-profile-row{border-bottom:1px solid #f1f5f9;align-items:baseline;gap:12px;padding:10px 0;font-size:14px;display:flex}.member-profile-row:last-child{border-bottom:none}.member-profile-label{color:#64748b;flex:0 0 140px;font-size:13px}.member-profile-value{color:#0f172a;word-break:break-word;flex:1;font-weight:500}.production-settings-card{grid-column:1/-1;overflow:hidden}.production-settings-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:22px 24px;display:grid}.production-settings-icon{color:#2563eb;background:#eff6ff;border-radius:14px;place-items:center;width:44px;height:44px;display:inline-grid}.production-settings-title{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:900;line-height:1.2}.production-settings-subtitle{color:#64748b;margin:0;font-size:13px;line-height:1.45}.settings-form-section{border-bottom:1px solid #edf2f7;gap:16px;padding:22px 24px;display:grid}.settings-form-section:last-of-type{border-bottom:0}.settings-form-section h3{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:900;line-height:1.25}.settings-form-section p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-form-field{gap:7px;min-width:0;display:grid}.settings-form-field span{color:#334155;font-size:12px;font-weight:800}.settings-form-field input{border-radius:12px;min-height:46px;padding:10px 12px}.settings-form-actions{background:#f8fafc;border-top:1px solid #edf2f7;justify-content:flex-end;padding:18px 24px;display:flex}.settings-form-actions .primary-button{width:auto;min-width:160px}.production-settings-card>.notice{margin:18px 24px 0}body.dark-mode,body.dark-mode #root,.dark-mode,.dark-mode.app-shell,.dark-mode.dashboard-shell,.dark-mode .app-shell,.dark-mode .dashboard-shell,.dark-mode .dashboard-main,.dark-mode .workspace,.dark-mode .member-dashboard-clean,.dark-mode .member-payments-page,.dark-mode .dashboard-page{color:#f8fafc;background:#0f172a}.dark-mode{min-height:100dvh}body.dark-mode .mobile-dashboard-header,body.dark-mode .mobile-topbar,.dark-mode .mobile-dashboard-header,.dark-mode .dashboard-mobile-header{background:#0f172a}body.dark-mode .sidebar,body.dark-mode .sidebar.open,.dark-mode .sidebar,.dark-mode .sidebar.open{background:#0b1220;border-right-color:#94a3b829}body.dark-mode .sidebar .sidebar-top,body.dark-mode .sidebar .sidebar-heading,body.dark-mode .sidebar .user-panel,.dark-mode .sidebar .sidebar-top,.dark-mode .sidebar .sidebar-heading,.dark-mode .sidebar .user-panel{background:#0b1220;border-color:#94a3b829}body.dark-mode .sidebar .nav-list button,.dark-mode .sidebar .nav-list button{color:#cbd5e1}body.dark-mode .sidebar .nav-list button:hover,body.dark-mode .sidebar .nav-list button.active,.dark-mode .sidebar .nav-list button:hover,.dark-mode .sidebar .nav-list button.active{color:#bfdbfe;background:#3b82f629}body.dark-mode .sidebar .sidebar-brand,.dark-mode .sidebar .sidebar-brand{color:#60a5fa}body.dark-mode .sidebar .sidebar-subtitle,.dark-mode .sidebar .sidebar-subtitle{color:#64748b}body.dark-mode .sidebar .sidebar-close,.dark-mode .sidebar .sidebar-close{color:#94a3b8;background:#0f172a;border-color:#94a3b83d}body.dark-mode .sidebar .user-panel strong,.dark-mode .sidebar .user-panel strong{color:#f8fafc}body.dark-mode .sidebar .user-panel span,.dark-mode .sidebar .user-panel span{color:#94a3b8}body.dark-mode .sidebar .user-panel button,.dark-mode .sidebar .user-panel button{color:#94a3b8;background:#0f172a;border-color:#94a3b83d}body.dark-mode .mobile-greeting-block,.dark-mode .mobile-greeting-block{background:#0f172a}@supports (padding:env(safe-area-inset-top)){body.dark-mode,.dark-mode{background:#0f172a}}.dashboard-shell.dark-mode{--bg:#0f172a;--card:#111827;--text:#f8fafc;--muted:#94a3b8;--primary:#3b82f6;--primary-soft:#3b82f629;--success:#22c55e;--success-soft:#22c55e24;--warning-soft:#f59e0b29;--danger:#ef4444;--danger-soft:#ef444424;--border:#94a3b82e;color:#f8fafc;background:#0f172a}.dashboard-shell.dark-mode .dashboard-main,.dashboard-shell.dark-mode .app-shell,.dashboard-shell.dark-mode .mobile-dashboard-header{background:#0f172a}.dashboard-shell.dark-mode .workspace-header{background:#0b1220eb;border-color:#94a3b829;box-shadow:0 8px 20px #02061738}.dashboard-shell.dark-mode .dashboard-sidebar{background:#0b1220;border-right-color:#94a3b829;box-shadow:20px 0 50px #0206173d}.dashboard-shell.dark-mode .sidebar-top,.dashboard-shell.dark-mode .user-panel,.dashboard-shell.dark-mode .dashboard-sidebar .user-panel{background:#0b1220;border-color:#94a3b829}.dashboard-shell.dark-mode .sidebar-brand,.dashboard-shell.dark-mode .eyebrow,.dashboard-shell.dark-mode .settings-section-title{color:#60a5fa}.dashboard-shell.dark-mode .nav-list button,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button{color:#cbd5e1}.dashboard-shell.dark-mode .nav-list button svg{color:#94a3b8}.dashboard-shell.dark-mode .nav-list button:hover,.dashboard-shell.dark-mode .nav-list button.active,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button:hover,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button.active{color:#bfdbfe;background:#3b82f629}.dashboard-shell.dark-mode .nav-list button:hover svg,.dashboard-shell.dark-mode .nav-list button.active svg{color:#60a5fa}.dashboard-shell.dark-mode .content-card,.dashboard-shell.dark-mode .chart-card,.dashboard-shell.dark-mode .panel,.dashboard-shell.dark-mode .settings-card,.dashboard-shell.dark-mode .reminder-summary-card,.dashboard-shell.dark-mode .reminder-controls-card,.dashboard-shell.dark-mode .unpaid-members-card,.dashboard-shell.dark-mode .member-reminder-card,.dashboard-shell.dark-mode .reminder-history-card,.dashboard-shell.dark-mode .reminder-activity-card,.dashboard-shell.dark-mode .reminder-logs-panel,.dashboard-shell.dark-mode .smart-reminder-filters,.dashboard-shell.dark-mode .smart-reminder-results,.dashboard-shell.dark-mode .smart-reminder-card,.dashboard-shell.dark-mode .settings-profile-card,.dashboard-shell.dark-mode .stat-card,.dashboard-shell.dark-mode .event-card,.dashboard-shell.dark-mode .member-row,.dashboard-shell.dark-mode .selected-member-card,.dashboard-shell.dark-mode .report-paper,.dashboard-shell.dark-mode .report-summary-card,.dashboard-shell.dark-mode .payment-summary-card,.dashboard-shell.dark-mode .payment-summary-breakdown div,.dashboard-shell.dark-mode .quick-action-card,.dashboard-shell.dark-mode .empty-state{color:#f8fafc;background:#111827;border-color:#94a3b82e;box-shadow:0 18px 44px #02061747}.dashboard-shell.dark-mode .stat-card,.dashboard-shell.dark-mode .content-card,.dashboard-shell.dark-mode .chart-card,.dashboard-shell.dark-mode .settings-card,.dashboard-shell.dark-mode .settings-profile-card{background:linear-gradient(#162033 0%,#111827 100%)}.dashboard-shell.dark-mode .payment-status-card{background:radial-gradient(circle at 100% 0,#3b82f62e,#0000 38%),linear-gradient(#162033 0%,#111827 100%)}.dashboard-shell.dark-mode .payment-status-title{color:#f8fafc}.dashboard-shell.dark-mode .payment-status-subtitle{color:#94a3b8}.dashboard-shell.dark-mode .payment-status-progress{background:#94a3b82e}.dashboard-shell.dark-mode .payment-status-badge.paid{color:#bbf7d0;background:#22c55e24;border-color:#4ade8047}.dashboard-shell.dark-mode .payment-status-badge.partial{color:#fed7aa;background:#f9731624;border-color:#fb923c4d}.dashboard-shell.dark-mode .payment-status-badge.unpaid{color:#fecaca;background:#ef444424;border-color:#f871714d}.dashboard-shell.dark-mode .account-settings-title,.dashboard-shell.dark-mode .account-action-title{color:#f8fafc}.dashboard-shell.dark-mode .account-settings-subtitle,.dashboard-shell.dark-mode .account-action-subtitle{color:#94a3b8}.dashboard-shell.dark-mode .account-action-row{background:#0f172a4d;border-color:#94a3b829}.dashboard-shell.dark-mode .account-action-row:hover{background:#3b82f61f;border-color:#60a5fa61;box-shadow:0 14px 30px #0206174d}.dashboard-shell.dark-mode .account-action-icon{color:#60a5fa;background:#3b82f629}.dashboard-shell.dark-mode .account-action-arrow{color:#64748b}.dashboard-shell.dark-mode .content-card-header,.dashboard-shell.dark-mode .chart-card .panel-header,.dashboard-shell.dark-mode .settings-card-header,.dashboard-shell.dark-mode .payment-history-toggle-header,.dashboard-shell.dark-mode .notification-menu-header,.dashboard-shell.dark-mode .profile-dropdown-divider,.dashboard-shell.dark-mode .settings-option,.dashboard-shell.dark-mode .profile-dropdown-item,.dashboard-shell.dark-mode .notification-item{border-color:#94a3b829}.dashboard-shell.dark-mode h1,.dashboard-shell.dark-mode h2,.dashboard-shell.dark-mode h3,.dashboard-shell.dark-mode .dashboard-title,.dashboard-shell.dark-mode .workspace-title h2,.dashboard-shell.dark-mode .settings-card-header h2,.dashboard-shell.dark-mode .content-card-header h2,.dashboard-shell.dark-mode .panel-header h2,.dashboard-shell.dark-mode .chart-card h2,.dashboard-shell.dark-mode .stat-card strong,.dashboard-shell.dark-mode .metric-card strong,.dashboard-shell.dark-mode .preview-row strong,.dashboard-shell.dark-mode .preview-row b,.dashboard-shell.dark-mode .settings-option strong,.dashboard-shell.dark-mode .member-title-row strong,.dashboard-shell.dark-mode .user-panel strong,.dashboard-shell.dark-mode .profile-dropdown-name,.dashboard-shell.dark-mode th{color:#f8fafc}.dashboard-shell.dark-mode p,.dashboard-shell.dark-mode .muted,.dashboard-shell.dark-mode .dashboard-subtitle,.dashboard-shell.dark-mode .sidebar-subtitle,.dashboard-shell.dark-mode .settings-card-header p,.dashboard-shell.dark-mode .settings-option span,.dashboard-shell.dark-mode .field span,.dashboard-shell.dark-mode .user-panel span,.dashboard-shell.dark-mode .profile-dropdown-header p,.dashboard-shell.dark-mode .profile-dropdown-header small,.dashboard-shell.dark-mode .notification-item p,.dashboard-shell.dark-mode .notification-item small,.dashboard-shell.dark-mode td{color:#cbd5e1}.dashboard-shell.dark-mode .stat-card>span:not(.stat-icon-box),.dashboard-shell.dark-mode .metric-card span,.dashboard-shell.dark-mode .payment-summary-breakdown span,.dashboard-shell.dark-mode .summary-strip span,.dashboard-shell.dark-mode .settings-profile-card p,.dashboard-shell.dark-mode .settings-profile-card span,.dashboard-shell.dark-mode .family-settings-card ul{color:#94a3b8}.dashboard-shell.dark-mode .member-profile-row{border-bottom-color:#1e293b}.dashboard-shell.dark-mode .member-profile-label{color:#94a3b8}.dashboard-shell.dark-mode .member-profile-value{color:#f1f5f9}.dashboard-shell.dark-mode .reminders-page{background:#0f172a}.dashboard-shell.dark-mode .reminder-summary-card strong,.dashboard-shell.dark-mode .reminder-card-head strong,.dashboard-shell.dark-mode .reminder-amount-grid strong,.dashboard-shell.dark-mode .reminder-table strong,.dashboard-shell.dark-mode .smart-reminder-main strong{color:#f8fafc}.dashboard-shell.dark-mode .reminder-summary-card span:not(.reminder-summary-icon){color:#94a3b8}.dashboard-shell.dark-mode .reminder-summary-card.neutral .reminder-summary-icon,.dashboard-shell.dark-mode .reminder-table th,.dashboard-shell.dark-mode .reminder-history-table th,.dashboard-shell.dark-mode .reminder-logs-table th,.dashboard-shell.dark-mode .reminder-amount-grid span,.dashboard-shell.dark-mode .reminder-activity-stat,.dashboard-shell.dark-mode .bulk-reminder-bar,.dashboard-shell.dark-mode .reminder-message-preview{color:#cbd5e1;background:#0b1220}.dashboard-shell.dark-mode .reminder-type-badge.special-event{color:#c4b5fd;background:#7c3aed29;border-color:#a78bfa4d}.dashboard-shell.dark-mode .filter-section-header{border-bottom-color:#94a3b82e}.dashboard-shell.dark-mode .filter-section-title{color:#94a3b8}.dashboard-shell.dark-mode .filter-reset-btn{color:#93c5fd;background:#3b82f629}.dashboard-shell.dark-mode .filter-reset-btn:hover{color:#bfdbfe;background:#3b82f647}.dashboard-shell.dark-mode .filter-result-count{color:#cbd5e1;background:#1e293b;border-color:#334155}.dashboard-shell.dark-mode .filter-result-count strong{color:#f1f5f9}.dashboard-shell.dark-mode .bulk-reminder-bar{background:#3b82f61a;border-color:#60a5fa38}.dashboard-shell.dark-mode .smart-reminder-card:hover{border-left-color:#60a5fa;box-shadow:0 4px 16px #0206174d}.dashboard-shell.dark-mode .rc-avatar{color:#93c5fd;background:#3b82f626}.dashboard-shell.dark-mode .rc-name{color:#e2e8f0}.dashboard-shell.dark-mode .rc-contact,.dashboard-shell.dark-mode .rc-finance-detail{color:#64748b}.dashboard-shell.dark-mode .rc-finance-detail strong{color:#94a3b8}.dashboard-shell.dark-mode .rc-preview-btn{color:#64748b}.dashboard-shell.dark-mode .rc-preview-btn:hover{color:#93c5fd;background:#3b82f61f}.dashboard-shell.dark-mode .stat-icon-box,.dashboard-shell.dark-mode .preview-icon{color:#60a5fa;background:#3b82f629}.dashboard-shell.dark-mode .notification-menu,.dashboard-shell.dark-mode .profile-dropdown,.dashboard-shell.dark-mode .working-month-popover,.dashboard-shell.dark-mode .modal-card,.dashboard-shell.dark-mode .modal-panel{color:#f8fafc;background:#111827;border-color:#94a3b833;box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .notification-item,.dashboard-shell.dark-mode .profile-dropdown-item{color:#e2e8f0;background:0 0}.dashboard-shell.dark-mode .notification-item.unread,.dashboard-shell.dark-mode .notification-item:hover,.dashboard-shell.dark-mode .profile-dropdown-item:hover{color:#bfdbfe;background:#3b82f624}.dashboard-shell.dark-mode input,.dashboard-shell.dark-mode select,.dashboard-shell.dark-mode textarea,.dashboard-shell.dark-mode .settings-select,.dashboard-shell.dark-mode .secondary-button,.dashboard-shell.dark-mode .mobile-icon-button,.dashboard-shell.dark-mode .notification-bell,.dashboard-shell.dark-mode .working-month-pill,.dashboard-shell.dark-mode .user-pill,.dashboard-shell.dark-mode .sidebar-close,.dashboard-shell.dark-mode .month-control button,.dashboard-shell.dark-mode .user-panel button{color:#f8fafc;background:#0f172a;border-color:#94a3b83d}.dashboard-shell.dark-mode input::placeholder,.dashboard-shell.dark-mode textarea::placeholder{color:#64748b}.dashboard-shell.dark-mode input:focus,.dashboard-shell.dark-mode select:focus,.dashboard-shell.dark-mode textarea:focus,.dashboard-shell.dark-mode .settings-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}.dashboard-shell.dark-mode .working-month-current strong,.dashboard-shell.dark-mode .working-month-popover-header strong{color:#f8fafc}.dashboard-shell.dark-mode .working-month-current{border-bottom-color:#94a3b829}.dashboard-shell.dark-mode .working-month-current span{color:#94a3b8}.dashboard-shell.dark-mode .working-month-pill>svg:first-child{color:#60a5fa}.dashboard-shell.dark-mode .working-month-popover-header{border-bottom-color:#94a3b829}.dashboard-shell.dark-mode .working-month-year-button,.dashboard-shell.dark-mode .working-month-option{color:#cbd5e1;background:0 0;border-color:#94a3b82e}.dashboard-shell.dark-mode .working-month-year-button:hover,.dashboard-shell.dark-mode .working-month-option:hover{color:#bfdbfe;background:#3b82f624;border-color:#60a5fa73}.dashboard-shell.dark-mode .working-month-option.selected{color:#fff;background:#2563eb;border-color:#60a5fab3}.dashboard-shell.dark-mode .working-month-pill:hover,.dashboard-shell.dark-mode .working-month-pill:focus{background:#3b82f624;border-color:#60a5fa8c;box-shadow:0 12px 28px #02061747}.dashboard-shell.dark-mode .secondary-button:hover,.dashboard-shell.dark-mode .mobile-icon-button:hover,.dashboard-shell.dark-mode .notification-bell:hover,.dashboard-shell.dark-mode .user-pill:hover{color:#bfdbfe;background:#3b82f624;border-color:#60a5fa8c}.dashboard-shell.dark-mode .danger-button{color:#fca5a5;background:#ef44441a;border-color:#ef444459}.dashboard-shell.dark-mode table{color:#e2e8f0}.dashboard-shell.dark-mode thead,.dashboard-shell.dark-mode .monthly-report-table th,.dashboard-shell.dark-mode .monthly-report-table tfoot th{background:#162033}.dashboard-shell.dark-mode td,.dashboard-shell.dark-mode th{border-bottom-color:#94a3b824}.dashboard-shell.dark-mode tr:hover td,.dashboard-shell.dark-mode .monthly-report-table tbody tr:nth-child(2n) td{background:#94a3b80f}.dashboard-shell.dark-mode .chart-empty,.dashboard-shell.dark-mode .loading-state,.dashboard-shell.dark-mode .notice,.dashboard-shell.dark-mode .toast{color:#cbd5e1;background:#162033;border-color:#94a3b82e}.dashboard-shell.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{color:#f8fafc;background:#111827;border-color:#94a3b83d}.dashboard-shell.dark-mode .status.paid,.dashboard-shell.dark-mode .status.active{color:#86efac;background:#22c55e29}.dashboard-shell.dark-mode .status.pending,.dashboard-shell.dark-mode .status.unpaid{color:#93c5fd;background:#3b82f629}.dashboard-shell.dark-mode .status.partial{color:#fcd34d;background:#f59e0b2e}.dashboard-shell.dark-mode .status.late,.dashboard-shell.dark-mode .status.cancelled,.dashboard-shell.dark-mode .status.failed{color:#fca5a5;background:#ef444429}.dashboard-shell.dark-mode .status.closed,.dashboard-shell.dark-mode .status.archived{color:#cbd5e1;background:#94a3b829}.dashboard-shell.dark-mode .special-events-page{background:#0f172a}.dashboard-shell.dark-mode .special-events-page .panel,.dashboard-shell.dark-mode .create-event-card,.dashboard-shell.dark-mode .special-events-page .event-card{background:#111827;border-color:#94a3b833;box-shadow:0 18px 44px #0206174d}.dashboard-shell.dark-mode .create-event-header p,.dashboard-shell.dark-mode .event-card-subtitle,.dashboard-shell.dark-mode .event-card-description{color:#94a3b8}.dashboard-shell.dark-mode .create-event-field span{color:#cbd5e1}.dashboard-shell.dark-mode .create-event-field input,.dashboard-shell.dark-mode .create-event-field select,.dashboard-shell.dark-mode .create-event-field textarea{background:#0f172a;border-color:#94a3b847}.dashboard-shell.dark-mode .event-card-title,.dashboard-shell.dark-mode .event-chip strong{color:#f8fafc}.dashboard-shell.dark-mode .event-chip{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b82e}.dashboard-shell.dark-mode .event-action-secondary{color:#e2e8f0;background:#1f2937;border-color:#94a3b83d}.dashboard-shell.dark-mode .event-action-secondary:hover{color:#bfdbfe;background:#243244;border-color:#60a5fa66}.dashboard-shell.dark-mode .event-action-danger{color:#fca5a5;background:#1f2937;border-color:#f8717159}.dashboard-shell.dark-mode .event-action-danger:hover{background:#ef444424}.dashboard-shell.dark-mode .archived-event-card{background:#0f172a}.dashboard-shell.dark-mode .event-history-note{border-left-color:#94a3b859}.dashboard-shell.dark-mode .settings-toggle{background:#334155;border-color:#94a3b84d}.dashboard-shell.dark-mode .settings-toggle.on{background:#3b82f6;border-color:#60a5fa}.dashboard-shell.dark-mode .modal-overlay,.dashboard-shell.dark-mode .modal-backdrop{background:#020617b8}.dashboard-shell.dark-mode .summary-strip span,.dashboard-shell.dark-mode .event-card .summary-strip span,.dashboard-shell.dark-mode .payment-summary-card .summary-strip span{color:#cbd5e1;background:#3b82f61a;border-color:#60a5fa33}.dashboard-shell.dark-mode .summary-strip span strong,.dashboard-shell.dark-mode .payment-summary-breakdown strong,.dashboard-shell.dark-mode .report-summary-card strong{color:#f8fafc}.dashboard-shell.dark-mode .payment-summary-breakdown div,.dashboard-shell.dark-mode .report-summary-card{background:#3b82f614;border-color:#60a5fa2e}.dashboard-shell.dark-mode .table-wrap,.dashboard-shell.dark-mode .report-table-wrap,.dashboard-shell.dark-mode .member-payment-card .table-wrap,.dashboard-shell.dark-mode .payment-history-content{background:#111827;border-color:#94a3b82e}.dashboard-shell.dark-mode table,.dashboard-shell.dark-mode tbody,.dashboard-shell.dark-mode tr,.dashboard-shell.dark-mode td{background:0 0}.dashboard-shell.dark-mode thead,.dashboard-shell.dark-mode th,.dashboard-shell.dark-mode .monthly-report-table th,.dashboard-shell.dark-mode .monthly-report-table tfoot th{color:#e2e8f0;background:#172033;border-bottom-color:#94a3b82e}.dashboard-shell.dark-mode tbody tr:nth-child(2n) td{background:#94a3b809}.dashboard-shell.dark-mode tbody tr:hover td{background:#3b82f614}.dashboard-shell.dark-mode td[colspan]{color:#94a3b8;background:0 0}.dashboard-shell.dark-mode .dashboard-filters,.dashboard-shell.dark-mode .audit-filters,.dashboard-shell.dark-mode .payment-filters{background:#0f172a6b;border:1px solid #94a3b829;border-radius:16px;padding:14px}.dashboard-shell.dark-mode .event-card,.dashboard-shell.dark-mode .member-payment-card,.dashboard-shell.dark-mode .payment-history-toggle-card{background:linear-gradient(#162033 0%,#111827 100%);border-color:#94a3b82e}.dashboard-shell.dark-mode .payment-history-toggle-text h2{color:#f8fafc}.dashboard-shell.dark-mode .payment-history-toggle-text p{color:#94a3b8}.dashboard-shell.dark-mode .payment-history-toggle-button{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa52}.dashboard-shell.dark-mode .payment-history-toggle-button:hover{background:#3b82f62e;border-color:#60a5fa8c;box-shadow:0 12px 28px #0206174d}.dashboard-shell.dark-mode .payments-page-header h2{color:#f8fafc}.dashboard-shell.dark-mode .payments-page-header p{color:#94a3b8}.dashboard-shell.dark-mode .monthly-contribution-header{background:#0f172a6b;border-color:#94a3b82e}.dashboard-shell.dark-mode .monthly-contribution-header span:first-child{color:#94a3b8}.dashboard-shell.dark-mode .monthly-contribution-header strong{color:#f8fafc}.dashboard-shell.dark-mode .payment-meta-chip.due{color:#bfdbfe;background:#3b82f624;border-color:#60a5fa47}.dashboard-shell.dark-mode .payment-meta-chip.paid,.dashboard-shell.dark-mode .payment-meta-chip.collected,.dashboard-shell.dark-mode .payment-meta-chip.balance{color:#bbf7d0;background:#22c55e24;border-color:#4ade8047}.dashboard-shell.dark-mode .payment-meta-chip.outstanding{color:#fed7aa;background:#f9731624;border-color:#fb923c4d}.dashboard-shell.dark-mode .production-settings-card{background:#111827;border-color:#94a3b82e}.dashboard-shell.dark-mode .production-settings-header,.dashboard-shell.dark-mode .settings-form-actions{background:linear-gradient(#162033 0%,#111827 100%);border-color:#94a3b829}.dashboard-shell.dark-mode .production-settings-icon{color:#60a5fa;background:#3b82f629}.dashboard-shell.dark-mode .production-settings-title,.dashboard-shell.dark-mode .settings-form-section h3{color:#f8fafc}.dashboard-shell.dark-mode .production-settings-subtitle,.dashboard-shell.dark-mode .settings-form-section p{color:#94a3b8}.dashboard-shell.dark-mode .settings-form-section{border-color:#94a3b824}.dashboard-shell.dark-mode .settings-form-field span{color:#cbd5e1}.dashboard-shell.compact-view .dashboard-main{padding-top:18px;padding-bottom:24px}.dashboard-shell.compact-view .stat-card{min-height:140px;padding:18px}.dashboard-shell.compact-view .content-card-header,.dashboard-shell.compact-view .settings-card-header,.dashboard-shell.compact-view .payment-history-toggle-header{padding:16px 20px}.dashboard-shell.compact-view .member-payment-card-body,.dashboard-shell.compact-view .settings-option,.dashboard-shell.compact-view .preview-list,.dashboard-shell.compact-view .quick-actions-grid{padding:14px 20px}@keyframes payment-history-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{gap:18px}.stat-card{background:#fff;border:1px solid #dbe3ef;border-radius:14px;align-content:start;gap:8px;min-height:130px;padding:16px;display:grid;box-shadow:0 4px 16px #0f172a0f}.stat-icon-box{background:#eef4ff;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;color:#3b82f6!important;display:inline-grid!important}.stat-card strong{color:#0f172a;overflow-wrap:anywhere;margin-top:4px;font-size:clamp(18px,2.2vw,26px);font-weight:900;line-height:1.1}.stat-card>span:not(.stat-icon-box){color:#475569;font-size:13px;font-weight:700}.stat-card p{color:#059669;margin:0;font-size:12px;font-weight:650}.stat-card.outstanding p,.stat-card.pending p{color:#64748b}.metric-card.neutral,.stat-card.neutral{border-left:3px solid #3b82f6}.stat-card.outstanding,.metric-card.outstanding{border-left:3px solid var(--danger)}.stat-card.paid,.metric-card.paid,.stat-card.collected,.metric-card.collected{border-left:3px solid var(--success)}.stat-card.pending,.metric-card.pending{border-left:3px solid var(--primary)}.payment-status-card{background:radial-gradient(circle at 100% 0,#3b82f61a,#0000 34%),#fff;align-content:space-between;gap:18px;min-height:178px}.payment-status-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-status-badge{color:#1d4ed8;text-transform:capitalize;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;min-height:30px;padding:5px 11px;font-size:12px;font-weight:900;display:inline-flex}.payment-status-badge.paid{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.payment-status-badge.partial{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.payment-status-badge.unpaid{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.payment-status-title{color:#0f172a;margin:0;font-size:24px;font-weight:950;line-height:1.12}.payment-status-subtitle{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:700;line-height:1.35}.payment-status-progress{background:#e2e8f0;border-radius:999px;width:100%;height:7px;overflow:hidden}.payment-status-progress span{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;display:block}.payment-status-card.paid .payment-status-progress span{background:linear-gradient(90deg,#16a34a,#4ade80)}.payment-status-card.partial .payment-status-progress span{background:linear-gradient(90deg,#f97316,#fbbf24)}.payment-status-card.unpaid .payment-status-progress span{background:linear-gradient(90deg,#ef4444,#f97316)}.content-card,.chart-card,.panel{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 18px 38px #0f172a0b}.content-card,.chart-card{padding:0;overflow:hidden}.content-card-header,.chart-card .panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:22px 28px;display:flex}.content-card-header h2,.chart-card h2,.panel-header h2{color:#1e293b;margin:0 0 4px;font-size:22px;font-weight:900}.content-card-header button{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;font-size:15px;font-weight:800}.chart-frame{padding:22px 24px 18px}.chart-empty{background:#f8fafc;border-radius:16px;margin:24px}.dashboard-section-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.quick-actions-card{grid-column:span 2}.quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:26px 30px;display:grid}.quick-action-card{color:#1e293b;min-height:118px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;place-items:center;gap:12px;padding:18px;font-weight:850;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid}.quick-action-target{scroll-margin-top:96px}.target-highlight{scroll-margin-top:96px;animation:2.2s ease-out target-highlight-pulse;position:relative;background-color:#eff6ff!important;box-shadow:0 0 0 2px #3b82f6,0 18px 40px #2563eb2e!important}@keyframes target-highlight-pulse{0%{box-shadow:0 0 0 3px #2563eb57,0 18px 40px #2563eb2e}65%{box-shadow:0 0 0 3px #2563eb33,0 12px 28px #2563eb1a}to{box-shadow:none}}.dashboard-shell.dark-mode .target-highlight{animation-name:target-highlight-pulse-dark;background-color:#1e3a8a4d!important}@keyframes target-highlight-pulse-dark{0%{box-shadow:0 0 0 3px #60a5fa73,0 20px 44px #60a5fa2e}65%{box-shadow:0 0 0 3px #60a5fa3d,0 14px 32px #60a5fa1f}to{box-shadow:none}}.quick-action-card svg{color:#3b82f6}.quick-action-card:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 12px 28px #2563eb14}.quick-action-card:active{border-color:#60a5fa;transform:translateY(0)scale(.98);box-shadow:0 6px 16px #2563eb24}.quick-action-card:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb38,0 12px 28px #2563eb1f}.preview-list{gap:0;padding:14px 28px 22px;display:grid}.preview-row{border-bottom:1px solid #edf2f7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.preview-row:last-child{border-bottom:0}.preview-icon{color:#3b82f6;background:#eef4ff;border-radius:14px;place-items:center;width:42px;height:42px;display:inline-grid}.preview-row strong,.preview-row b{color:#1e293b;font-size:14px}.preview-row p{color:#64748b;margin:4px 0 0;font-size:13px}.preview-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;display:flex}.preview-type{color:#64748b}.preview-time{color:#94a3b8}.preview-row--stacked{display:block}.preview-row-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.event-progress{align-items:center;gap:10px;margin-top:10px;padding-left:56px;display:flex}.event-progress-bar{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.event-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;transition:width .4s;display:block}.event-progress-label{color:#2563eb;white-space:nowrap;font-size:11px;font-weight:700}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeleton-wave;box-shadow:none!important;border-color:#0000!important}.skeleton-chart{min-height:280px}.quick-action-card.qa-green{--qa-bg:#f0fdf4;--qa-color:#16a34a;--qa-border-hover:#bbf7d0}.quick-action-card.qa-blue{--qa-bg:#eff6ff;--qa-color:#2563eb;--qa-border-hover:#bfdbfe}.quick-action-card.qa-purple{--qa-bg:#f5f3ff;--qa-color:#7c3aed;--qa-border-hover:#ddd6fe}.quick-action-card.qa-orange{--qa-bg:#fff7ed;--qa-color:#ea580c;--qa-border-hover:#fed7aa}.quick-action-card.qa-green,.quick-action-card.qa-blue,.quick-action-card.qa-purple,.quick-action-card.qa-orange{background:var(--qa-bg)}.quick-action-card.qa-green svg,.quick-action-card.qa-blue svg,.quick-action-card.qa-purple svg,.quick-action-card.qa-orange svg{color:var(--qa-color)}.quick-action-card.qa-green:hover,.quick-action-card.qa-blue:hover,.quick-action-card.qa-purple:hover,.quick-action-card.qa-orange:hover{border-color:var(--qa-border-hover);background:#fff;transform:scale(1.02);box-shadow:0 8px 24px #00000012}.dashboard-shell .quick-action-card{color:#0f172a;background:#fff;border-color:#e2e8f0}.dashboard-shell .quick-action-card:hover,.dashboard-shell .quick-action-card.qa-green:hover,.dashboard-shell .quick-action-card.qa-blue:hover,.dashboard-shell .quick-action-card.qa-purple:hover,.dashboard-shell .quick-action-card.qa-orange:hover{color:#0f172a;background:#f8fafc;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 12px 28px #2563eb1f}.dashboard-shell.dark-mode .quick-action-card{color:#f1f5f9;background:#111827;border-color:#334155}.dashboard-shell.dark-mode .quick-action-card.qa-green{--qa-bg:#22c55e1f;--qa-color:#86efac}.dashboard-shell.dark-mode .quick-action-card.qa-blue{--qa-bg:#3b82f624;--qa-color:#93c5fd}.dashboard-shell.dark-mode .quick-action-card.qa-purple{--qa-bg:#7c3aed29;--qa-color:#c4b5fd}.dashboard-shell.dark-mode .quick-action-card.qa-orange{--qa-bg:#f59e0b24;--qa-color:#fdba74}.dashboard-shell.dark-mode .quick-action-card.qa-green,.dashboard-shell.dark-mode .quick-action-card.qa-blue,.dashboard-shell.dark-mode .quick-action-card.qa-purple,.dashboard-shell.dark-mode .quick-action-card.qa-orange{background:var(--qa-bg)}.dashboard-shell.dark-mode .quick-action-card:hover,.dashboard-shell.dark-mode .quick-action-card.qa-green:hover,.dashboard-shell.dark-mode .quick-action-card.qa-blue:hover,.dashboard-shell.dark-mode .quick-action-card.qa-purple:hover,.dashboard-shell.dark-mode .quick-action-card.qa-orange:hover{color:#f8fafc;background:#1e293b;border-color:#60a5fa80;transform:translateY(-2px);box-shadow:0 16px 34px #0206175c}.dashboard-shell.dark-mode .quick-action-card svg{color:var(--qa-color,#93c5fd)}.dashboard-shell .quick-action-card:focus-visible,.dashboard-shell.dark-mode .quick-action-card:focus-visible{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa47,0 14px 30px #2563eb24}.dashboard-shell .sidebar-brand,.dashboard-shell.light-mode .sidebar-brand,.dashboard-shell .dashboard-sidebar .sidebar-brand{color:#2563eb;margin:0;font-weight:900}.dashboard-shell.dark-mode .sidebar-brand,.dashboard-shell.dark-mode .dashboard-sidebar .sidebar-brand{color:#60a5fa}.dashboard-shell .sidebar-subtitle,.dashboard-shell.light-mode .sidebar-subtitle,.dashboard-shell .dashboard-sidebar .sidebar-subtitle{color:#64748b}.dashboard-shell.dark-mode .sidebar-subtitle,.dashboard-shell.dark-mode .dashboard-sidebar .sidebar-subtitle{color:#94a3b8}.monthly-report-page{--report-blue:#2563eb;--report-blue-soft:#eff6ff;--report-blue-border:#bfdbfe;--report-green:#16a34a;--report-green-soft:#f0fdf4;--report-green-border:#bbf7d0;--report-orange:#d97706;--report-orange-soft:#fff7ed;--report-orange-border:#fed7aa;--report-red:#dc2626;--report-red-soft:#fef2f2;--report-red-border:#fecaca}.dashboard-shell.dark-mode .monthly-report-page{--report-blue:#93c5fd;--report-blue-soft:#3b82f61f;--report-blue-border:#60a5fa4d;--report-green:#86efac;--report-green-soft:#22c55e1f;--report-green-border:#4ade804d;--report-orange:#fdba74;--report-orange-soft:#f59e0b21;--report-orange-border:#fbbf244d;--report-red:#fca5a5;--report-red-soft:#ef444421;--report-red-border:#f8717152}.monthly-report-page .report-paper{border-radius:16px;box-shadow:0 16px 38px #0f172a14}.dashboard-shell.dark-mode .monthly-report-page .report-paper{box-shadow:0 20px 48px #02061757}.monthly-report-page .report-heading{border-bottom-color:var(--card-border,#e2e8f0)}.monthly-report-page .report-summary-grid{gap:12px}.monthly-report-page .report-summary-card{border:1px solid var(--report-card-border,var(--report-blue-border));background:var(--report-card-bg,var(--report-blue-soft));border-top:0;border-radius:14px;align-content:space-between;gap:12px;min-height:92px;padding:14px;display:grid;box-shadow:0 10px 24px #0f172a0e}.dashboard-shell.dark-mode .monthly-report-page .report-summary-card{box-shadow:0 14px 30px #02061742}.monthly-report-page .report-summary-card.expected{--report-card-bg:var(--report-blue-soft);--report-card-border:var(--report-blue-border);--report-card-accent:var(--report-blue)}.monthly-report-page .report-summary-card.paid{--report-card-bg:var(--report-green-soft);--report-card-border:var(--report-green-border);--report-card-accent:var(--report-green)}.monthly-report-page .report-summary-card.outstanding,.monthly-report-page .report-summary-card.unpaid,.monthly-report-page .report-summary-card.pending{--report-card-bg:var(--report-red-soft);--report-card-border:var(--report-red-border);--report-card-accent:var(--report-red)}.monthly-report-page .report-summary-card.partial{--report-card-bg:var(--report-orange-soft);--report-card-border:var(--report-orange-border);--report-card-accent:var(--report-orange)}.monthly-report-page .report-summary-card span{color:var(--text-muted,#64748b);letter-spacing:.04em;font-size:10.5px}.monthly-report-page .report-summary-card strong{color:var(--report-card-accent,var(--text-main,#0f172a));margin-top:0;font-size:clamp(18px,2.1vw,24px);line-height:1.08}.monthly-report-page .report-table-wrap{border-color:var(--card-border,#e2e8f0);background:var(--card-bg,#fff)}.monthly-report-page .monthly-report-table th{background:var(--table-header-bg,#f8fafc);color:var(--text-body,#334155)}.monthly-report-page .monthly-report-table td{background:var(--table-row-bg,#fff);color:var(--text-body,#334155)}.monthly-report-page .status{border:1px solid #0000;padding:4px 9px;font-weight:850}.monthly-report-page .status.paid{border-color:var(--report-green-border);background:var(--report-green-soft);color:var(--report-green)}.monthly-report-page .status.partial{border-color:var(--report-orange-border);background:var(--report-orange-soft);color:var(--report-orange)}.monthly-report-page .status.unpaid,.monthly-report-page .status.pending,.monthly-report-page .status.late{border-color:var(--report-red-border);background:var(--report-red-soft);color:var(--report-red)}.monthly-report-page .report-actions .secondary-button{background:var(--card-bg,#fff);border-radius:10px;width:auto;min-height:38px;box-shadow:0 8px 18px #0f172a0f}.monthly-report-page .report-actions .secondary-button:first-child{border-color:var(--report-green-border);color:var(--report-green)}.monthly-report-page .report-actions .secondary-button:last-child{border-color:var(--report-red-border);color:var(--report-red)}.monthly-report-page .report-actions .secondary-button:first-child:hover{background:var(--report-green-soft);border-color:var(--report-green-border);color:var(--report-green);box-shadow:0 12px 24px #16a34a1f}.monthly-report-page .report-actions .secondary-button:last-child:hover{background:var(--report-red-soft);border-color:var(--report-red-border);color:var(--report-red);box-shadow:0 12px 24px #dc26261f}.monthly-report-page .report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));align-items:stretch;gap:10px}.monthly-report-page .report-summary-card{border-color:color-mix(in srgb, var(--report-card-border) 72%, transparent);background:color-mix(in srgb, var(--report-card-bg) 74%, var(--card-bg,#fff));align-content:center;gap:8px;min-width:0;min-height:82px;padding:12px}.monthly-report-page .report-summary-card span{font-size:10px;line-height:1.2}.monthly-report-page .report-summary-card strong{width:100%;max-width:100%;color:var(--report-card-accent,var(--text-main,#0f172a));letter-spacing:-.01em;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(17px,1.55vw,22px);font-weight:900;line-height:1.08;display:block;overflow:visible}@media (width>=1180px){.monthly-report-page .report-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.monthly-report-page .report-summary-card strong{font-size:clamp(16px,1.25vw,21px)}}@media (width<=900px){.monthly-report-page .report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.monthly-report-page .report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.monthly-report-page .report-summary-card{min-height:76px;padding:10px}.monthly-report-page .report-summary-card strong{font-size:clamp(16px,5vw,19px)}}@media (width<=380px){.monthly-report-page .report-summary-grid{grid-template-columns:1fr}}.dashboard-shell .msd-reset-btn{color:#b45309;background:#fffbeb;border-color:#fcd34d}.dashboard-shell .msd-reset-btn:hover{color:#92400e;background:#fef3c7;border-color:#f59e0b}.dashboard-shell .msd-reset-btn svg{color:currentColor}.dashboard-shell.dark-mode .msd-reset-btn{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b57}.dashboard-shell.dark-mode .msd-reset-btn:hover{color:#fde68a;background:#f59e0b33;border-color:#f59e0b80}.dashboard-shell .mem-add-form :where(.cs-trigger,input,select,textarea),.dashboard-shell.light-mode .mem-add-form :where(.cs-trigger,input,select,textarea){color:#0f172a;background:#fff;border-color:#cbd5e1}.dashboard-shell .mem-add-form :where(input,textarea)::placeholder,.dashboard-shell.light-mode .mem-add-form :where(input,textarea)::placeholder{color:#64748b}.dashboard-shell .mem-add-form .cs-menu,.dashboard-shell.light-mode .mem-add-form .cs-menu{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 18px 45px #0f172a29}.dashboard-shell .mem-add-form .cs-option,.dashboard-shell.light-mode .mem-add-form .cs-option{color:#0f172a;background:0 0}.dashboard-shell .mem-add-form .cs-option:hover,.dashboard-shell.light-mode .mem-add-form .cs-option:hover{color:#0f172a;background:#f1f5f9}.dashboard-shell .mem-add-form .cs-option--sel,.dashboard-shell.light-mode .mem-add-form .cs-option--sel{color:#1d4ed8;background:#eff6ff}.dashboard-shell .mem-add-form :where(.cs-placeholder .cs-label,.cs-chevron),.dashboard-shell.light-mode .mem-add-form :where(.cs-placeholder .cs-label,.cs-chevron){color:#94a3b8}.dashboard-shell .mem-add-form .cs-check,.dashboard-shell.light-mode .mem-add-form .cs-check{color:#2563eb}.dashboard-shell.dark-mode .mem-add-form :where(.cs-trigger,input,select,textarea){color:#f1f5f9;background:#0f172a;border-color:#334155}.dashboard-shell.dark-mode .mem-add-form :where(input,textarea)::placeholder{color:#94a3b8}.dashboard-shell.dark-mode .mem-add-form .cs-menu{color:#f1f5f9;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .mem-add-form .cs-option{color:#f1f5f9;background:0 0}.dashboard-shell.dark-mode .mem-add-form .cs-option:hover{color:#f1f5f9;background:#1e293b}.dashboard-shell.dark-mode .mem-add-form .cs-option--sel{color:#93c5fd;background:#3b82f626}.dashboard-shell.dark-mode .mem-add-form :where(.cs-placeholder .cs-label,.cs-chevron){color:#94a3b8}.dashboard-shell.dark-mode .mem-add-form .cs-check{color:#93c5fd}.cs-menu{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.cs-option{color:#0f172a}.cs-option:hover{color:#0f172a;background:#f1f5f9}body.dark .cs-trigger,body.dark-mode .cs-trigger{color:#f1f5f9;background:#0f172a;border-color:#334155}body.dark .cs-trigger:hover:not(:disabled),body.dark-mode .cs-trigger:hover:not(:disabled){border-color:#60a5fa}body.dark .cs-wrap.cs-open .cs-trigger,body.dark-mode .cs-wrap.cs-open .cs-trigger{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}body.dark .cs-placeholder .cs-label,body.dark-mode .cs-placeholder .cs-label,body.dark .cs-chevron,body.dark-mode .cs-chevron{color:#64748b}body.dark .cs-menu,body.dark-mode .cs-menu{color:#f1f5f9;scrollbar-width:thin;scrollbar-color:#475569 transparent;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}body.dark .cs-option,body.dark-mode .cs-option{color:#f1f5f9}body.dark .cs-option:hover,body.dark-mode .cs-option:hover{color:#f1f5f9;background:#1e293b}body.dark .cs-option.cs-option--sel,body.dark-mode .cs-option.cs-option--sel{color:#93c5fd;background:#3b82f626}body.dark .cs-check,body.dark-mode .cs-check{color:#60a5fa}.cs-menu::-webkit-scrollbar{width:8px}.cs-menu::-webkit-scrollbar-track{background:#f1f5f9}.cs-menu::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:2px solid #0000;border-radius:999px}.cs-menu::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}body.dark .cs-menu::-webkit-scrollbar-track{background:#0f172a}body.dark-mode .cs-menu::-webkit-scrollbar-track{background:#0f172a}body.dark .cs-menu::-webkit-scrollbar-thumb{background-color:#475569}body.dark-mode .cs-menu::-webkit-scrollbar-thumb{background-color:#475569}body.dark .cs-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b}body.dark-mode .cs-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b}option{color:#0f172a;background-color:#fff}.dark option,.dark-mode option{color:#f8fafc;background-color:#0f172a}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.dashboard-shell input[type=number]{color:#0f172a;background:#fff;border-color:#cbd5e1}.dashboard-shell input[type=number]::placeholder{color:#64748b}.dashboard-shell input[type=number]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f63d}.dashboard-shell.dark-mode input[type=number],.dark .dashboard-shell input[type=number]{color:#f1f5f9;background:#0f172a;border-color:#334155}.dashboard-shell.dark-mode input[type=number]::placeholder,.dark .dashboard-shell input[type=number]::placeholder{color:#94a3b8}.dashboard-shell.dark-mode input[type=number]:focus,.dark .dashboard-shell input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f652}.dashboard-shell .pmt-input-with-prefix[type=number]{background:#fff;border:0!important}.dashboard-shell.dark-mode .pmt-input-with-prefix[type=number],.dark .dashboard-shell .pmt-input-with-prefix[type=number]{background:#0f172a}@media (width<=767px){.dashboard-section-grid{grid-template-columns:1fr}.quick-actions-card{grid-column:span 1}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.metric-grid.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card strong{font-size:18px}}@media (width>=1025px){.dashboard-sidebar{width:310px}.dashboard-sidebar.open{width:310px;max-width:310px}.dashboard-main{width:calc(100% - 310px);max-width:calc(100% - 310px);margin-left:310px;padding:28px 36px 40px}.dashboard-main>section{max-width:1500px}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.dashboard-main{padding:18px}.dashboard-header{display:none}.dashboard-section-grid,.quick-actions-grid,.payments-layout-grid,.member-payment-grid,.member-payment-card .payment-summary-breakdown,.member-quick-actions-grid{grid-template-columns:1fr}.quick-actions-card{grid-column:auto}}@media (width<=767px){.mobile-topbar{gap:10px}.mobile-dashboard-header{border-bottom:1px solid var(--border);background:var(--background,var(--bg));min-height:72px;padding:12px 14px}.mobile-greeting-header{flex:1;min-width:0}.mobile-greeting-header h2{font-size:clamp(1rem,4vw,1.45rem)}.topbar-actions,.mobile-topbar-actions{flex-shrink:0;gap:8px;min-width:0}.mobile-working-month,.mobile-working-month .working-month-pill{flex:0 0 40px;width:40px;max-width:40px;height:40px;min-height:40px}.mobile-working-month .working-month-popover{width:auto;max-width:none;position:fixed;top:62px;left:10px;right:10px}.mobile-working-month .working-month-options{gap:7px;padding:10px}.dashboard-main{padding:16px}.payments-page{gap:16px}.payments-page-header{flex-direction:column;align-items:flex-start}.dashboard-grid{gap:12px}.stat-card{border-radius:16px;min-height:142px;padding:18px}.payment-status-card{gap:14px;min-height:156px}.payment-status-title{font-size:21px}.stat-icon-box{border-radius:14px;width:46px;height:46px}.stat-card strong{font-size:27px}.content-card-header,.chart-card .panel-header{align-items:flex-start;padding:18px}.content-card-header h2,.chart-card h2,.panel-header h2{font-size:18px}.chart-frame,.preview-list,.quick-actions-grid{padding:18px}.quick-action-card{min-height:92px}.member-payment-card-body{padding:18px}.member-payment-card .payment-summary-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.member-payment-card .payment-summary-breakdown>div{min-height:88px}.event-payment-card .event-card{padding:16px}.event-payment-form,.monthly-payment-form{grid-template-columns:1fr}.monthly-payment-form .primary-button,.event-payment-form .primary-button{width:100%}.payment-history-toggle-header{flex-direction:column;align-items:flex-start;padding:18px}.payment-history-toggle-button,.member-payment-card .primary-button{width:100%}.settings-profile-card,.settings-grid{grid-template-columns:1fr}.settings-profile-card{align-items:start;padding:20px}.account-settings-header,.account-action-list{padding-left:18px;padding-right:18px}.settings-profile-actions{justify-content:stretch}.settings-profile-actions>button{width:100%}.family-settings-card{grid-column:auto}.settings-option{grid-template-columns:auto minmax(0,1fr)}.settings-toggle{grid-column:2;justify-self:start}.settings-select{grid-column:2;width:100%;max-width:100%}.production-settings-header,.settings-form-section,.settings-form-actions{padding-left:18px;padding-right:18px}.settings-form-grid{grid-template-columns:1fr}.settings-form-actions{justify-content:stretch}.settings-form-actions .primary-button{width:100%}.preview-row{grid-template-columns:auto minmax(0,1fr)}.preview-row b{grid-column:2}}.dashboard-shell,.dashboard-main,.workspace,.dashboard-page,.member-dashboard-clean,.member-payments-page,.settings-page,.monthly-report-page,.content-card,.chart-card,.panel,.stat-card,.metric-card,.settings-card,.event-card,.member-row,.selected-member-card,.report-paper,.modal-card,.modal-panel,.profile-dropdown,.notification-menu{min-width:0}.dashboard-shell :where(h1,h2,h3,h4,p,span,strong,small,td,th,button,label){overflow-wrap:anywhere}:is(.table-wrap,.report-table-wrap,.member-history-panel,.panel:has(table),.content-card:has(table)){-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.notification-menu,.profile-dropdown{width:min(360px,100vw - 24px);max-width:calc(100vw - 24px)}.modal-card,.modal-panel,.member-edit-modal{width:min(720px,100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}@media (width<=1024px){.workspace,.dashboard-main{max-width:100%;overflow-x:hidden}.dashboard-section-grid,.analytics-grid,.dashboard-chart-grid,.settings-grid,.members-layout,.members-main,.payments-layout-grid,.member-payment-grid,.two-column,.form-grid,.member-edit-form,.settings-form-grid{grid-template-columns:1fr}.content-card,.chart-card,.panel,.settings-card,.event-card,.member-row,.report-paper{max-width:100%}}@media (width<=640px){.mobile-topbar{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));gap:8px}.mobile-greeting-header{flex-basis:0}.topbar-actions,.mobile-topbar-actions{flex-shrink:0;gap:8px}.dashboard-main{padding:14px}.content-card,.chart-card,.panel,.settings-card,.stat-card,.metric-card,.event-card,.member-row,.selected-member-card,.report-paper{border-radius:16px}.content-card-header,.chart-card .panel-header,.settings-card-header,.payment-history-toggle-header,.production-settings-header{gap:12px;padding:16px}.chart-frame,.preview-list,.quick-actions-grid,.member-payment-card-body,.account-action-list,.settings-form-section,.settings-form-actions,.family-settings-card>.muted{padding:16px}.quick-actions-grid,.member-quick-actions-grid,.event-grid,.report-summary-grid,.report-member-grid,.payment-summary-breakdown{grid-template-columns:1fr}.stat-card{min-height:auto}button,input,select,textarea,.primary-button,.secondary-button,.danger-button{min-height:44px}.primary-button,.secondary-button,.danger-button,.monthly-payment-form button,.event-payment-form button,.payment-history-toggle-button,.member-payment-card .primary-button,.settings-form-actions .primary-button{width:100%}.monthly-payment-form,.event-payment-form,.payment-action-panel,.reminder-toolbar,.dashboard-filters,.audit-filters,.payment-filters{grid-template-columns:1fr}table{min-width:640px}.notification-wrap{position:static}.notification-menu,.profile-dropdown{border-radius:16px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:min(430px,100dvh - 88px);left:auto;right:12px}.profile-dropdown-header{grid-template-columns:auto minmax(0,1fr)}.modal-overlay,.modal-backdrop{padding:12px}.modal-card,.modal-panel,.member-edit-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}@media (width<=480px){.mobile-topbar{gap:8px;min-height:72px;padding:10px 12px}.mobile-greeting-header h2{font-size:1rem}.mobile-icon-button,.profile-menu-wrapper.compact .profile-pill,.mobile-working-month,.mobile-working-month .working-month-pill{flex-basis:38px;width:38px;max-width:38px;height:38px;min-height:38px}}@media (width<=380px){.mobile-icon-button,.profile-menu-wrapper.compact .profile-pill{flex-basis:38px;width:38px;height:38px;min-height:38px}.mobile-topbar{gap:8px;padding:10px 12px}.payments-page-header h2,.dashboard-title{font-size:22px}.dashboard-main{padding:12px}.content-card-header,.chart-card .panel-header,.settings-card-header,.member-payment-card-body,.chart-frame,.preview-list,.quick-actions-grid,.account-action-list{padding:14px}}@media (width<=360px){.mobile-topbar{gap:8px;padding:10px 12px}.mobile-greeting-header{flex-basis:58px;min-width:0}.mobile-greeting-header h2{font-size:1rem}.topbar-actions,.mobile-topbar-actions{gap:8px}.mobile-working-month{flex:0 0 38px;max-width:38px}.mobile-working-month .working-month-pill{justify-content:center;width:38px;max-width:38px;height:38px;min-height:38px;padding:0}}.mem-page,.mem-page *{box-sizing:border-box}.mem-page{width:100%;min-width:0}.mem-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.mem-page-title{color:var(--text,#0f172a);margin:0;font-size:22px;font-weight:700}.mem-page-count{color:#64748b;font-size:14px}.mem-layout,.mem-right{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.mem-card{overflow-wrap:break-word;word-break:normal;white-space:normal;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;min-width:0;padding:20px;box-shadow:0 2px 10px #0f172a0f}.mem-card-title{color:var(--text,#0f172a);margin:0 0 16px;font-size:16px;font-weight:700}.mem-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.mem-card-head .mem-card-title{margin-bottom:0}.mem-form-grid{grid-template-columns:1fr;gap:14px;margin-bottom:16px;display:grid}.mem-col-2{grid-column:1}.mem-field{flex-direction:column;gap:5px;min-width:0;display:flex}.mem-field label{color:#374151;font-size:13px;font-weight:600}.mem-field input,.mem-field select{color:#0f172a;white-space:normal;overflow-wrap:break-word;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 12px;font-size:14px}.mem-field input:focus,.mem-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.mem-field--error input,.mem-field--error select{background:#fff5f5;border-color:#ef4444}.mem-field--valid input,.mem-field--valid select{border-color:#22c55e}.mem-field-error{color:#ef4444;font-size:12px}.mem-checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.mem-select{color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:9px 12px;font-size:14px}.mem-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.mem-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:15px;font-weight:600;display:flex}.mem-btn-primary:hover:not(:disabled){background:#1d4ed8}.mem-btn-primary:disabled{opacity:.6;cursor:not-allowed}.mem-btn-secondary{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.mem-btn-secondary:hover:not(:disabled){background:#f9fafb}.mem-btn-danger{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex-shrink:0;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.mem-btn-danger:hover:not(:disabled){background:#fff5f5}.mem-btn-success{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:11px 20px;font-size:15px;font-weight:600;display:flex}.mem-btn-success:hover:not(:disabled){background:#15803d}.mem-btn-success:disabled{opacity:.6;cursor:not-allowed}.mem-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite mem-spin;display:inline-block}@keyframes mem-spin{to{transform:rotate(360deg)}}.mem-list-filters{grid-template-columns:1fr;gap:10px;margin-bottom:12px;display:grid}.mem-list{flex-direction:column;display:flex}.mem-list-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding:10px 0;display:flex}.mem-list-row:last-child{border-bottom:none}.mem-list-row-info{overflow-wrap:anywhere;flex:1 1 0;min-width:0}.mem-list-row-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.mem-list-row-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.mem-member-detail{flex-direction:column;gap:0;display:flex}.mem-member-row{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;display:flex}.mem-avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.mem-member-info{overflow-wrap:anywhere;flex:1 1 0;min-width:0}.mem-member-info strong{color:#0f172a;overflow-wrap:anywhere;font-size:15px;display:block}.mem-member-info span{color:#64748b;font-size:13px}.mem-info-rows{color:#374151;overflow-wrap:anywhere;border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;font-size:14px;display:flex}.mem-muted{color:#64748b;font-size:13px}.mem-italic{color:#94a3b8;font-size:13px;font-style:italic}.mem-empty{color:#94a3b8;margin:0;padding:8px 0;font-size:14px}.mem-notice{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.mem-notice--error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.mem-warning{color:#92400e;overflow-wrap:anywhere;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:13px}.mem-login-field{margin-bottom:12px}.mem-pw-wrap{align-items:center;min-width:0;display:flex;position:relative}.mem-pw-wrap input{padding-right:42px}.mem-pw-eye{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;padding:4px;line-height:1;display:flex;position:absolute;right:8px}.mem-strength{align-items:center;gap:8px;margin-top:8px;display:flex}.mem-strength-bar{flex:1;gap:4px;display:flex}.mem-strength-seg{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:background .2s}.mem-strength-lv1 .mem-strength-seg--lit{background:#ef4444}.mem-strength-lv2 .mem-strength-seg--lit{background:#f59e0b}.mem-strength-lv3 .mem-strength-seg--lit{background:#22c55e}.mem-strength-label{white-space:nowrap;font-size:12px;font-weight:600}.mem-strength-lv1 .mem-strength-label{color:#ef4444}.mem-strength-lv2 .mem-strength-label{color:#f59e0b}.mem-strength-lv3 .mem-strength-label{color:#22c55e}.mem-table-wrap{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.mem-table{border-collapse:collapse;white-space:normal;overflow-wrap:anywhere;width:100%;min-width:730px;font-size:14px}.mem-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:700}.mem-table td{vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #f1f5f9;padding:10px 12px}.mem-table tbody tr:nth-child(2n) td{background:#f8fafc}.mem-table .col-month{min-width:100px}.mem-table .col-amount{min-width:90px}.mem-table .col-status{min-width:80px}.mem-table .col-date{min-width:170px}.mem-table .col-method{min-width:120px}.mem-table .col-ref{min-width:150px}.mem-table-total{text-align:right;border-top:2px solid #e2e8f0;padding:12px;font-size:14px;font-weight:700}.mem-badge{text-transform:capitalize;white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.mem-badge-paid{color:#15803d;background:#dcfce7}.mem-badge-partial{color:#b45309;background:#fef3c7}.mem-badge-unpaid,.mem-badge-overdue,.mem-badge-pending{color:#dc2626;background:#fee2e2}@media (width>=768px){.mem-layout{grid-template-columns:2fr 3fr;align-items:start;gap:20px;display:grid}.mem-form-grid{grid-template-columns:repeat(2,1fr)}.mem-col-2{grid-column:1/-1}.mem-list-filters{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.mem-layout{grid-template-columns:35fr 65fr;gap:24px}.mem-add-form{position:sticky;top:28px}}.mem-add-form{border-top:3px solid #2563eb;padding:24px;box-shadow:0 4px 12px #00000014}.mem-add-form .mem-form-grid{gap:16px}.mem-add-form .mem-field label{color:#374151;margin-bottom:4px;font-weight:500}.mem-add-form .mem-field input,.mem-add-form .mem-field select{border:1.5px solid #d1d5db;border-radius:8px;height:44px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.mem-add-form .mem-field input:focus,.mem-add-form .mem-field select:focus{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.mem-add-form .mem-field--error input,.mem-add-form .mem-field--error select{background:#fff5f5;border-color:#ef4444}.mem-add-form .mem-field--valid input,.mem-add-form .mem-field--valid select{border-color:#22c55e}.mem-checkbox-row{white-space:nowrap;color:#374151;cursor:pointer;flex-wrap:nowrap;gap:10px;margin:8px 0;font-size:14px;font-weight:500}.mem-checkbox-input{opacity:0;pointer-events:none;border:none;margin:0;padding:0;position:absolute;width:0!important;height:0!important;min-height:0!important}.mem-checkbox-box{box-sizing:border-box;background:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s,background .15s;display:flex}.mem-checkbox-row:hover .mem-checkbox-box{border-color:#2563eb}.mem-checkbox-input:checked~.mem-checkbox-box{background:#2563eb;border-color:#2563eb}.mem-checkbox-input:checked~.mem-checkbox-box:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:4px;height:8px;margin-top:-3px;display:block;transform:rotate(45deg)}.mem-reminder-reveal{opacity:0;pointer-events:none;max-height:0;margin:0;padding:0;transition:max-height .22s,opacity .18s;overflow:hidden}.mem-reminder-reveal:not(.mem-reminder-reveal--open){gap:0}.mem-reminder-reveal--open{opacity:1;pointer-events:auto;max-height:120px}.mem-form-divider{border:none;border-top:1px solid #e9eef5;margin:0;padding:0}.mem-field-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=479px){.mem-field-pair{grid-template-columns:1fr}.mem-checkbox-row{white-space:normal}}.cs-wrap{box-sizing:border-box;width:100%;min-width:0;position:relative}.cs-trigger{color:#111827;cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px 0 16px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.cs-trigger:hover:not(:disabled){border-color:#93c5fd}.cs-wrap.cs-open .cs-trigger{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.cs-trigger:disabled{opacity:.5;cursor:not-allowed}.cs-placeholder .cs-label{color:#9ca3af}.cs-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cs-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s}.cs-wrap.cs-open .cs-chevron{transform:rotate(180deg)}.cs-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:280px;margin:0;padding:4px;list-style:none;animation:.12s cs-pop;overflow-y:auto;box-shadow:0 8px 24px #0000001f}@keyframes cs-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cs-option{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:14px;transition:background 80ms;display:flex}.cs-option:hover{background:#eff6ff}.cs-option--sel{color:#2563eb;background:#eff6ff;font-weight:500}.cs-option-label{flex:1;min-width:0}.cs-check{color:#2563eb;flex-shrink:0}.msd-card{overflow:hidden}.msd-select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #d1d5db;border-radius:8px;width:100%;height:44px;margin-bottom:16px;padding:0 36px 0 12px;font-size:14px}.msd-select:focus{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.msd-select:hover{border-color:#93c5fd}.msd-top{align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.msd-avatar{color:#fff;box-sizing:border-box;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.msd-identity{flex:1 1 0;min-width:0;overflow:hidden}.msd-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.msd-role{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13px;overflow:hidden}.msd-edit-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #2563eb;border-radius:6px;flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s}.msd-edit-btn:hover{background:#eff6ff}.msd-divider{border:none;border-top:1px solid #f3f4f6;margin:16px 0}.msd-contacts{flex-direction:column;display:flex}.msd-row{justify-content:space-between;align-items:center;min-width:0;padding:6px 0;font-size:14px;display:flex}.msd-label{color:#9ca3af;flex-shrink:0;margin-right:12px;font-size:13px;font-weight:500}.msd-value{color:#111827;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:14px}.msd-empty{color:#9ca3af;font-style:italic}.pmt-page,.pmt-page *{box-sizing:border-box}.pmt-page{flex-direction:column;gap:24px;display:flex}.pmt-form-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:12px;width:100%;padding:24px;box-shadow:0 4px 12px #00000014}.pmt-form-title{color:#111827;margin:0 0 20px;font-size:17px;font-weight:600}.pmt-form-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px;display:grid}@media (width>=640px){.pmt-form-grid{grid-template-columns:repeat(2,1fr)}}.pmt-field{flex-direction:column;gap:5px;min-width:0;display:flex}.pmt-field--full,.pmt-field--reference{grid-column:1/-1}.pmt-field label{color:#374151;margin-bottom:2px;font-size:14px;font-weight:500}.pmt-field input,.pmt-field textarea,.pmt-field select{color:#111827;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;width:100%;height:44px;padding:0 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}.pmt-field textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.pmt-field input:focus,.pmt-field textarea:focus{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.pmt-field input:hover,.pmt-field textarea:hover{border-color:#93c5fd}.pmt-field--compact label{font-size:13px}.pmt-field--compact .cs-trigger,.pmt-field--compact input{height:38px;font-size:14px}.pmt-input-group{border:1.5px solid #d1d5db;border-radius:8px;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.pmt-input-group:focus-within{border:2px solid #2563eb;box-shadow:0 0 0 3px #2563eb26}.pmt-input-group:hover:not(:focus-within){border-color:#93c5fd}.pmt-input-prefix{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-right:1px solid #d1d5db;flex-shrink:0;align-items:center;padding:0 12px;font-size:14px;font-weight:500;display:flex}.pmt-input-with-prefix{background:#fff;outline:none;flex:1;min-width:0;height:42px;font-size:16px;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0 12px!important}.pmt-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.pmt-submit-btn:hover:not(:disabled){background:#1d4ed8}.pmt-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pmt-records-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:24px;box-shadow:0 2px 10px #0f172a0f}.pmt-records-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.pmt-records-title{color:#111827;margin:0;font-size:18px;font-weight:700}.pmt-records-month{color:#6b7280;white-space:nowrap;padding-top:4px;font-size:13px;font-weight:500}.pmt-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.pmt-filter-grid{flex:1;grid-template-columns:1fr;gap:12px;min-width:0;display:grid}@media (width>=640px){.pmt-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.monthly-report-page{width:100%;max-width:100%;padding:0;overflow-x:hidden}.monthly-report-page .report-paper{border-radius:16px;width:100%;max-width:none;margin-left:0;margin-right:0;padding:16px;box-shadow:0 12px 30px #0f172a14}.monthly-report-page .report-heading{grid-template-columns:1fr;gap:10px;min-width:0;padding-bottom:10px;display:grid}.monthly-report-page .report-heading>div{min-width:0}.monthly-report-page .report-heading h2{font-size:20px}.monthly-report-page .report-subtitle,.monthly-report-page .muted{overflow-wrap:anywhere}.monthly-report-page .report-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.monthly-report-page .report-actions>button{white-space:nowrap;justify-content:center;width:100%;min-width:0;min-height:40px;padding:0 10px;font-size:13px}.monthly-report-page .report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:12px 0}.monthly-report-page .report-summary-card{border-radius:10px;width:100%;min-height:auto;padding:9px 10px}.monthly-report-page .report-summary-card span{font-size:9px;line-height:1.2}.monthly-report-page .report-summary-card strong{margin-top:5px;font-size:15px;line-height:1.15}.monthly-report-page .report-card-list{gap:10px;width:100%;display:grid}.monthly-report-page .report-member-card{border-radius:12px;gap:8px;width:100%;padding:11px 12px;box-shadow:0 8px 18px #0f172a0a}.monthly-report-page .report-member-card-head{align-items:center;gap:8px}.monthly-report-page .report-member-card-head strong{font-size:13px;line-height:1.25}.monthly-report-page .report-member-card-head .status{flex:none}.monthly-report-page .report-member-rows>div{grid-template-columns:minmax(0,1fr) minmax(86px,auto);gap:10px;padding:6px 0}.monthly-report-page .report-member-rows span{font-size:11px}.monthly-report-page .report-member-rows strong{font-size:12px}.monthly-report-page .report-member-card>.muted{color:#64748b;margin:0;font-size:11px;line-height:1.35}.monthly-report-page .report-table-wrap{display:none}}@media (width<=340px){.monthly-report-page .report-actions{grid-template-columns:1fr}.monthly-report-page .report-summary-grid{gap:7px}.monthly-report-page .report-summary-card{padding:8px}.monthly-report-page .report-summary-card strong{font-size:14px}}@media (width>=641px) and (width<=1024px){.monthly-report-page .report-paper{width:100%;max-width:960px;padding:18px}.monthly-report-page .report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media (width>=1024px){.pmt-filter-grid{grid-template-columns:repeat(4,1fr)}}.pmt-clear-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-self:flex-end;padding:4px 0 8px;font-size:13px;font-weight:500;text-decoration:underline}.pmt-clear-btn:hover{color:#1d4ed8}@media (width<=639px){.pmt-filter-bar,.pmt-clear-btn{width:100%}.pmt-clear-btn{text-align:center;justify-content:center;min-height:40px;padding:8px 0}}.pmt-summary-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.pmt-summary-item{flex-direction:column;gap:2px;min-width:80px;display:flex}.pmt-summary-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.pmt-summary-value{color:#111827;font-size:18px;font-weight:700}.pmt-summary-paid{color:#16a34a}.pmt-summary-pending{color:#d97706}.pmt-desktop-only{display:none}@media (width>=768px){.pmt-desktop-only{display:block}}.pmt-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #f3f4f6;border-radius:8px;width:100%;overflow-x:auto}.pmt-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.pmt-table thead th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:600}.pmt-table tbody td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.pmt-table tbody tr:hover td{background:#eff6ff}.pmt-row-alt td{background:#f9fafb}.pmt-col-amount{text-align:right}.pmt-amount-cell{color:#111827;font-weight:700}.pmt-member-cell{align-items:center;gap:10px;min-width:0;display:flex}.pmt-avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.pmt-avatar--sm{width:24px;height:24px;font-size:10px}.pmt-type-badge{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.pmt-badge{text-transform:capitalize;white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pmt-badge--paid{color:#16a34a;background:#dcfce7}.pmt-badge--pending{color:#d97706;background:#fef3c7}.pmt-badge--partial{color:#2563eb;background:#dbeafe}.pmt-badge--other{color:#dc2626;background:#fee2e2}.pmt-date-cell{flex-direction:column;gap:2px;display:flex}.pmt-date-line{color:#111827;font-size:13px}.pmt-time-line{color:#9ca3af;font-size:12px}.pmt-ref-cell{color:#6b7280;cursor:default;font-family:monospace;font-size:13px}.pmt-actions-col{text-align:center;width:48px}.pmt-action-wrap{display:inline-block;position:relative}.pmt-action-trigger{color:#9ca3af;cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;transition:background .12s,color .12s}.pmt-action-trigger:hover{color:#374151;background:#f3f4f6}.pmt-action-menu{z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;padding:4px;list-style:none;animation:.1s cs-pop;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.pmt-action-menu li button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;transition:background 80ms;display:block}.pmt-action-menu li button:hover{background:#f3f4f6}.pmt-action--danger{color:#dc2626!important}.pmt-action--danger:hover{background:#fee2e2!important}.pmt-empty-row{text-align:center;color:#9ca3af;padding:32px 16px;font-size:14px}.pmt-mobile-only{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.pmt-mobile-only{display:none}}.pmt-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.pmt-mc-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.pmt-mc-member{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pmt-mc-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.pmt-mc-amount{color:#111827;flex-shrink:0;font-size:15px;font-weight:700}.pmt-mc-badges{flex-wrap:wrap;gap:6px;display:flex}.pmt-mc-date{color:#6b7280;margin:0;font-size:12px}.pmt-mc-ref{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:monospace;font-size:12px;overflow:hidden}.pmt-pagination{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.pmt-pagination-info{color:#6b7280;font-size:13px}.pmt-pagination-btns{gap:8px;display:flex}.pmt-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.pmt-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.pmt-page-btn:disabled{opacity:.4;cursor:not-allowed}.date-picker{width:100%;min-width:0;position:relative}.date-picker-trigger{color:#111827;width:100%;height:44px;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.date-picker-trigger svg{color:#2563eb;flex:none}.date-picker-trigger:hover{background:#f8fafc;border-color:#93c5fd}.date-picker--open .date-picker-trigger,.date-picker-trigger:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.date-picker-popover{background:#fff;border:1px solid #dbeafe;border-radius:14px;max-width:calc(100vw - 32px);padding:14px;animation:.12s cs-pop;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.date-picker-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.date-picker-header strong{color:#0f172a;font-size:15px;font-weight:750}.date-picker-nav{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;place-items:center;width:34px;height:34px;transition:background .12s,border-color .12s,transform .12s;display:grid}.date-picker-nav:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker-weekdays{margin-bottom:6px}.date-picker-weekdays span{color:#64748b;text-align:center;text-transform:uppercase;font-size:11px;font-weight:800}.date-picker-day{aspect-ratio:1;color:#0f172a;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;font-size:13px;font-weight:650;transition:background .12s,border-color .12s,color .12s,transform .12s;display:grid}.date-picker-day:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.date-picker-day--muted{color:#cbd5e1}.date-picker-day--today{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.date-picker-day--selected,.date-picker-day--selected:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.date-picker-day:disabled{color:#94a3b8;cursor:not-allowed;opacity:.72;background:#f8fafc}.period-picker{width:100%;min-width:0;position:relative}.period-picker-trigger{color:#111827;width:100%;height:38px;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.period-picker-trigger svg{color:#2563eb;flex:none}.period-picker-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.period-picker-trigger:hover{background:#f8fafc;border-color:#93c5fd}.period-picker--open .period-picker-trigger,.period-picker-trigger:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.period-picker-trigger--muted span{color:#64748b}.period-picker-popover{background:#fff;border:1px solid #dbeafe;border-radius:14px;max-width:calc(100vw - 32px);padding:14px;animation:.12s cs-pop;box-shadow:0 18px 45px #0f172a29}.period-picker-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.period-picker-header strong{color:#0f172a;font-size:15px;font-weight:750}.period-picker-nav{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;place-items:center;width:34px;height:34px;transition:background .12s,border-color .12s,transform .12s;display:grid}.period-picker-nav:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.period-picker-all{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;width:100%;min-height:34px;margin-bottom:10px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s}.period-picker-all:hover{background:#eff6ff;border-color:#bfdbfe}.period-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.period-picker-month{color:#0f172a;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s,color .12s,transform .12s}.period-picker-month:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.period-picker-month--selected,.period-picker-month--selected:hover{color:#fff;background:#2563eb;border-color:#2563eb}@keyframes picker-pop-mobile{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}body.dark .date-picker-trigger,body.dark-mode .date-picker-trigger,body.dark .period-picker-trigger,body.dark-mode .period-picker-trigger{color:#f1f5f9;background:#0f172a;border-color:#334155}body.dark .date-picker-trigger svg,body.dark-mode .date-picker-trigger svg,body.dark .period-picker-trigger svg,body.dark-mode .period-picker-trigger svg{color:#60a5fa}body.dark .date-picker-trigger:hover,body.dark-mode .date-picker-trigger:hover,body.dark .period-picker-trigger:hover,body.dark-mode .period-picker-trigger:hover{background:#0f172a;border-color:#60a5fa}body.dark .date-picker--open .date-picker-trigger,body.dark-mode .date-picker--open .date-picker-trigger,body.dark .period-picker--open .period-picker-trigger,body.dark-mode .period-picker--open .period-picker-trigger{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}body.dark .period-picker-trigger--muted span,body.dark-mode .period-picker-trigger--muted span{color:#475569}body.dark .date-picker-popover,body.dark-mode .date-picker-popover,body.dark .period-picker-popover,body.dark-mode .period-picker-popover{background:#111827;border-color:#334155;box-shadow:0 24px 70px #0000008c}body.dark .date-picker-header strong,body.dark-mode .date-picker-header strong,body.dark .period-picker-header strong,body.dark-mode .period-picker-header strong{color:#f1f5f9}body.dark .date-picker-nav,body.dark-mode .date-picker-nav,body.dark .period-picker-nav,body.dark-mode .period-picker-nav{color:#60a5fa;background:#1e293b;border-color:#334155}body.dark .date-picker-nav:hover,body.dark-mode .date-picker-nav:hover,body.dark .period-picker-nav:hover,body.dark-mode .period-picker-nav:hover{background:#3b82f626;border-color:#3b82f6;transform:translateY(-1px)}body.dark .date-picker-weekdays span,body.dark-mode .date-picker-weekdays span{color:#475569}body.dark .date-picker-day,body.dark-mode .date-picker-day{color:#e2e8f0;background:0 0;border-color:#0000}body.dark .date-picker-day:hover:not(:disabled),body.dark-mode .date-picker-day:hover:not(:disabled){color:#bfdbfe;background:#3b82f626;border-color:#3b82f6;transform:translateY(-1px)}body.dark .date-picker-day--muted,body.dark-mode .date-picker-day--muted{color:#334155}body.dark .date-picker-day--today,body.dark-mode .date-picker-day--today{color:#60a5fa;background:#3b82f61f;border-color:#3b82f6}body.dark .date-picker-day--selected,body.dark-mode .date-picker-day--selected,body.dark .date-picker-day--selected:hover:not(:disabled),body.dark-mode .date-picker-day--selected:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}body.dark .date-picker-day:disabled,body.dark-mode .date-picker-day:disabled{color:#1e293b;opacity:.6;background:#0f172a80}body.dark .period-picker-all,body.dark-mode .period-picker-all{color:#94a3b8;background:0 0;border-color:#334155}body.dark .period-picker-all:hover,body.dark-mode .period-picker-all:hover{color:#93c5fd;background:#3b82f61f;border-color:#3b82f6}body.dark .period-picker-month,body.dark-mode .period-picker-month{color:#e2e8f0;background:0 0;border-color:#334155}body.dark .period-picker-month:hover,body.dark-mode .period-picker-month:hover{color:#93c5fd;background:#3b82f61f;border-color:#3b82f6;transform:translateY(-1px)}body.dark .period-picker-month--selected,body.dark-mode .period-picker-month--selected,body.dark .period-picker-month--selected:hover,body.dark-mode .period-picker-month--selected:hover{color:#fff;background:#2563eb;border-color:#2563eb}.paystack-redirect-overlay{z-index:9999;background:#fffffff7;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.paystack-redirect-spinner{border-width:3px;width:36px;height:36px}.paystack-redirect-title{color:#111827;margin:0;font-size:17px;font-weight:600}.paystack-redirect-sub{color:#9ca3af;margin:0;font-size:13px}.msd-action-btns{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.msd-reset-btn{color:#d97706;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #d97706;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.msd-reset-btn:hover{color:#b45309;background:#fef3c7;border-color:#b45309}.reset-password-modal{max-width:440px}.reset-password-warning{background:#fffbeb;border:1.5px solid #fbbf24;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px 14px;display:flex}.reset-password-warning-icon{flex-shrink:0;margin-top:1px;font-size:16px}.reset-password-warning p{color:#92400e;margin:0;font-size:13.5px;line-height:1.5}.reset-password-hint{color:#6b7280;margin:-4px 0 4px;font-size:12px}.fcp-card{gap:14px}.fcp-logo{color:#d97706;background:#fff7ed;border:1.5px solid #fde68a}.fcp-hint{color:#6b7280;margin:-6px 0 2px;font-size:12px}.fcp-logout-link{color:#6b7280;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:4px;padding:0;font-size:13px;text-decoration:underline}.fcp-logout-link:hover{color:#374151}.danger-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.danger-button:hover:not(:disabled){background:#b91c1c}.danger-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-shell,body{--app-bg:#f8fafc;--card-bg:#fff;--card-bg-elevated:#fff;--card-border:#e2e8f0;--text-main:#0f172a;--text-body:#334155;--text-muted:#64748b;--input-bg:#fff;--input-border:#cbd5e1;--table-header-bg:#f8fafc;--table-row-alt:#f9fafb;--table-row-hover:#eff6ff;--chart-text:#1e293b;--chart-muted:#64748b;--chart-grid:#e2e8f0;--chart-primary:#2563eb;--chart-tooltip-bg:#fff;--chart-tooltip-border:#cbd5e1;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border)}html.dark-mode,body.dark-mode,body.dark-mode .dashboard-shell,.dashboard-shell.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0f172a;--card-bg:#111827;--card-bg-elevated:#162033;--card-border:#334155;--text-main:#f8fafc;--text-body:#cbd5e1;--text-muted:#94a3b8;--input-bg:#0f172a;--input-border:#475569;--table-header-bg:#172033;--table-row-alt:#94a3b80d;--table-row-hover:#3b82f61f;--chart-text:#e2e8f0;--chart-muted:#cbd5e1;--chart-grid:#94a3b833;--chart-primary:#60a5fa;--chart-tooltip-bg:#111827;--chart-tooltip-border:#475569;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border);background:var(--app-bg);color:var(--text-main)}body.dark-mode #root,.dashboard-shell.dark-mode,.dashboard-shell.dark-mode .workspace,.dashboard-shell.dark-mode .dashboard-main,.dashboard-shell.dark-mode .member-dashboard-clean,.dashboard-shell.dark-mode .member-payments-page,.dashboard-shell.dark-mode .special-events-page,.dashboard-shell.dark-mode .reminders-page,.dashboard-shell.dark-mode .settings-page{background:var(--app-bg);color:var(--text-main)}.dashboard-shell.dark-mode :where(.mobile-topbar,.workspace-header,.sidebar,.sidebar.open,.user-panel,.month-control,.panel,.content-card,.chart-card,.metric-card,.stat-card,.settings-card,.settings-profile-card,.production-settings-card,.payment-status-card,.payment-summary-card,.payment-history-toggle-card,.member-payment-card,.selected-member-card,.event-card,.create-event-card,.reminder-summary-card,.reminder-controls-card,.unpaid-members-card,.member-reminder-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel,.smart-reminder-filters,.smart-reminder-results,.smart-reminder-card,.report-paper,.report-summary-card,.quick-action-card,.empty-state,.pmt-mobile-card,.mem-member-card,.date-picker-popover,.period-picker-popover,.modal-card,.modal-panel,.notification-menu,.profile-dropdown,.working-month-popover){border-color:var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:0 18px 44px #02061747}.dashboard-shell.dark-mode :where(.stat-card,.metric-card,.chart-card,.settings-card,.content-card,.event-card,.member-payment-card,.payment-history-toggle-card,.production-settings-header,.settings-form-actions){background:linear-gradient(180deg, var(--card-bg-elevated) 0%, var(--card-bg) 100%)}.dashboard-shell.dark-mode :where(h1,h2,h3,h4,th,label,strong,.dashboard-title,.workspace-title h2,.section-header h2,.panel-header h2,.chart-card h2,.settings-card-header h2,.content-card-header h2,.account-settings-title,.account-action-title,.payment-status-title,.payment-history-toggle-text h2,.payments-page-header h2,.monthly-contribution-header strong,.event-card-title,.event-chip strong,.production-settings-title,.settings-form-section h3,.pmt-summary-value,.pmt-amount-cell,.pmt-mc-name,.pmt-mc-amount,.pmt-date-line,.mem-table-total,.date-picker-header strong,.period-picker-header strong,.working-month-current strong,.working-month-popover-header strong){color:var(--text-main)}.dashboard-shell.dark-mode :where(p,td,.muted,.dashboard-subtitle,.sidebar-subtitle,.settings-card-header p,.settings-option span,.field span,.create-event-field span,.settings-form-field span,.account-settings-subtitle,.account-action-subtitle,.payment-status-subtitle,.payment-history-toggle-text p,.payments-page-header p,.event-card-subtitle,.event-card-description,.production-settings-subtitle,.settings-form-section p,.pmt-summary-label,.pmt-date-cell,.pmt-ref-cell,.pmt-mc-date,.pmt-mc-ref,.pmt-pagination-info,.mem-subtitle,.mem-field-hint,.reset-password-hint,.fcp-hint,.date-picker-weekdays span,.period-picker-trigger--muted span){color:var(--text-muted)}.dashboard-shell.dark-mode :where(input,select,textarea,.settings-select,.date-picker-trigger,.period-picker-trigger,.mem-form-input,.mem-form-select,.mem-form-textarea){border-color:var(--input-border);background:var(--input-bg);color:var(--text-main)}.dashboard-shell.dark-mode :where(input,textarea)::placeholder{color:#64748b}.dashboard-shell.dark-mode :where(input,select,textarea,.settings-select,.date-picker-trigger,.period-picker-trigger,.mem-form-input,.mem-form-select,.mem-form-textarea):focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa38}.dashboard-shell.dark-mode :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.event-action-secondary,.payment-history-toggle-button,.pmt-page-btn,.pmt-action-trigger,.mem-btn-secondary,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.working-month-year-button,.working-month-option){border-color:var(--input-border);background:var(--input-bg);color:var(--text-body)}.dashboard-shell.dark-mode :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.event-action-secondary,.payment-history-toggle-button,.pmt-page-btn,.pmt-action-trigger,.mem-btn-secondary,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.working-month-year-button,.working-month-option):hover{color:#bfdbfe;background:#3b82f629;border-color:#60a5fa}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.panel:has(table),.content-card:has(table)){border-color:var(--card-border);background:var(--card-bg)}.dashboard-shell.dark-mode :where(table,thead,tbody,tr,td){background:0 0}.dashboard-shell.dark-mode :where(thead,th,.pmt-table thead th,.mem-table th,.monthly-report-table th,.monthly-report-table tfoot th,.reminder-table th,.reminder-history-table th,.reminder-logs-table th){border-color:var(--card-border);background:var(--table-header-bg);color:var(--text-body)}.dashboard-shell.dark-mode :where(td,th,.pmt-table tbody td,.mem-table td,.monthly-report-table td,.reminder-table td,.reminder-history-table td,.reminder-logs-table td){color:var(--text-body);border-bottom-color:#94a3b82e}.dashboard-shell.dark-mode :where(tbody tr:nth-child(2n) td,.pmt-row-alt td,.mem-table tbody tr:nth-child(2n) td,.monthly-report-table tbody tr:nth-child(2n) td){background:var(--table-row-alt)}.dashboard-shell.dark-mode :where(tbody tr:hover td,.pmt-table tbody tr:hover td){background:var(--table-row-hover)}.dashboard-shell.dark-mode :where(.chart-empty,.loading-state,.notice,.toast){border-color:var(--card-border);background:var(--card-bg-elevated);color:var(--text-body)}.dashboard-shell.dark-mode .chart-legend,.dashboard-shell.dark-mode .chart-legend span{color:var(--text-body)}.dashboard-shell.dark-mode .recharts-cartesian-grid line{stroke:var(--chart-grid)}.dashboard-shell.dark-mode .recharts-text,.dashboard-shell.dark-mode .recharts-legend-item-text{fill:var(--chart-muted);color:var(--chart-muted)}.dashboard-shell.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{border-color:var(--chart-tooltip-border)!important;background:var(--chart-tooltip-bg)!important;color:var(--chart-text)!important}.dashboard-shell.dark-mode :where(.pmt-type-badge,.event-chip,.summary-strip span,.payment-summary-breakdown div){color:var(--text-body);background:#94a3b81f;border-color:#94a3b838}.dashboard-shell.dark-mode :where(.pmt-badge--paid,.mem-badge-paid,.status.paid,.status.active){color:#86efac;background:#22c55e29}.dashboard-shell.dark-mode :where(.pmt-badge--pending,.pmt-badge--partial,.mem-badge-partial,.status.partial){color:#fcd34d;background:#f59e0b2e}.dashboard-shell.dark-mode :where(.pmt-badge--other,.mem-badge-pending,.status.failed,.status.cancelled,.status.late){color:#fca5a5;background:#ef444429}.dashboard-shell.dark-mode :where(.date-picker-day,.period-picker-month,.working-month-option){color:var(--text-body)}.dashboard-shell.dark-mode :where(.date-picker-day--today,.date-picker-day:hover:not(:disabled),.period-picker-month:hover,.period-picker-month--selected,.working-month-option.selected){color:#bfdbfe;background:#3b82f62e;border-color:#60a5fa}.dashboard-shell.dark-mode :where(.date-picker-day--selected,.date-picker-day--selected:hover:not(:disabled)){color:#fff;background:#2563eb;border-color:#60a5fa}.dashboard-shell.dark-mode :where(.modal-overlay,.modal-backdrop,.paystack-redirect-overlay){background:#020617c7}.dashboard-shell.dark-mode :where(.mem-page,.pmt-page,.backup-page){color:var(--text-main)}.dashboard-shell.dark-mode .mem-page :where(.mem-card,.msd-card,.mem-add-form,.modal-panel,.member-edit-modal,.reset-password-modal,.login-confirm-panel),.dashboard-shell.dark-mode .pmt-page :where(.pmt-form-card,.pmt-records-card,.payment-summary-card,.pmt-mobile-card,.pmt-action-menu,.date-picker-popover,.period-picker-popover),.dashboard-shell.dark-mode .backup-page :where(.panel,.content-card,.settings-stack>*){border-color:var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:0 18px 44px #02061747}.dashboard-shell.dark-mode .mem-page :where(.mem-card,.mem-add-form),.dashboard-shell.dark-mode .pmt-page :where(.pmt-form-card,.pmt-records-card),.dashboard-shell.dark-mode .backup-page :where(.panel,.content-card){background:linear-gradient(180deg, var(--card-bg-elevated) 0%, var(--card-bg) 100%)}.dashboard-shell.dark-mode .mem-page :where(.mem-page-title,.mem-card-title,.mem-list-row-top strong,.mem-member-info strong,.msd-name,.msd-value,.mem-table-total,.modal-panel h2),.dashboard-shell.dark-mode .pmt-page :where(.pmt-form-title,.pmt-records-title,.pmt-summary-value,.pmt-amount-cell,.pmt-member-cell span,.pmt-date-line,.pmt-mc-name,.pmt-mc-amount),.dashboard-shell.dark-mode .backup-page :where(h1,h2,h3,strong,.panel-header h2){color:var(--text-main)}.dashboard-shell.dark-mode .mem-page :where(.mem-page-count,.mem-muted,.mem-italic,.mem-empty,.mem-member-info span,.mem-info-rows,.msd-role,.msd-label,.msd-empty,.modal-panel p,.field span),.dashboard-shell.dark-mode .pmt-page :where(.pmt-records-month,.pmt-summary-label,.pmt-date-cell,.pmt-time-line,.pmt-ref-cell,.pmt-mc-date,.pmt-mc-ref,.pmt-pagination-info,.pmt-empty-row),.dashboard-shell.dark-mode .backup-page :where(.muted,.field span,.backup-list li){color:var(--text-muted)}.dashboard-shell.dark-mode .mem-page :where(.mem-field label,.mem-add-form .mem-field label,.mem-checkbox-row),.dashboard-shell.dark-mode .pmt-page :where(.pmt-field label),.dashboard-shell.dark-mode .backup-page :where(label,.field span){color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(input,select,textarea,.mem-select,.msd-select,.cs-trigger,.field input,.field select,.field textarea),.dashboard-shell.dark-mode .pmt-page :where(input,select,textarea,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group,.pmt-input-with-prefix),.dashboard-shell.dark-mode .backup-page :where(input,select,textarea){border-color:var(--input-border);background-color:var(--input-bg);background:var(--input-bg);color:var(--text-main)}.dashboard-shell.dark-mode .mem-page :where(input,textarea)::placeholder,.dashboard-shell.dark-mode .pmt-page :where(input,textarea)::placeholder,.dashboard-shell.dark-mode .backup-page :where(input,textarea)::placeholder{color:#64748b}.dashboard-shell.dark-mode .mem-page :where(input,select,textarea,.mem-select,.msd-select,.cs-trigger,.field input,.field select,.field textarea):focus,.dashboard-shell.dark-mode .pmt-page :where(input,select,textarea,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group):focus,.dashboard-shell.dark-mode .pmt-page .pmt-input-group:focus-within,.dashboard-shell.dark-mode .backup-page :where(input,select,textarea):focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa38}.dashboard-shell.dark-mode .mem-page :where(.mem-list-row,.mem-info-rows,.msd-divider,.mem-form-divider,.modal-title-row,.modal-actions),.dashboard-shell.dark-mode .pmt-page :where(.pmt-records-header,.pmt-pagination),.dashboard-shell.dark-mode .backup-page :where(.panel-header){border-color:var(--card-border)}.dashboard-shell.dark-mode .mem-page :where(.mem-list,.mem-list-filters,.mem-table-wrap,.mem-strength-bar),.dashboard-shell.dark-mode .pmt-page :where(.pmt-filter-bar,.pmt-summary-bar,.pmt-table-wrap),.dashboard-shell.dark-mode .backup-page :where(.backup-list li,.notice.warning){border-color:var(--card-border);background:#0f172a6b}.dashboard-shell.dark-mode .mem-page :where(.mem-table,.mem-table tbody,.mem-table tr,.mem-table td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table,.pmt-table tbody,.pmt-table tr,.pmt-table td){background:0 0}.dashboard-shell.dark-mode .mem-page :where(.mem-table th),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table thead th){border-color:var(--card-border);background:var(--table-header-bg);color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(.mem-table td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table tbody td){color:var(--text-body);border-bottom-color:#94a3b82e}.dashboard-shell.dark-mode .mem-page :where(.mem-table tbody tr:nth-child(2n) td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-row-alt td){background:var(--table-row-alt)}.dashboard-shell.dark-mode .mem-page :where(.mem-table tbody tr:hover td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table tbody tr:hover td){background:var(--table-row-hover)}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.icon-button),.dashboard-shell.dark-mode .pmt-page :where(.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month),.dashboard-shell.dark-mode .backup-page :where(.secondary-button){border-color:var(--input-border);background:var(--input-bg);color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.icon-button):hover,.dashboard-shell.dark-mode .pmt-page :where(.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month):hover,.dashboard-shell.dark-mode .backup-page :where(.secondary-button):hover{color:#bfdbfe;background:#3b82f629;border-color:#60a5fa}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-danger,.event-action-danger),.dashboard-shell.dark-mode .pmt-page :where(.pmt-action--danger){background:#ef44441f;border-color:#f8717159;color:#fca5a5!important}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-danger,.event-action-danger):hover,.dashboard-shell.dark-mode .pmt-page :where(.pmt-action--danger):hover{color:#fecaca!important;background:#ef444433!important}.dashboard-shell.dark-mode .mem-page :where(.mem-field--error input,.mem-field--error select,.mem-add-form .mem-field--error input,.mem-add-form .mem-field--error select),.dashboard-shell.dark-mode .pmt-page :where(.field--error input,.field--error select,.field--error textarea){color:var(--text-main);background:#ef44441f;border-color:#ef4444}.dashboard-shell.dark-mode .mem-page :where(.mem-field--valid input,.mem-field--valid select,.mem-add-form .mem-field--valid input,.mem-add-form .mem-field--valid select){border-color:#22c55e}.dashboard-shell.dark-mode .mem-page .mem-checkbox-box{border-color:var(--input-border);background:var(--input-bg)}.dashboard-shell.dark-mode .mem-page .mem-checkbox-input:checked~.mem-checkbox-box{background:#2563eb;border-color:#60a5fa}.dashboard-shell.dark-mode .mem-page .mem-strength-seg{background:#334155}.dashboard-shell.dark-mode .mem-page .mem-warning,.dashboard-shell.dark-mode .backup-page .notice.warning{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b52}.dashboard-shell.dark-mode .mem-page .mem-warning strong{color:#fde68a}.dashboard-shell.dark-mode .mem-page .mem-notice--error{color:#fca5a5;background:#ef444424;border-color:#ef444461}.dashboard-shell.dark-mode .mem-page :where(.cs-menu,.cs-option,.msd-select option),.dashboard-shell.dark-mode .pmt-page :where(.cs-menu,.cs-option,.date-picker-popover,.period-picker-popover,.date-picker-day,.period-picker-month){border-color:var(--card-border);background:var(--card-bg);color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(.cs-option:hover,.cs-option--sel),.dashboard-shell.dark-mode .pmt-page :where(.cs-option:hover,.cs-option--sel,.date-picker-day:hover:not(:disabled),.period-picker-month:hover){color:#bfdbfe;background:#3b82f629}.dashboard-shell.dark-mode .mem-page :where(.cs-placeholder .cs-label,.cs-chevron),.dashboard-shell.dark-mode .pmt-page :where(.cs-placeholder .cs-label,.cs-chevron){color:var(--text-muted)}.dashboard-shell.dark-mode .pmt-page .pmt-input-prefix{border-right-color:var(--input-border);color:var(--text-muted);background:#172033}.dashboard-shell.dark-mode .pmt-page .pmt-input-with-prefix{background:var(--input-bg)}.dashboard-shell.dark-mode .pmt-page .pmt-type-badge{color:var(--text-body);background:#94a3b81f;border:1px solid #94a3b838}.dashboard-shell.dark-mode .pmt-page .pmt-action-menu{box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .backup-page .backup-list li{border-color:var(--card-border);color:var(--text-body);background:#0f172a6b}.dashboard-shell.dark-mode .backup-page input[type=file]::file-selector-button{border:1px solid var(--input-border);color:var(--text-body);background:#172033;border-radius:8px}.dashboard-shell,.dashboard-shell.light-mode{--app-bg:#f8fafc;--card-bg:#fff;--card-bg-elevated:#fff;--card-border:#e2e8f0;--text-main:#020617;--text-body:#334155;--text-muted:#64748b;--input-bg:#fff;--input-border:#cbd5e1;--control-bg:#fff;--control-hover:#f8fafc;--table-header-bg:#f8fafc;--table-row-bg:#fff;--table-row-alt:#f8fafc;--table-row-hover:#f1f5f9;--soft-panel-bg:#f8fafc;--shadow-card:0 8px 22px #0f172a0f;--shadow-menu:0 18px 45px #0f172a29;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border)}.dashboard-shell.dark-mode{--app-bg:#0f172a;--card-bg:#111827;--card-bg-elevated:#162033;--card-border:#334155;--text-main:#f8fafc;--text-body:#cbd5e1;--text-muted:#94a3b8;--input-bg:#0f172a;--input-border:#475569;--control-bg:#0f172a;--control-hover:#1e293b;--table-header-bg:#1e293b;--table-row-bg:#111827;--table-row-alt:#172033;--table-row-hover:#1e293b;--soft-panel-bg:#0f172a7a;--shadow-card:0 18px 44px #02061747;--shadow-menu:0 24px 70px #02061780;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border)}.dashboard-shell,.dashboard-shell :where(.workspace,.dashboard-main,.member-dashboard-clean,.member-payments-page,.reminders-page,.monthly-report-page,.settings-page,.special-events-page,.backup-page){background:var(--app-bg);color:var(--text-main)}.dashboard-shell :where(.mobile-topbar,.workspace-header,.sidebar,.dashboard-sidebar,.sidebar.open,.user-panel,.month-control,.content-card,.panel,.chart-card,.metric-card,.stat-card,.settings-card,.settings-profile-card,.production-settings-card,.payment-status-card,.payment-summary-card,.payment-history-toggle-card,.member-payment-card,.selected-member-card,.event-card,.create-event-card,.reminder-summary-card,.reminder-controls-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel,.smart-reminder-filters,.smart-reminder-results,.smart-reminder-card,.member-reminder-card,.report-paper,.report-summary-card,.report-member-card,.quick-action-card,.empty-state,.mem-card,.pmt-form-card,.pmt-records-card,.pmt-mobile-card,.modal-card,.modal-panel,.notification-menu,.profile-dropdown,.working-month-popover,.date-picker-popover,.period-picker-popover,.cs-menu,.pmt-action-menu){border-color:var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:var(--shadow-card)}.dashboard-shell.dark-mode :where(.content-card,.panel,.chart-card,.metric-card,.stat-card,.settings-card,.mem-card,.pmt-form-card,.pmt-records-card,.reminder-summary-card,.reminder-activity-card,.report-paper){background:linear-gradient(180deg, var(--card-bg-elevated) 0%, var(--card-bg) 100%)}.dashboard-shell :where(h1,h2,h3,h4,th,label,strong,.dashboard-title,.workspace-title h2,.mobile-topbar strong,.sidebar h1,.sidebar-brand,.user-panel strong,.panel-header h2,.content-card-header h2,.chart-card h2,.settings-card-header h2,.mem-page-title,.mem-card-title,.mem-list-row-top strong,.mem-member-info strong,.msd-name,.msd-value,.mem-table-total,.pmt-form-title,.pmt-records-title,.pmt-summary-value,.pmt-amount-cell,.pmt-member-cell span,.pmt-date-line,.pmt-mc-name,.pmt-mc-amount,.reminders-header h1,.reminder-summary-card strong,.reminder-activity-header h2,.reminder-activity-stat strong,.reminder-card-head strong,.rc-name,.report-heading h2,.report-summary-card strong,.report-member-card-head strong,.report-member-rows strong){color:var(--text-main)}.dashboard-shell :where(p,td,.muted,.dashboard-subtitle,.sidebar-subtitle,.user-panel span,.notification-item p,.notification-item small,.field span,.settings-option span,.mem-page-count,.mem-muted,.mem-italic,.mem-empty,.mem-member-info span,.msd-role,.msd-label,.msd-empty,.pmt-records-month,.pmt-summary-label,.pmt-time-line,.pmt-ref-cell,.pmt-mc-date,.pmt-mc-ref,.pmt-pagination-info,.pmt-empty-row,.reminders-header p,.reminder-summary-card span:not(.reminder-summary-icon),.reminder-activity-header p,.reminder-activity-stat span,.reminder-card-head span,.reminder-amount-grid span,.rc-contact,.rc-finance-detail,.report-subtitle,.report-summary-card span,.report-member-rows span,.backup-list li){color:var(--text-muted)}.dashboard-shell :where(.mem-field label,.mem-add-form .mem-field label,.pmt-field label,.create-event-field span,.settings-form-field span,.filter-section-title,.select-all-row,.bulk-reminder-actions span){color:var(--text-body)}.dashboard-shell :where(input,select,textarea,.settings-select,.mem-select,.msd-select,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group,.pmt-input-with-prefix){border-color:var(--input-border);background:var(--input-bg);color:var(--text-main)}.dashboard-shell :where(input,textarea)::placeholder{color:var(--text-muted)}.dashboard-shell :where(input,select,textarea,.settings-select,.mem-select,.msd-select,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group):focus,.dashboard-shell .pmt-input-group:focus-within,.dashboard-shell .cs-wrap.cs-open .cs-trigger{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f62e}.dashboard-shell :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.filter-reset-btn,.reminder-log-toggle,.rc-preview-btn,.rc-copy-btn,.report-actions .secondary-button,.icon-button){border-color:var(--input-border);background:var(--control-bg);color:var(--text-body)}.dashboard-shell :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.filter-reset-btn,.reminder-log-toggle,.rc-preview-btn,.rc-copy-btn,.report-actions .secondary-button,.icon-button):hover{background:var(--control-hover);color:var(--primary);border-color:#60a5fa}.dashboard-shell :where(.primary-button,.hamburger-button,.mem-btn-primary,.mem-btn-success,.pmt-submit-btn,.rc-send-btn){color:#fff}.dashboard-shell :where(.mem-btn-danger,.event-action-danger,.danger-button){background:var(--control-bg);color:#dc2626;border-color:#fecaca}.dashboard-shell.dark-mode :where(.mem-btn-danger,.event-action-danger,.danger-button){color:#fca5a5;background:#ef44441f;border-color:#f871715c}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel){border-color:var(--card-border);background:var(--card-bg);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel){scrollbar-color:#475569 transparent}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar{width:10px;height:10px}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-track{background:#f1f5f9}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-track{background:#0f172a}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:3px solid #0000;border-radius:999px}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb{background-color:#475569}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb:hover{background-color:#64748b}.dashboard-shell :where(table,thead,tbody,tr){background:0 0}.dashboard-shell :where(th,.pmt-table thead th,.mem-table th,.monthly-report-table th,.monthly-report-table tfoot th,.reminder-table th,.reminder-history-table th,.reminder-logs-table th){border-color:var(--card-border);background:var(--table-header-bg);color:var(--text-body)}.dashboard-shell :where(td,.pmt-table tbody td,.mem-table td,.monthly-report-table td,.reminder-table td,.reminder-history-table td,.reminder-logs-table td){border-bottom-color:var(--card-border);background:var(--table-row-bg);color:var(--text-body)}.dashboard-shell :where(tbody tr:nth-child(2n) td,.pmt-row-alt td,.mem-table tbody tr:nth-child(2n) td,.monthly-report-table tbody tr:nth-child(2n) td){background:var(--table-row-alt)}.dashboard-shell :where(tbody tr:hover td,.pmt-table tbody tr:hover td){background:var(--table-row-hover)}.dashboard-shell :where(.mem-list,.mem-list-filters,.pmt-filter-bar,.pmt-summary-bar,.bulk-reminder-bar,.reminder-activity-stat,.reminder-message-preview,.backup-list li,.chart-empty,.loading-state,.notice,.toast){border-color:var(--card-border);background:var(--soft-panel-bg);color:var(--text-body)}.dashboard-shell :where(.cs-option,.date-picker-day,.period-picker-month,.working-month-option,.pmt-action-menu li button){color:var(--text-body)}.dashboard-shell :where(.cs-option:hover,.cs-option--sel,.date-picker-day:hover:not(:disabled),.period-picker-month:hover,.working-month-option:hover){background:var(--table-row-hover);color:var(--primary)}.dashboard-shell :where(.cs-placeholder .cs-label,.cs-chevron){color:var(--text-muted)}.dashboard-shell .pmt-input-prefix{border-right-color:var(--input-border);background:var(--soft-panel-bg);color:var(--text-muted)}.dashboard-shell :where(.pmt-type-badge,.event-chip,.reminder-type-badge,.reminder-status-badge,.method-badge){border-color:var(--card-border);background:var(--soft-panel-bg);color:var(--text-body)}.dashboard-shell :where(.status.paid,.status.active,.pmt-badge--paid,.mem-badge-paid,.reminder-status-badge.paid){color:#15803d;background:#dcfce7}.dashboard-shell.dark-mode :where(.status.paid,.status.active,.pmt-badge--paid,.mem-badge-paid,.reminder-status-badge.paid){color:#86efac;background:#22c55e29}.dashboard-shell :where(.status.partial,.pmt-badge--partial,.mem-badge-partial,.reminder-status-badge.partial){color:#b45309;background:#fef3c7}.dashboard-shell.dark-mode :where(.status.partial,.pmt-badge--partial,.mem-badge-partial,.reminder-status-badge.partial){color:#fcd34d;background:#f59e0b2e}.dashboard-shell :where(.status.unpaid,.status.pending,.pmt-badge--pending,.mem-badge-unpaid,.mem-badge-pending,.reminder-status-badge.unpaid){color:#dc2626;background:#fee2e2}.dashboard-shell.dark-mode :where(.status.unpaid,.status.pending,.pmt-badge--pending,.mem-badge-unpaid,.mem-badge-pending,.reminder-status-badge.unpaid){color:#fca5a5;background:#ef444429}.dashboard-shell :where(.mem-warning,.notice.warning){color:#92400e;background:#fffbeb;border-color:#fde68a}.dashboard-shell.dark-mode :where(.mem-warning,.notice.warning){color:#fcd34d;background:#f59e0b24;border-color:#f59e0b52}.dashboard-shell :where(.mem-notice--error,.notice.error){color:#dc2626;background:#fef2f2;border-color:#fecaca}.dashboard-shell.dark-mode :where(.mem-notice--error,.notice.error){color:#fca5a5;background:#ef444424;border-color:#ef444461}.dashboard-shell .sidebar,.dashboard-shell .dashboard-sidebar{border-right-color:var(--card-border);background:var(--card-bg)}.dashboard-shell .sidebar-top{min-height:0;padding:16px 16px 10px;overflow-y:auto}.dashboard-shell .user-panel,.dashboard-shell .dashboard-sidebar .user-panel{border-top:1px solid var(--card-border);background:var(--card-bg);gap:8px;margin-top:auto;padding:12px 16px;display:grid}.dashboard-shell .user-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.dashboard-shell .user-panel button{width:100%;min-height:36px;padding:8px 10px}.dashboard-shell .nav-list button{color:var(--text-body)}.dashboard-shell .nav-list button.active,.dashboard-shell .nav-list button:hover{background:var(--primary-soft);color:var(--primary)}.dashboard-shell .mobile-topbar,.dashboard-shell .workspace-header{border-color:var(--card-border);background:color-mix(in srgb, var(--card-bg) 94%, transparent)}.dashboard-shell .notification-item,.dashboard-shell .profile-dropdown-item{border-color:var(--card-border);background:var(--card-bg);color:var(--text-main)}.dashboard-shell .notification-item:hover,.dashboard-shell .profile-dropdown-item:hover,.dashboard-shell .notification-item.unread{background:var(--table-row-hover)}.dashboard-shell .backup-page input[type=file]::file-selector-button{border:1px solid var(--input-border);background:var(--control-bg);color:var(--text-body);border-radius:8px;margin-right:12px}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]){appearance:none;color:#fff;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex:0 0 18px;place-content:center;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;transition:background-color .15s,border-color .15s,box-shadow .15s;display:grid}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):before{content:"";transform-origin:50%;border-bottom:2px solid;border-right:2px solid;width:5px;height:9px;margin-top:-2px;transition:transform .12s;transform:rotate(45deg)scale(0)}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):hover:not(:disabled){border-color:#60a5fa}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):checked{background:#2563eb;border-color:#2563eb}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):checked:before{transform:rotate(45deg)scale(1)}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):disabled{cursor:not-allowed;opacity:.55}.dashboard-shell.dark-mode :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]){background:#1e293b;border-color:#475569}.dashboard-shell.dark-mode :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):checked{background:#3b82f6;border-color:#3b82f6}.dashboard-shell .mem-checkbox-box{background:#fff;border-color:#cbd5e1}.dashboard-shell .mem-checkbox-row:hover .mem-checkbox-box{border-color:#60a5fa}.dashboard-shell .mem-checkbox-input:focus-visible~.mem-checkbox-box{box-shadow:0 0 0 3px #2563eb33}.dashboard-shell .mem-checkbox-input:checked~.mem-checkbox-box{background:#2563eb;border-color:#2563eb}.dashboard-shell.dark-mode .mem-checkbox-box{background:#1e293b;border-color:#475569}.dashboard-shell.dark-mode .mem-checkbox-input:checked~.mem-checkbox-box{background:#3b82f6;border-color:#3b82f6}.dashboard-shell.light-mode .notification-menu,.dashboard-shell .notification-menu{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 18px 45px #0f172a29}.dashboard-shell.light-mode .notification-menu-header,.dashboard-shell .notification-menu-header{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.dashboard-shell.light-mode .notification-menu-header strong,.dashboard-shell .notification-menu-header strong,.dashboard-shell.light-mode .notification-item span,.dashboard-shell .notification-item span{color:#0f172a}.dashboard-shell.light-mode .notification-menu-header button,.dashboard-shell .notification-menu-header button{color:#2563eb}.dashboard-shell.light-mode .notification-list,.dashboard-shell .notification-list{background:#fff}.dashboard-shell.light-mode .notification-item,.dashboard-shell .notification-item{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.dashboard-shell.light-mode .notification-item p,.dashboard-shell .notification-item p,.dashboard-shell.light-mode .notification-item small,.dashboard-shell .notification-item small,.dashboard-shell.light-mode .notification-empty,.dashboard-shell .notification-empty{color:#64748b}.dashboard-shell.light-mode .notification-item:hover,.dashboard-shell .notification-item:hover{color:#0f172a;background:#f8fafc}.dashboard-shell.light-mode .notification-item.unread,.dashboard-shell .notification-item.unread{background:#eff6ff}.dashboard-shell.light-mode .notification-bell,.dashboard-shell .notification-bell{color:#334155;background:#fff;border-color:#e2e8f0}.dashboard-shell.light-mode .notification-bell:hover,.dashboard-shell .notification-bell:hover{color:#2563eb;background:#f8fafc;border-color:#60a5fa}.dashboard-shell.dark-mode .notification-menu{color:#f1f5f9;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .notification-menu-header{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.dashboard-shell.dark-mode .notification-menu-header strong,.dashboard-shell.dark-mode .notification-item span{color:#f1f5f9}.dashboard-shell.dark-mode .notification-menu-header button{color:#93c5fd}.dashboard-shell.dark-mode .notification-list{background:#111827}.dashboard-shell.dark-mode .notification-item{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.dashboard-shell.dark-mode .notification-item p,.dashboard-shell.dark-mode .notification-item small,.dashboard-shell.dark-mode .notification-empty{color:#94a3b8}.dashboard-shell.dark-mode .notification-item:hover{color:#f1f5f9;background:#1e293b}.dashboard-shell.dark-mode .notification-item.unread{background:#3b82f629}.dashboard-shell.dark-mode .notification-bell{color:#f1f5f9;background:#0f172a;border-color:#334155}.dashboard-shell.dark-mode .notification-bell:hover{color:#93c5fd;background:#1e293b;border-color:#60a5fa}.notification-wrap.notification-theme-light,.notification-menu.notification-theme-light,.notification-list.notification-theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.notification-wrap.notification-theme-dark,.notification-menu.notification-theme-dark,.notification-list.notification-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.notification-menu.notification-theme-light{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 18px 45px #0f172a29}.notification-menu-header.notification-theme-light{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.notification-menu-header.notification-theme-light strong,.notification-item.notification-theme-light span{color:#0f172a}.notification-action.notification-theme-light{color:#2563eb}.notification-list.notification-theme-light{background:#fff}.notification-item.notification-theme-light{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.notification-item.notification-theme-light p,.notification-item.notification-theme-light small,.notification-empty.notification-theme-light{color:#64748b}.notification-item.notification-theme-light:hover{color:#0f172a;background:#f8fafc}.notification-item.notification-theme-light.unread{background:#eff6ff}.notification-bell.notification-theme-light{color:#334155;background:#fff;border-color:#e2e8f0}.notification-bell.notification-theme-light:hover{color:#2563eb;background:#f8fafc;border-color:#60a5fa}.notification-menu.notification-theme-dark{color:#f1f5f9;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}.notification-menu-header.notification-theme-dark{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.notification-menu-header.notification-theme-dark strong,.notification-item.notification-theme-dark span{color:#f1f5f9}.notification-action.notification-theme-dark{color:#93c5fd}.notification-list.notification-theme-dark{background:#111827}.notification-item.notification-theme-dark{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.notification-item.notification-theme-dark p,.notification-item.notification-theme-dark small,.notification-empty.notification-theme-dark{color:#94a3b8}.notification-item.notification-theme-dark:hover{color:#f1f5f9;background:#1e293b}.notification-item.notification-theme-dark.unread{background:#3b82f629}.notification-bell.notification-theme-dark{color:#f1f5f9;background:#0f172a;border-color:#334155}.notification-bell.notification-theme-dark:hover{color:#93c5fd;background:#1e293b;border-color:#60a5fa}.dashboard-shell{--semantic-blue:#2563eb;--semantic-blue-soft:#eff6ff;--semantic-blue-border:#bfdbfe;--semantic-green:#16a34a;--semantic-green-soft:#f0fdf4;--semantic-green-border:#bbf7d0;--semantic-orange:#d97706;--semantic-orange-soft:#fff7ed;--semantic-orange-border:#fed7aa;--semantic-red:#dc2626;--semantic-red-soft:#fef2f2;--semantic-red-border:#fecaca;--semantic-gray:#64748b;--semantic-gray-soft:#f8fafc;--semantic-gray-border:#e2e8f0}.dashboard-shell.dark-mode{--semantic-blue:#93c5fd;--semantic-blue-soft:#3b82f624;--semantic-blue-border:#60a5fa47;--semantic-green:#86efac;--semantic-green-soft:#22c55e24;--semantic-green-border:#4ade8047;--semantic-orange:#fdba74;--semantic-orange-soft:#f59e0b24;--semantic-orange-border:#fbbf2447;--semantic-red:#fca5a5;--semantic-red-soft:#ef444424;--semantic-red-border:#f8717147;--semantic-gray:#cbd5e1;--semantic-gray-soft:#94a3b81a;--semantic-gray-border:#94a3b838}.dashboard-page .stat-card,.member-dashboard-clean .stat-card{border:1px solid var(--card-border,var(--border));border-left:1px solid var(--card-border,var(--border));border-top:4px solid var(--stat-accent,var(--semantic-blue));background:var(--card-bg,var(--card));border-radius:14px;position:relative;box-shadow:0 10px 24px #0f172a0f}.dashboard-shell.dark-mode .dashboard-page .stat-card,.dashboard-shell.dark-mode .member-dashboard-clean .stat-card{background:var(--card-bg);box-shadow:0 16px 34px #02061747}.dashboard-page .stat-card.neutral,.member-dashboard-clean .stat-card.neutral,.dashboard-page .stat-card.pending,.member-dashboard-clean .stat-card.pending{--stat-accent:var(--semantic-blue);--stat-soft:var(--semantic-blue-soft);--stat-border:var(--semantic-blue-border);--stat-text:var(--semantic-blue)}.dashboard-page .stat-card.paid,.dashboard-page .stat-card.collected,.member-dashboard-clean .stat-card.paid,.member-dashboard-clean .stat-card.collected{--stat-accent:var(--semantic-green);--stat-soft:var(--semantic-green-soft);--stat-border:var(--semantic-green-border);--stat-text:var(--semantic-green)}.dashboard-page .stat-card.partial,.member-dashboard-clean .stat-card.partial{--stat-accent:var(--semantic-orange);--stat-soft:var(--semantic-orange-soft);--stat-border:var(--semantic-orange-border);--stat-text:var(--semantic-orange)}.dashboard-page .stat-card.outstanding,.dashboard-page .stat-card.late,.member-dashboard-clean .stat-card.outstanding,.member-dashboard-clean .stat-card.late{--stat-accent:var(--semantic-red);--stat-soft:var(--semantic-red-soft);--stat-border:var(--semantic-red-border);--stat-text:var(--semantic-red)}.dashboard-page .stat-card .stat-icon-box,.member-dashboard-clean .stat-card .stat-icon-box{border:1px solid var(--stat-border);background:var(--stat-soft);color:var(--stat-text)!important}.dashboard-page .stat-card strong,.member-dashboard-clean .stat-card strong{color:var(--text-main,var(--text));letter-spacing:0}.dashboard-page .stat-card>span:not(.stat-icon-box),.member-dashboard-clean .stat-card>span:not(.stat-icon-box){color:var(--text-body,#334155);font-weight:760}.dashboard-page .stat-card p,.member-dashboard-clean .stat-card p{color:var(--text-muted,var(--muted));font-weight:650}.dashboard-page .summary-strip span,.payment-meta-chip,.monthly-meta-chips span,.event-chip,.pmt-type-badge,.method-badge{border-color:var(--semantic-gray-border);background:var(--semantic-gray-soft);color:var(--semantic-gray)}.status,.mem-badge,.pmt-badge,.reminder-status-badge,.reminder-type-badge{border:1px solid #0000}.status.paid,.status.active,.pmt-badge--paid,.mem-badge-paid,.reminder-status-badge.paid,.payment-meta-chip.paid,.payment-meta-chip.collected,.payment-meta-chip.balance{border-color:var(--semantic-green-border);background:var(--semantic-green-soft);color:var(--semantic-green)}.status.partial,.pmt-badge--partial,.mem-badge-partial,.reminder-status-badge.partial,.payment-meta-chip.due{border-color:var(--semantic-orange-border);background:var(--semantic-orange-soft);color:var(--semantic-orange)}.status.unpaid,.status.pending,.status.late,.status.cancelled,.status.failed,.pmt-badge--pending,.pmt-badge--other,.mem-badge-unpaid,.mem-badge-overdue,.mem-badge-pending,.reminder-status-badge.unpaid,.payment-meta-chip.outstanding{border-color:var(--semantic-red-border);background:var(--semantic-red-soft);color:var(--semantic-red)}.reminder-type-badge.monthly,.payment-meta-chip:not(.due):not(.paid):not(.collected):not(.balance):not(.outstanding){border-color:var(--semantic-blue-border);background:var(--semantic-blue-soft);color:var(--semantic-blue)}.chart-card{border-color:var(--card-border,var(--border));background:var(--card-bg,var(--card));box-shadow:0 10px 24px #0f172a0f}.dashboard-shell.dark-mode .chart-card{background:var(--card-bg);box-shadow:0 16px 34px #02061747}.chart-legend span{color:var(--text-muted,var(--muted));font-weight:700}.dashboard-page .trend-chart-card{--chart-primary:var(--semantic-green)}:root{--motion-fast:.14s;--motion-medium:.24s;--motion-slow:.34s;--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-press:cubic-bezier(.2, 0, .2, 1)}.page-transition-shell{min-width:0;animation:page-enter var(--motion-slow) var(--motion-ease) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-enter{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes menu-enter{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-surface-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes sidebar-slide-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes row-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-shell :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.mem-card,.pmt-form-card,.pmt-records-card,.pmt-mobile-card,.reminder-summary-card,.reminder-controls-card,.reminder-activity-card,.report-paper,.report-summary-card,.quick-action-card,.member-payment-card,.selected-member-card){transition:transform var(--motion-medium) var(--motion-ease), box-shadow var(--motion-medium) var(--motion-ease), border-color var(--motion-medium) var(--motion-ease), background-color var(--motion-medium) var(--motion-ease), color var(--motion-fast) ease}.dashboard-shell :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.mem-card,.pmt-form-card,.pmt-records-card,.reminder-summary-card,.reminder-controls-card,.reminder-activity-card,.report-paper,.report-summary-card,.member-payment-card,.selected-member-card):hover{transform:translateY(-2px);box-shadow:0 16px 34px #0f172a1a}.dashboard-shell.dark-mode :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.mem-card,.pmt-form-card,.pmt-records-card,.reminder-summary-card,.reminder-controls-card,.reminder-activity-card,.report-paper,.report-summary-card,.member-payment-card,.selected-member-card):hover{box-shadow:0 20px 42px #0206175c}.dashboard-shell :where(button,.primary-button,.secondary-button,.danger-button,.icon-button,.mobile-icon-button,.notification-bell,.profile-pill,.working-month-pill,.date-picker-trigger,.period-picker-trigger,.cs-trigger,.quick-action-card){transition:transform var(--motion-fast) var(--motion-press), box-shadow var(--motion-medium) var(--motion-ease), border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease}.dashboard-shell :where(button,.primary-button,.secondary-button,.danger-button,.icon-button,.mobile-icon-button,.notification-bell,.profile-pill,.working-month-pill,.date-picker-trigger,.period-picker-trigger,.cs-trigger,.quick-action-card):active{transform:scale(.98)}.dashboard-shell :where(.quick-action-card,.profile-pill,.notification-bell,.mobile-icon-button):hover{transform:translateY(-1px)}.dashboard-shell .quick-action-card:active,.dashboard-shell.dark-mode .quick-action-card:active{border-color:#60a5fa;transform:translateY(0)scale(.98);box-shadow:0 6px 16px #2563eb29}.notification-menu,.profile-dropdown,.working-month-popover,.date-picker-popover,.period-picker-popover,.cs-menu,.pmt-action-menu{transform-origin:100% 0;animation:menu-enter var(--motion-medium) var(--motion-ease) both;will-change:opacity, transform}.modal-overlay,.modal-backdrop,.sidebar-overlay{animation:overlay-fade var(--motion-medium) var(--motion-ease) both}.modal-card,.modal-panel,.member-edit-modal,.reset-password-modal,.login-confirm-panel{animation:modal-surface-enter var(--motion-medium) var(--motion-ease) both;will-change:opacity, transform}.sidebar.open{animation:sidebar-slide-in var(--motion-slow) var(--motion-ease) both;will-change:opacity, transform}.loading-state,.empty-state,.toast,.notice,.skeleton-card{animation:surface-enter var(--motion-medium) var(--motion-ease) both}.dashboard-shell :where(tbody tr,.preview-row,.smart-reminder-card,.mem-list-row,.pmt-mobile-card,.report-member-card,.reminder-history-card){animation:row-enter var(--motion-medium) var(--motion-ease) both}.dashboard-shell :where(input,select,textarea,.cs-trigger,.date-picker-trigger,.period-picker-trigger){transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease}.app-modal-overlay{z-index:9999;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.app-modal-content{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}.app-modal-content.modal-card,.app-modal-content.modal-panel{max-height:90vh;overflow-y:auto}.app-modal-content.member-edit-modal{width:min(720px,100vw - 32px)}.app-modal-content.member-edit-modal .modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.modal-form-shell{display:contents}.dashboard-shell.dark-mode.app-modal-overlay .app-modal-content,.dashboard-shell.dark-mode.app-modal-overlay .member-edit-modal-actions{border-color:var(--card-border);background:var(--card-bg);color:var(--text-main)}.dashboard-shell.dark-mode.app-modal-overlay .modal-title-row,.dashboard-shell.dark-mode.app-modal-overlay .member-edit-modal-actions{border-color:var(--card-border)}@media (width<=640px){.app-modal-overlay{align-items:flex-end;padding:0}.app-modal-content.modal-card,.app-modal-content.modal-panel{border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:90vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-transition-shell,.dashboard-shell :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.quick-action-card,button){transform:none!important}}