:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #eff6ff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-purple: #8b5cf6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box}.app{max-width:860px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:.5rem}.login-container h1{font-size:2.5rem;font-weight:800;margin:0;letter-spacing:-.02em}.login-container p{color:var(--color-text-secondary);margin:0 0 2rem}.login-buttons{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:320px}.login-user-btn{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);font-size:1rem;transition:all .15s ease;box-shadow:var(--shadow-sm)}.login-user-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-user-name{font-weight:600}.login-user-role{font-size:.8rem;color:var(--color-text-muted)}.login-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.login-input{padding:.85rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem}.login-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.login-submit-btn{padding:.85rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.login-submit-btn:hover{opacity:.9}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-toggle{margin-top:.75rem;font-size:.875rem;color:var(--color-muted)}.login-link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.login-link-btn:hover{opacity:.8}.login-error{color:var(--color-danger);font-size:.875rem;margin:0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.header h2{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.header-actions a{color:var(--color-primary);text-decoration:none;font-size:.85rem;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-sm);transition:background .15s}.header-actions a:hover{background:var(--color-primary-light)}.logged-in-as{font-size:.8rem;color:var(--color-text-muted);font-weight:500;padding:.25rem .6rem;background:#f1f5f9;border-radius:var(--radius-sm)}.form{display:flex;flex-direction:column;gap:1rem;max-width:440px}label{display:flex;flex-direction:column;gap:.3rem;font-weight:500;font-size:.85rem;color:var(--color-text-secondary)}input,select,textarea{padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}button{padding:.55rem 1.1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease}button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:#f8fafc;border-color:var(--color-border-hover)}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:#dc2626}.btn-create{background:var(--color-success);font-weight:600}.btn-create:hover{background:#059669}.badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff;background:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase}.badge-organizer{background:var(--color-purple)}.badge-member{background:#2563eb}.badge-caregiver{background:#0891b2}.badge-child{background:var(--color-warning)}.badge-category{background:#6366f1}.badge-open{background:var(--color-primary)}.badge-completed{background:var(--color-success)}.badge-missed{background:var(--color-danger)}.badge-cancelled{background:var(--color-text-muted)}.badge-nag-count{background:#6366f1;min-width:2rem;text-align:center}.badge-clickable{cursor:pointer;border:none;font-family:inherit}.badge-clickable:hover{filter:brightness(.85)}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:.5rem;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}th,td{padding:.7rem 1rem;text-align:left}th{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid var(--color-border)}td{border-bottom:1px solid #f1f5f9}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbfc}.filters{display:flex;gap:.4rem;margin-bottom:1.25rem}.filters button{background:var(--color-surface);color:var(--color-text-secondary);font-size:.8rem;padding:.4rem .85rem;border:1px solid var(--color-border);border-radius:999px;font-weight:500}.filters button:hover{background:#f1f5f9;border-color:var(--color-border-hover)}.filters button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.card-list{display:flex;flex-direction:column;gap:.75rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem;transition:box-shadow .15s,border-color .15s}.card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-hover)}.card-done{opacity:.65}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem}.card-header .badge+.badge{margin-left:.35rem}.due-date{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.card-from{margin-left:.5rem;font-size:.8rem;color:var(--color-text-muted)}.card-actions{display:flex;gap:.5rem;margin-top:.75rem}.card-description{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.nag-description{font-size:.8rem;color:var(--color-text-muted);margin-top:.2rem;font-weight:400}.compact-table th,.compact-table td{padding:.4rem .75rem;font-size:.85rem}.compact-table th{padding:.35rem .75rem}.nag-cat{font-weight:600;text-transform:capitalize}.nag-desc{display:block;font-size:.75rem;color:var(--color-text-muted);line-height:1.3;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.due-cell{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.75rem;width:90%;max-width:440px;box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto}.modal h3{margin:0 0 1rem;font-size:1.2rem;font-weight:700}.detail-list{margin:0 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.9rem}.detail-list dt{font-weight:600;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.detail-list dd{margin:0;color:var(--color-text)}.modal textarea{width:100%;box-sizing:border-box}.row-highlight{background:var(--color-primary-light)!important}.row-highlight td{background:transparent!important}.you-badge{display:inline-block;margin-left:.4rem;padding:.1rem .4rem;font-size:.6rem;font-weight:700;background:#dbeafe;color:#1d4ed8;border-radius:4px;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:inherit;font-weight:500;text-decoration:none}.link-button:hover{color:var(--color-primary-hover);text-decoration:underline}.page-hint{color:var(--color-text-muted);font-size:.85rem;margin:0 0 1.25rem;line-height:1.5}.add-member-form{margin-top:1.5rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.add-member-form h3{margin-top:0}.invite-code-section{margin:1rem 0;padding:.85rem 1.25rem;background:var(--color-primary-light);border:1px solid #bfdbfe;border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem}.excuse-list{margin:.5rem 0 .75rem;padding:.6rem .85rem;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm)}.excuse-heading{display:block;font-size:.75rem;font-weight:600;color:#92400e;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.excuse-item{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.85rem;color:#b45309;padding:.2rem 0;line-height:1.4}.excuse-text{flex:1}.excuse-time{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.stats-bar{display:flex;gap:.75rem;margin-bottom:1.5rem}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text);line-height:1}.stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.4rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.rank-number{font-weight:700;color:var(--color-text-muted)}.activity-feed{margin-top:2rem}.activity-feed h3{margin-bottom:.75rem;font-size:1.1rem}.activity-list{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.9rem}.activity-item:last-child{border-bottom:none}.activity-type{flex:1;color:var(--color-text)}.activity-points{font-weight:700;color:var(--color-success);margin:0 1rem;white-space:nowrap}.activity-time{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.color-picker{display:flex;gap:.5rem;margin-top:.25rem}.color-swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;padding:0;transition:border-color .15s,box-shadow .15s}.color-swatch:hover{border-color:var(--color-text-muted)}.color-swatch.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f64d}.toggle-row{display:flex;align-items:center;gap:.5rem}.toggle-row label{flex-direction:row;align-items:center;gap:.5rem;cursor:pointer}.toggle-row input[type=checkbox]{width:1.1rem;height:1.1rem}.error{color:var(--color-danger);font-size:.9rem;margin:0;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}@media(max-width:640px){.app{padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions{width:100%;overflow-x:auto}.stats-bar{flex-direction:column}.card-header{flex-direction:column;align-items:flex-start}table{font-size:.85rem}th,td{padding:.5rem .65rem}}.section{margin:1.5rem 0}.section h3{margin:0 0 .75rem;font-size:1rem}.invite-form{display:flex;gap:.5rem;align-items:center}.invite-form input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem}.invite-success{padding:1rem 1.25rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md)}.invite-success p{margin:0 0 .5rem}.hint{color:var(--color-text-muted);font-size:.85rem}