*{box-sizing:border-box}body{color:#1a1512;background:#fff4e6;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page-shell{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.navbar{color:#fff;background:#1a1512;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.brand{color:#fff;letter-spacing:-.3px;align-items:center;gap:8px;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.brand-dot{background:#e11d48;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #e11d4840}.nav-links{gap:22px;display:flex}.nav-links a{color:#e6ddd3;border-bottom:2px solid #0000;padding:6px 2px;font-weight:600;text-decoration:none}.nav-links a.active,.nav-links a:hover{color:#fff;border-bottom-color:#f5a623}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:12px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.small{padding:8px 14px;font-size:.85rem}.btn-primary{color:#fff;background:#e11d48;box-shadow:0 4px #9f0f33}.btn-ghost{color:#1a1512;background:#fff;border:2px solid #1a1512}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero{text-align:left;padding:50px 10px 36px}.pill{color:#fff;background:#2563eb;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-1px;max-width:760px;margin:0 0 16px;font-size:2.6rem;line-height:1.1}.hero p{color:#4a4038;max-width:620px;margin-bottom:26px;font-size:1.1rem}.hero-actions{gap:14px;display:flex}.home-stats,.stat-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:28px 0;display:grid}.stat-card{color:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:20px;display:flex;box-shadow:0 6px #0000001f}.stat-rose{background:#e11d48}.stat-amber{background:#f5a623}.stat-blue{background:#2563eb}.stat-dark{background:#1a1512}.stat-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.stat-value{font-size:2.1rem;font-weight:800}.stat-value.small{font-size:1.3rem}.stat-sub{opacity:.9;font-size:.85rem}.how-it-works{margin-top:40px}.how-it-works h2{margin-bottom:18px;font-size:1.5rem}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.step{background:#fff;border:2px solid #1a1512;border-radius:16px;padding:20px}.step-num{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:10px;font-weight:800;display:inline-flex}.step h3{margin:6px 0}.step p{color:#4a4038;margin:0;font-size:.95rem}.dashboard-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dashboard h1,.settings-page h1,.detail-head h1{letter-spacing:-.5px;margin:0 0 2px;font-size:2rem}.muted{color:#6b5f54;margin:0}.alert-banner{color:#fff;background:#1a1512;border-left:6px solid #e11d48;border-radius:16px;align-items:flex-start;gap:14px;margin:20px 0;padding:18px 20px;display:flex}.alert-icon{background:#e11d48;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex}.alert-banner strong{font-size:1.1rem}.alert-banner p{color:#d9cfc4;margin:4px 0 0;font-size:.9rem}.quick-add-form{background:#fff;border:2px solid #1a1512;border-radius:16px;margin:18px 0;padding:18px}.quick-add-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.quick-add-form input,.quick-add-form select,.settings-form input,.settings-form textarea,.notes-card textarea{border:2px solid #e2d5c6;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem}.quick-add-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.chart-card{background:#fff;border:2px solid #1a1512;border-radius:18px;margin:24px 0;padding:22px}.chart-card h2,.member-list h2,.notes-card h2,.settings-form h2{margin-top:0;font-size:1.2rem}.trend-svg{width:100%;height:140px}.trend-labels{color:#6b5f54;justify-content:space-between;margin-top:4px;font-size:.8rem;display:flex}.member-list{margin-top:10px}.member-table{background:#fff;border:2px solid #1a1512;border-radius:16px;overflow:hidden}.member-row{border-bottom:1px solid #f0e5d8;grid-template-columns:1.6fr 1fr .8fr 1fr 1fr .8fr;align-items:center;gap:8px;padding:12px 16px;display:grid}.member-row:last-child{border-bottom:none}.member-row-head{color:#fff;text-transform:uppercase;letter-spacing:.4px;background:#1a1512;font-size:.8rem;font-weight:700}.member-name{font-weight:700}.badge{color:#fff;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block}.badge-rose{background:#e11d48}.badge-amber{color:#1a1512;background:#f5a623}.badge-blue{background:#2563eb}.badge-green{background:#15803d}.detail-page .back-link{color:#2563eb;font-weight:700;text-decoration:none}.detail-head{align-items:center;gap:14px;margin-top:10px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0;display:grid}.detail-card{background:#fff;border:2px solid #1a1512;border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.detail-actions{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:20px 0;display:flex}.detail-actions label{flex-direction:column;gap:4px;font-size:.85rem;font-weight:700;display:flex}.detail-actions select{border:2px solid #1a1512;border-radius:10px;padding:10px}.notes-card{background:#fff;border:2px solid #1a1512;border-radius:16px;padding:18px}.notes-card textarea{margin-bottom:10px}.settings-form{background:#fff;border:2px solid #1a1512;border-radius:18px;flex-direction:column;gap:14px;max-width:560px;padding:24px;display:flex}.settings-form label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:700;display:flex}.sms-note{color:#5a4a30;background:#fff4e6;border:2px dashed #f5a623;border-radius:12px;padding:12px 14px;font-size:.88rem}.toggle-row{flex-direction:row;align-items:center;gap:10px}.saved-pill{color:#fff;background:#15803d;border-radius:999px;margin-left:10px;padding:6px 14px;font-size:.85rem;font-weight:700}@media (width<=720px){.member-row{grid-template-columns:1.4fr 1fr 1fr;font-size:.85rem}.member-row span:nth-child(4),.member-row span:nth-child(5){display:none}.nav-links{gap:12px}.hero h1{font-size:2rem}}