:root{color-scheme:light;--bg: #F7F6F2;--surface: #FFFFFF;--surface-2: #EFEDE7;--surface-3: #E7E4DB;--ink: #182420;--ink-mid: #3E4B45;--muted: #67746D;--faint: #96A099;--border: #E2E0D8;--border-strong: #C7C5BB;--primary: #0C7B5F;--primary-strong: #085C47;--primary-contrast: #FFFFFF;--primary-soft: #E4F1EB;--primary-border: #B9DACC;--gold: #9C6F1E;--gold-soft: #F6EFDC;--gold-border: #E2CD9C;--danger: #B23A31;--danger-soft: #F8ECEA;--danger-border: #E8C2BC;--info: #2A5DA8;--info-soft: #EAF1F9;--info-border: #BCD1E9;--shadow-sm: 0 1px 3px rgba(24, 36, 32, .07);--shadow-md: 0 6px 24px rgba(24, 36, 32, .09);--overlay: rgba(20, 28, 24, .45);--radius: 12px;--radius-sm: 9px;--font: "IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0F1512;--surface: #161D19;--surface-2: #1D2620;--surface-3: #26302A;--ink: #E6ECE8;--ink-mid: #C2CCC6;--muted: #8C9B93;--faint: #64716A;--border: #28322C;--border-strong: #3B473F;--primary: #43BD96;--primary-strong: #63D2AD;--primary-contrast: #0B1A14;--primary-soft: #173129;--primary-border: #275946;--gold: #D3A64F;--gold-soft: #2E2716;--gold-border: #57451F;--danger: #E27A70;--danger-soft: #361D1A;--danger-border: #5C2F29;--info: #7FA9E0;--info-soft: #1A2634;--info-border: #2E4560;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 6px 24px rgba(0, 0, 0, .45);--overlay: rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0F1512;--surface: #161D19;--surface-2: #1D2620;--surface-3: #26302A;--ink: #E6ECE8;--ink-mid: #C2CCC6;--muted: #8C9B93;--faint: #64716A;--border: #28322C;--border-strong: #3B473F;--primary: #43BD96;--primary-strong: #63D2AD;--primary-contrast: #0B1A14;--primary-soft: #173129;--primary-border: #275946;--gold: #D3A64F;--gold-soft: #2E2716;--gold-border: #57451F;--danger: #E27A70;--danger-soft: #361D1A;--danger-border: #5C2F29;--info: #7FA9E0;--info-soft: #1A2634;--info-border: #2E4560;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 6px 24px rgba(0, 0, 0, .45);--overlay: rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;min-height:100vh}button{font-family:inherit;color:inherit}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.page{max-width:880px;margin-inline:auto;padding:28px 20px 8px}.page-narrow{max-width:600px}.page-wide{max-width:980px}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.footer{text-align:center;padding:34px 20px;font-size:12px;color:var(--faint);line-height:1.8}.nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:20}.nav-inner{max-width:880px;margin-inline:auto;padding:10px 20px;display:flex;align-items:center;gap:8px;min-height:58px}.nav-brand{display:inline-flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.nav-brand svg{display:block}.nav-brand-name{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.nav-spacer{flex:1}.nav-user{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-mid)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}@media (max-width: 560px){.nav-user-name,.icon-btn-label{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.btn-solid-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}.btn-gold:hover:not(:disabled){filter:brightness(1.07)}.btn-sm{min-height:34px;padding:5px 13px;font-size:13px}.btn-lg{min-height:48px;padding:12px 24px;font-size:15px}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.card-tight{padding:0;overflow:hidden}.card-primary{background:var(--primary-soft);border-color:var(--primary-border)}.card-gold{background:var(--gold-soft);border-color:var(--gold-border)}.card-danger-outline{border-color:var(--danger-border)}.section-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid;white-space:nowrap}.badge-primary{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-border)}.badge-gold{color:var(--gold);background:var(--gold-soft);border-color:var(--gold-border)}.badge-muted{color:var(--muted);background:var(--surface-2);border-color:var(--border)}.badge-info{color:var(--info);background:var(--info-soft);border-color:var(--info-border)}.badge-danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--ink-mid)}.field-hint{font-size:12px;color:var(--muted);line-height:1.5}.input{width:100%;min-height:44px;padding:10px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-size:15px;transition:border-color .15s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input::placeholder{color:var(--faint)}textarea.input{min-height:0;resize:vertical;line-height:1.5}.form-row{display:grid;gap:14px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-2-1{grid-template-columns:2fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 480px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6;border:1px solid}.alert-error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.alert-info{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary)}.link-btn{background:none;border:none;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;padding:8px;border-radius:var(--radius-sm)}.link-btn:hover{text-decoration:underline}.avatar{border-radius:50%;background:var(--primary-soft);border:1.5px solid var(--primary-border);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-gold{background:var(--gold-soft);border-color:var(--gold-border);color:var(--gold)}.empty{padding:40px 20px;text-align:center;color:var(--muted);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty svg{opacity:.45;margin-bottom:10px}.empty-text{font-size:13px;line-height:1.7;max-width:420px;margin-inline:auto}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}@media (max-width: 400px){.grid-cards{grid-template-columns:1fr}}.group-card{display:flex;flex-direction:column;gap:12px}.group-card-head{display:flex;align-items:flex-start;gap:12px}.group-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:17px;font-weight:700;color:var(--ink)}.group-card-meta{font-size:12.5px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}.group-card-sub{font-size:12px;color:var(--faint);margin-top:1px}.group-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.group-card-actions .spacer{flex:1}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 640px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{padding:11px 13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.stat-label{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px;font-weight:600}.stat-value{font-size:15.5px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.tabs{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:9px 14px;border:none;border-radius:9px;background:transparent;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap;transition:color .15s,background-color .15s}.tab:hover{color:var(--ink)}.tab.is-active{color:var(--primary);font-weight:700;background:var(--surface);box-shadow:var(--shadow-sm)}.segmented{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:11px;padding:4px}.segment{flex:1;padding:9px 14px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--muted);transition:color .15s,background-color .15s}.segment.is-active{background:var(--primary);color:var(--primary-contrast);font-weight:700}.month-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}@media (max-width: 420px){.month-grid{grid-template-columns:repeat(2,1fr)}}.month-cell{padding:11px 13px;border-radius:var(--radius-sm);text-align:start;cursor:pointer;background:var(--surface);border:1.5px solid var(--border-strong);transition:border-color .15s,background-color .15s;min-height:58px}.month-cell:hover:not(:disabled){border-color:var(--primary)}.month-cell:disabled{cursor:not-allowed;background:var(--surface-2);border-color:var(--border);opacity:.65}.month-cell-name{font-size:13.5px;font-weight:700;color:var(--ink)}.month-cell-owner{font-size:11.5px;margin-top:2px;color:var(--primary)}.month-cell:disabled .month-cell-owner{color:var(--muted)}.month-cell.is-mine{background:var(--gold-soft);border-color:var(--gold-border)}.month-cell.is-mine .month-cell-owner{color:var(--gold)}.month-cell.is-half{background:var(--info-soft);border-color:var(--info-border)}.month-cell.is-half .month-cell-owner{color:var(--info)}.month-cell.is-selected{background:var(--primary);border-color:var(--primary-strong)}.month-cell.is-selected .month-cell-name,.month-cell.is-selected .month-cell-owner{color:var(--primary-contrast)}.schedule-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;padding:13px 16px;border-radius:var(--radius);background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.schedule-row.is-current{background:var(--primary-soft);border-color:var(--primary-border)}.schedule-row.is-mine{background:var(--gold-soft);border-color:var(--gold-border)}.schedule-row.is-past{opacity:.72}.turn-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;background:var(--primary);color:var(--primary-contrast);font-variant-numeric:tabular-nums}.turn-dot.is-gold{background:var(--gold);color:#fff}.turn-dot.is-empty{background:var(--surface-2);border:1.5px dashed var(--border-strong)}.schedule-main{flex:1;min-width:0}.schedule-month{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;font-weight:700;color:var(--ink)}.schedule-recipient{font-size:12.5px;color:var(--muted);margin-top:2px}.schedule-recipient.is-unassigned{color:var(--faint)}.schedule-count{text-align:center;flex-shrink:0}.schedule-count-value{font-size:14px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.schedule-count-value.is-complete{color:var(--primary)}.schedule-count-label{font-size:9.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.5px}.schedule-sendto{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.pay-head{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--surface);border:none;cursor:pointer;text-align:start;transition:background-color .15s}.pay-head:hover,.pay-head.is-open{background:var(--surface-2)}.pay-head-main{flex:1;min-width:0}.pay-head-month{font-size:14.5px;font-weight:700;color:var(--ink)}.pay-head-sub{font-size:12px;color:var(--muted);margin-top:1px}.pay-chevron{color:var(--faint);transition:transform .15s;flex-shrink:0}.pay-head.is-open .pay-chevron{transform:rotate(180deg)}.progress{height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin:0 16px}.progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.pay-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px}.pay-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.pay-row-name{flex:1;min-width:120px;font-size:13.5px;font-weight:600;color:var(--ink)}.pay-row-status{font-size:12px;font-weight:700;color:var(--muted)}.pay-row-status.is-paid{color:var(--primary)}.pay-row-dues{font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.member-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap}.member-main{flex:1;min-width:150px}.member-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;font-weight:700;color:var(--ink)}.member-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.member-contact{direction:ltr;unicode-bidi:isolate;text-align:start}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fade-in .15s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:22px;max-width:400px;width:100%}.modal-title{font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:8px}.modal-body{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.auth-hero{text-align:center;padding-top:16px}.auth-logo{display:inline-flex;margin-bottom:14px}.auth-title{font-size:34px;font-weight:700;color:var(--ink);letter-spacing:-.4px;line-height:1.15}.auth-title .accent{color:var(--primary)}.auth-tagline{font-size:15px;color:var(--muted);margin-top:8px}.auth-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(280px,1fr);gap:24px;align-items:start;margin-top:28px}@media (max-width: 700px){.auth-grid{grid-template-columns:1fr}}.feature-row{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.feature-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:var(--gold-soft);border:1px solid var(--gold-border);color:var(--gold);display:inline-flex;align-items:center;justify-content:center}.feature-text{font-size:13.5px;font-weight:600;color:var(--ink-mid)}.loading-screen{padding:90px 20px;text-align:center;color:var(--muted);font-size:14px}.page-title{font-size:23px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.group-title{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.edit-pencil{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.edit-pencil:hover{color:var(--primary);border-color:var(--primary-border)}.group-desc{font-size:13.5px;color:var(--muted);line-height:1.6;margin-top:6px}.group-sub{font-size:12.5px;color:var(--faint);margin-top:6px}.hint-note{font-size:11.5px;color:var(--faint);line-height:1.55;margin-top:10px}.banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--radius);flex-wrap:wrap}.banner-gold{background:var(--gold-soft);border:1px solid var(--gold-border)}.banner-main{flex:1;min-width:180px}.banner-title{font-size:13.5px;font-weight:700;color:var(--ink)}.banner-sub{font-size:12px;color:var(--muted);margin-top:2px}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-mid);cursor:pointer;min-height:28px}.check-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.label-icon{display:inline-flex;align-items:center;gap:6px}.phone-input{display:flex;gap:8px}.phone-input .phone-cc{flex:0 0 auto;width:45%;min-width:140px;max-width:210px}.phone-input .input:not(.phone-cc){flex:1;min-width:0}.mfa-enroll{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.qr-box{align-self:center;padding:10px;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border);line-height:0}.mfa-secret{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-mid);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;word-break:break-all;direction:ltr;text-align:center}.mfa-code-row{display:flex;gap:8px;flex-wrap:wrap}.mfa-code-row .input{flex:1;min-width:130px;font-family:var(--font-mono);letter-spacing:4px;text-align:center}.send-to{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:var(--radius-sm);font-size:12.5px;color:var(--primary);font-weight:600;flex-wrap:wrap}.send-to bdi{font-family:var(--font-mono);font-weight:500;direction:ltr}.copy-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1.5px solid var(--primary-border);background:var(--surface);color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;max-width:100%;transition:border-color .15s,background-color .15s}.copy-chip bdi{font-family:var(--font-mono);direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-chip:hover{border-color:var(--primary)}.copy-chip.is-copied{background:var(--primary-soft);border-color:var(--primary)}.copy-chip-label{font-size:11.5px;font-weight:700;white-space:nowrap}.notif-row{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;text-align:start;font-family:var(--font);transition:border-color .15s}.notif-row:hover:not(:disabled){border-color:var(--primary-border)}.notif-row:disabled{cursor:default}.notif-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.notif-icon.is-danger{background:var(--danger-soft);color:var(--danger)}.notif-icon.is-info{background:var(--info-soft);color:var(--info)}.notif-icon.is-primary{background:var(--primary-soft);color:var(--primary)}.notif-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.notif-text{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.5}.notif-when{font-size:11.5px;color:var(--faint)}.notif-dot{position:absolute;top:7px;inset-inline-end:7px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:1.5px solid var(--surface)}.card-progress{height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden}.card-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 560px){.row-actions .icon-btn-label{display:none}}.bottom-nav{position:fixed;bottom:0;inset-inline:0;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #0000000f;z-index:30;display:none;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;max-width:500px;margin-inline:auto}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;border:none;background:none;cursor:pointer;font-family:var(--font);font-size:10.5px;font-weight:600;color:var(--muted)}.bottom-nav-item.is-active{color:var(--primary)}@media (max-width: 640px){.bottom-nav{display:block}.footer{padding-bottom:96px}.nav-inner .icon-btn[aria-label] .icon-btn-label{display:none}}