:root{--color-sand-50: hsl(45, 15%, 97%);--color-sand-100: hsl(45, 15%, 94%);--color-sand-200: hsl(45, 10%, 88%);--color-white: hsl(0, 0%, 100%);--color-slate-950: hsl(150, 6%, 8%);--color-slate-900: hsl(150, 6%, 13%);--color-slate-800: hsl(150, 6%, 20%);--color-slate-700: hsl(144, 6%, 38%);--color-slate-500: hsl(144, 4%, 55%);--color-slate-400: hsl(144, 4%, 75%);--color-sage-800: hsl(153, 20%, 22%);--color-sage-700: hsl(153, 20%, 30%);--color-sage-600: hsl(153, 15%, 40%);--color-sage-400: hsl(153, 20%, 55%);--color-sage-300: hsl(153, 20%, 65%);--color-terracotta-500: hsl(16, 50%, 51%);--color-terracotta-400: hsl(16, 55%, 60%);--color-warning-500: hsl(38, 70%, 45%);--color-warning-400: hsl(38, 70%, 55%);--color-forest-800: hsl(141, 36%, 20%);--color-forest-700: hsl(141, 36%, 24%);--color-forest-400: hsl(141, 36%, 45%);--font-family-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-app: var(--color-sand-50);--color-bg-surface: var(--color-white);--color-border: var(--color-sand-200);--color-border-hover: var(--color-sage-600);--color-text-primary: var(--color-slate-900);--color-text-secondary: var(--color-slate-700);--color-text-muted: var(--color-slate-500);--color-primary: var(--color-sage-700);--color-primary-hover: var(--color-sage-800);--color-primary-glow: rgba(61, 90, 76, .08);--color-accent: var(--color-terracotta-500);--color-warning: var(--color-warning-500);--color-success: var(--color-forest-700);--gap-grid: clamp(1rem, 2.5vw + .5rem, 2.5rem);--p-card: clamp(1.25rem, 2.2vw + .5rem, 2.25rem);--py-section: clamp(1.5rem, 4vw + 1rem, 4rem);--text-h1: clamp(1.6rem, 2vw + 1rem, 2.4rem);--text-h2: clamp(1.25rem, 1.5vw + .8rem, 1.85rem);--text-h3: clamp(1.1rem, 1vw + .8rem, 1.45rem);--text-body: clamp(.9rem, .3vw + .85rem, 1.05rem);--text-small: clamp(.75rem, .2vw + .72rem, .85rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(45, 43, 38, .04);--shadow-md: 0 8px 24px rgba(45, 43, 38, .06);--shadow-lg: 0 16px 36px rgba(45, 43, 38, .1);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--bg-app: var(--color-bg-app);--bg-card: var(--color-bg-surface);--bg-card-hover: var(--color-bg-surface);--bg-input: var(--color-sand-100);--border-color: var(--color-border);--border-color-hover: var(--color-border-hover);--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-muted-color: var(--color-text-muted);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-glow: var(--color-primary-glow);--secondary: var(--color-sage-600);--accent: var(--color-accent);--warning: var(--color-warning);--success: var(--color-success)}[data-theme=dark]{--color-bg-app: var(--color-slate-950);--color-bg-surface: var(--color-slate-900);--color-border: var(--color-slate-700);--color-border-hover: var(--color-sage-400);--color-text-primary: var(--color-sand-100);--color-text-secondary: var(--color-slate-400);--color-text-muted: var(--color-slate-500);--color-primary: var(--color-sage-400);--color-primary-hover: var(--color-sage-300);--color-primary-glow: rgba(125, 172, 146, .12);--color-accent: var(--color-terracotta-400);--color-warning: var(--color-warning-400);--color-success: var(--color-forest-400);--bg-app: var(--color-bg-app);--bg-card: var(--color-bg-surface);--bg-card-hover: var(--color-slate-800);--bg-input: var(--color-slate-800);--border-color: var(--color-border);--border-color-hover: var(--color-border-hover);--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-muted-color: var(--color-text-muted);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-glow: var(--color-primary-glow);--secondary: var(--color-sage-400);--accent: var(--color-accent);--warning: var(--color-warning);--success: var(--color-success);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary-color);font-family:var(--font-family-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.25;color:var(--text-primary-color)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}.page-title{font-size:1.8rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-title-flat{margin-bottom:0}.panel-title{font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.panel-title-flat{margin-bottom:0}.panel-title-primary{color:var(--primary)}.panel-title-secondary{color:var(--secondary)}.panel-subtitle{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.panel-subtitle-plain{margin-bottom:.75rem;padding-bottom:0;border-bottom:none}.banner-title{font-size:1.2rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.month-title{font-size:1.3rem;text-transform:capitalize}.ledger-day-header{display:flex;justify-content:space-between;align-items:baseline;margin:.85rem 0 .35rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.ledger-day-header:first-child{margin-top:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none}button{cursor:pointer}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--p-card);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.glass-panel-hover:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg);background:var(--bg-card-hover);transform:translateY(-2px)}.glow-btn{background:var(--primary);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 4px 12px var(--primary-glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.glow-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #3d5a4c40}.glow-btn:active{transform:translateY(0)}.sec-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.sec-btn:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.icon-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary-color);transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm)}.icon-btn:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:scale(1.05)}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-family-heading);font-size:var(--text-small);font-weight:600;color:var(--text-secondary-color)}.input-field{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text-primary-color);width:100%;box-shadow:inset 0 1px 2px #00000005;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-glow)}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.checkbox-card{border:1px solid var(--border-color);background:var(--bg-card);padding:.6rem 1.2rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:.6rem;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.checkbox-card.selected{background:var(--primary-glow);border-color:var(--primary);box-shadow:var(--shadow-md)}.badge{padding:.3rem .75rem;border-radius:99px;font-size:var(--text-small);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.3rem}.badge-red{background:#c166451a;color:var(--accent);border:1px solid rgba(193,102,69,.25)}.badge-amber{background:#d48c461a;color:var(--warning);border:1px solid rgba(212,140,70,.25)}.badge-green{background:#2b51381a;color:var(--success);border:1px solid rgba(43,81,56,.25)}.badge-purple{background:var(--primary-glow);color:var(--primary);border:1px solid rgba(61,90,76,.2)}.app-container{max-width:1200px;margin:0 auto;padding:var(--py-section) 1.5rem;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-grid);border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-icon{color:var(--primary)}.logo-text{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary-color);font-family:var(--font-family-heading)}.nav-actions{display:flex;align-items:center;gap:1rem}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap-grid);align-items:start}@media (max-width: 950px){.dashboard-grid{grid-template-columns:1fr}}.piggy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--gap-grid);margin-bottom:2rem}.piggy-card{cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:200px}.piggy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.piggy-card-title{font-family:var(--font-family-heading);font-size:var(--text-h3);font-weight:700;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary-color)}.piggy-card-members{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.member-dot{padding:.25rem .6rem;background:var(--bg-input);border-radius:99px;font-size:var(--text-small);color:var(--text-secondary-color);font-weight:600;border:1px solid var(--border-color)}.piggy-card-total{font-family:var(--font-family-heading);font-size:2.2rem;font-weight:800;color:var(--primary);margin-bottom:.25rem;letter-spacing:-.01em}.piggy-card-goal-label{font-size:var(--text-small);color:var(--text-secondary-color);font-weight:500}.piggy-progress-section{margin-top:auto;padding-top:1rem}.progress-bar-container{height:6px;background:var(--bg-input);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:99px;transition:width var(--transition-slow)}.progress-labels{display:flex;justify-content:space-between;align-items:center;margin-top:.35rem;font-size:.7rem;color:var(--text-muted-color)}.progress-label-zero{color:var(--text-muted-color);font-weight:500}.progress-label-remaining{font-weight:700;color:var(--primary);font-size:.8rem}.progress-label-done{font-weight:700;color:var(--success);font-size:.8rem}.progress-label-total{color:var(--text-muted-color);font-weight:500;opacity:.6}.table-container{overflow-x:auto;margin-top:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:var(--bg-card)}.premium-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.premium-table th{background:var(--bg-app);padding:1.25rem 1rem;font-weight:700;color:var(--text-primary-color);border-bottom:2px solid var(--border-color);font-family:var(--font-family-heading)}.premium-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-secondary-color)}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover td{background:var(--bg-card-hover);color:var(--text-primary-color)}@keyframes pulseGlow{0%{box-shadow:0 0 4px #c1664526;border-color:#c1664566}50%{box-shadow:0 0 16px #c1664559;border-color:var(--accent)}to{box-shadow:0 0 4px #c1664526;border-color:#c1664566}}.urgent-alert{border-color:var(--accent)!important;animation:pulseGlow 2.5s infinite ease-in-out}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary-color);gap:1.25rem}.empty-state-icon{color:var(--text-muted-color)}.unlock-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background-color:var(--bg-app)}.unlock-card{max-width:440px;width:100%;text-align:center}.unlock-icon-container{width:76px;height:76px;background:var(--primary-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.75rem;color:var(--primary);border:1px solid rgba(61,90,76,.2)}.unlock-title{font-family:var(--font-family-heading);font-size:var(--text-h1);font-weight:800;margin-bottom:.75rem;color:var(--text-primary-color)}.unlock-desc{color:var(--text-secondary-color);margin-bottom:2.25rem;font-size:var(--text-body)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;overflow-x:auto}.admin-tab-btn{padding:.6rem 1.35rem;border-radius:var(--radius-sm);font-weight:600;color:var(--text-secondary-color);transition:all var(--transition-fast);white-space:nowrap}.admin-tab-btn.active{background:var(--primary);color:#fff}.admin-tab-btn:hover:not(.active){background:var(--bg-input);color:var(--text-primary-color)}.admin-grid-two{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--gap-grid)}@media (max-width: 850px){.admin-grid-two{grid-template-columns:1fr}}.member-list-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:.6rem;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.member-list-item:hover{border-color:var(--border-color-hover)}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-left:5px solid var(--primary);padding:1.1rem 1.6rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;display:flex;align-items:center;gap:.75rem;color:var(--text-primary-color);font-weight:600;animation:slideIn .3s ease forwards}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--accent)}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-banner-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.alert-banner-item{background:#c166450d;border:1px solid rgba(193,102,69,.2);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm)}@media (min-width: 600px){.alert-banner-item{flex-direction:row;justify-content:space-between;align-items:center}}.alert-banner-content{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 600px){.alert-banner-content{flex-direction:row;align-items:center;gap:1rem}}.alert-banner-details{display:flex;flex-direction:column;gap:.15rem}.alert-banner-meta{font-size:.85rem;color:var(--text-secondary-color)}.alert-banner-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:var(--text-small);font-weight:700;box-shadow:0 2px 6px #c1664533;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;align-self:flex-start}@media (min-width: 600px){.alert-banner-btn{align-self:center}}.alert-banner-btn:hover{opacity:.95;transform:translateY(-1px)}.members-summary-container{display:flex;flex-direction:column;gap:.75rem}.member-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px dashed var(--border-color)}.member-summary-row:last-child{border-bottom:none}.member-summary-name{font-weight:600;color:var(--text-primary-color)}.member-summary-value{font-family:var(--font-family-heading);font-weight:700;color:var(--text-primary-color);font-size:1.1rem}.member-summary-total{border-top:2px solid var(--border-color);padding-top:.85rem;margin-top:.5rem;font-weight:700;font-size:1.25rem}.member-summary-total-value{font-family:var(--font-family-heading);color:var(--primary);font-weight:800}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:stretch;z-index:1000;padding:1rem}@media (min-width: 600px){.modal-overlay{padding:2rem;align-items:center}}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:92vh;height:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalFadeIn .25s ease-out;margin:auto}@media (max-width: 599px){.modal-content{border-radius:var(--radius-md);max-height:calc(100vh - 2rem)}}@keyframes modalFadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-title-row{display:flex;align-items:center;gap:.5rem}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary-color);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s ease;flex-shrink:0}.modal-close-btn:hover{color:var(--text-primary-color)}.modal-body{padding:1rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.expense-card{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;background:var(--bg-app);transition:border-color var(--transition-fast)}.expense-card-paid{opacity:.65;background:#4ade800a}.expense-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.expense-card-name{font-size:1rem;color:var(--text-primary-color)}.expense-card-details{display:flex;flex-direction:column;gap:.35rem}.expense-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem}.expense-card-label{color:var(--text-muted-color)}.expense-card-value{color:var(--text-primary-color)}.expense-card-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.expense-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.85rem;padding:.5rem .75rem}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-app, #F9F8F6)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border, #E5E2DC);border-top-color:var(--color-primary, #3D5A4C);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-family:Outfit,sans-serif;font-size:1rem;color:var(--color-text-muted, #626D66);margin:0}@keyframes spin{to{transform:rotate(360deg)}}