*{box-sizing:border-box}:root{--blue: #1a5fb4;--blue-dark: #164e94;--bg: #f5f6f8;--card: #ffffff;--text: #1f2328;--muted: #6b7280;--border: #e2e5ea;--green: #1a7f37;--amber: #9a6700;--red: #c0392b;--gold: #b8860b}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}#root{max-width:860px;margin:0 auto;padding:0 12px 80px}.app-header{display:flex;align-items:center;gap:4px;padding:10px 0;margin-bottom:14px;border-bottom:2px solid var(--border);flex-wrap:wrap;position:sticky;top:0;background:var(--bg);z-index:10}.app-title{font-weight:700;font-size:17px;margin-right:10px;color:var(--blue)}.nav-btn{background:none;border:none;padding:8px 12px;font-size:14px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:500}.nav-btn:hover{background:#eceef2}.nav-btn.active{background:var(--blue);color:#fff}.nav-badge{background:var(--red);color:#fff;border-radius:10px;font-size:11px;padding:1px 6px;margin-left:5px;font-weight:700}.nav-btn.active .nav-badge{background:#fff;color:var(--blue)}h2{font-size:18px;margin:18px 0 10px}h3{font-size:15px;margin:16px 0 8px}.muted{color:var(--muted);font-size:13px}.small{font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:12px}.card.milestone{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.card-name{font-weight:650;font-size:15px}.badge{display:inline-block;font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 7px;margin-left:6px;vertical-align:1px}.badge.bday{background:#e7f0fd;color:var(--blue)}.badge.anniv{background:#e8f5ec;color:var(--green)}.badge.milestone{background:#fdf3d7;color:var(--gold)}.badge.warn{background:#fdf0e0;color:var(--amber)}.badge.danger{background:#fdeaea;color:var(--red)}.phone-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--blue);font-size:13.5px;text-decoration:underline dotted}textarea.draft{width:100%;min-height:64px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:9px 10px;font:inherit;margin-top:8px}textarea.draft:focus{outline:2px solid var(--blue);border-color:transparent}.char-count{font-size:12px;color:var(--muted);text-align:right}.char-count.over{color:var(--red);font-weight:600}.btn{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;padding:7px 13px;font-size:13.5px;font-weight:550;cursor:pointer}.btn:hover{background:#f2f4f7}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-dark)}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.subtle{border-color:transparent;color:var(--muted)}.btn.danger-text{border-color:transparent;color:var(--red)}.btn:disabled{opacity:.5;cursor:default}.btn-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:top}th{background:#eef0f4;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f7f9fc}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}label.field{display:block;font-size:12.5px;font-weight:600;color:var(--muted)}label.field input,label.field select{display:block;width:100%;margin-top:3px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;font:inherit;font-size:14px;background:#fff}label.check{display:flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}input[type=search],input.search{padding:8px 11px;border:1px solid var(--border);border-radius:8px;font:inherit;width:100%;max-width:340px;background:#fff}.section-note{background:#fdf6e3;border:1px solid #f0e3b8;border-radius:8px;padding:10px 12px;font-size:13px;margin:10px 0}.empty{text-align:center;color:var(--muted);padding:30px 10px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;z-index:100;box-shadow:0 4px 14px #00000040}details.attn{margin:8px 0}details.attn summary{cursor:pointer;font-weight:600;font-size:14px;padding:4px 0}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}