:root{--primary-h:154;--primary-s:56%;--primary-l:25%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-light:hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 15%));--primary-bg:hsl(var(--primary-h), 30%, 95%);--accent:#ecb613;--accent-light:#fef9ec;--success:#2ec4b6;--success-bg:#e6f9f7;--warning:#ffb703;--warning-bg:#fffcf0;--danger:#e63946;--danger-bg:#ffebee;--bg-app:#f4f7f5;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 4px #1b4d3e0a;--shadow-md:0 8px 16px #1b4d3e14;--shadow-lg:0 16px 32px #1b4d3e1f;--font-title:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-app)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-app);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.app-container{background-color:var(--bg-app);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;display:flex;position:relative;box-shadow:0 0 32px #0000000d}.app-header{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:10;padding:24px 20px;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-title-container{align-items:center;gap:8px;display:flex}.header-logo{font-size:24px}.header-title{font-family:var(--font-title);letter-spacing:-.5px;font-size:20px;font-weight:700}.header-subtitle{opacity:.8;font-size:12px;font-weight:400}.header-badge{background-color:var(--accent);color:var(--primary);font-size:12px;font-weight:700;font-family:var(--font-title);border-radius:20px;padding:4px 10px;box-shadow:0 2px 8px #0000001a}.header-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid #ffffff26;justify-content:space-between;margin-top:14px;padding:12px 16px;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-label{opacity:.75;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{font-family:var(--font-title);font-size:16px;font-weight:700}.app-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);width:100%;max-width:480px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));z-index:10;background:#ffffffe6;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #00000008}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;font-size:11px;font-weight:600;transition:all .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-icon{width:24px;height:24px;transition:transform .2s}.nav-item.active .nav-icon{transform:translateY(-2px)}.app-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:active{transform:scale(.99)}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{font-family:var(--font-title);color:var(--primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.search-container{z-index:5;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{border:2px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card);width:100%;color:var(--text-main);font-size:14px;font-family:var(--font-body);box-shadow:var(--shadow-sm);outline:none;padding:14px 16px 14px 44px;transition:all .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.search-icon{width:20px;height:20px;color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.search-results{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:20;max-height:220px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:active{background-color:var(--primary-bg)}.result-name{font-size:14px;font-weight:600}.result-arrears{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.result-arrears.none{background-color:var(--success-bg);color:var(--success)}.result-arrears.has{background-color:var(--danger-bg);color:var(--danger)}.weekly-list{flex-direction:column;gap:8px;display:flex}.member-row{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.member-row:active{background-color:var(--primary-bg);transform:scale(.98)}.member-info{align-items:center;gap:12px;display:flex}.member-avatar{background-color:var(--primary-bg);width:32px;height:32px;color:var(--primary);font-size:12px;font-weight:700;font-family:var(--font-title);border-radius:50%;justify-content:center;align-items:center;display:flex}.member-name-container{flex-direction:column;display:flex}.member-name{font-size:14px;font-weight:600}.member-status-sub{color:var(--text-muted);gap:6px;font-size:11px;display:flex}.status-indicator{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.status-indicator.paid{background-color:var(--success-bg);color:var(--success);transform:scale(1)}.status-indicator.unpaid{background-color:var(--warning-bg);color:var(--warning)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a80;justify-content:center;align-items:flex-end;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:480px;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-family:var(--font-title);color:var(--primary);font-size:18px;font-weight:700}.modal-close-btn{background:var(--border);cursor:pointer;width:28px;height:28px;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-app);width:100%;color:var(--text-main);font-size:14px;font-family:var(--font-body);outline:none;padding:12px 14px}.form-input:focus{border-color:var(--primary);background-color:#fff}.btn-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.btn-quick{background-color:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.btn-quick:active{background-color:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--font-title);border:none;justify-content:center;align-items:center;gap:8px;padding:14px;transition:transform .1s,opacity .2s;display:flex;box-shadow:0 4px 12px #1b4d3e26}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);width:100%;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-secondary:active{background-color:var(--bg-app)}.arrears-list{flex-direction:column;gap:8px;display:flex}.arrears-row{background-color:var(--warning-bg);border-left:4px solid var(--warning);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.arrears-row.severe{background-color:var(--danger-bg);border-left-color:var(--danger)}.arrears-name{font-weight:600}.arrears-amount{color:var(--danger);font-weight:700;font-family:var(--font-title)}.history-list{flex-direction:column;gap:8px;max-height:240px;display:flex;overflow-y:auto}.history-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.history-item:last-child{border-bottom:none}.history-detail{flex-direction:column;gap:2px;display:flex}.history-text{font-weight:500}.history-date{color:var(--text-muted);font-size:10px}.history-value{font-weight:700;font-family:var(--font-title)}.history-value.plus{color:var(--success)}.history-value.minus{color:var(--danger)}.sheets-banner{color:#2e7d32;border-radius:var(--radius-md);background-color:#e8f5e9;border:1px solid #c8e6c9;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;font-size:12px;display:flex}.sheets-banner.error{color:#c62828;background-color:#ffebee;border-color:#ffcdd2}.sheets-banner-icon{flex-shrink:0;width:18px;height:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.fw-bold{font-weight:700}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}