@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--water:#0e6b8a;--water-light:#1a8aad;--water-pale:#e8f4f8;--water-mist:#f0f8fb;--sand:#f5e6c8;--sand-dark:#e8d0a0;--text:#1a2e35;--text-muted:#5a7a84;--white:#fff;--border:#c8dfe6;--success:#1d8a5a;--success-bg:#e8f5ee;--radius:12px;--radius-sm:8px}html{font-size:16px}body{background:var(--water-mist);color:var(--text);background-image:radial-gradient(at 20% 0,#0e6b8a14 0%,#0000 60%),radial-gradient(at 80% 100%,#0e6b8a0f 0%,#0000 60%);min-height:100vh;font-family:DM Sans,sans-serif}#root{min-height:100vh}.app{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.header{text-align:center;margin-bottom:2.5rem}.header-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--water);margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:11px}.header h1{color:var(--text);margin-bottom:.4rem;font-family:Playfair Display,serif;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.15}.header-sub{color:var(--text-muted);font-size:14px}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.75rem;display:grid}@media (width<=500px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1rem .75rem}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-family:DM Mono,monospace;font-size:10px}.stat-value{color:var(--text);font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1}.stat-value.accent{color:var(--water)}.form-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.25rem}.form-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr 1fr}.form-row .add-btn{grid-column:1/-1}}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;font-weight:500}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);height:40px;color:var(--text);background:var(--white);width:100%;padding:0 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}.field input:focus{border-color:var(--water);outline:none;box-shadow:0 0 0 3px #0e6b8a1a}.add-btn{background:var(--water);height:40px;color:var(--white);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .15s,transform .1s;display:flex}.add-btn:hover{background:var(--water-light)}.add-btn:active{transform:scale(.97)}.add-btn:disabled{opacity:.6;cursor:not-allowed}.log-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.log-header{background:var(--water-pale);border-bottom:1px solid var(--border);grid-template-columns:1fr 80px 90px 40px;gap:8px;padding:10px 16px;display:grid}.log-header span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;font-weight:500}.log-row{border-bottom:1px solid #c8dfe680;grid-template-columns:1fr 80px 90px 40px;align-items:center;gap:8px;padding:13px 16px;font-size:14px;transition:background .1s;animation:.2s slideIn;display:grid}.log-row:last-child{border-bottom:none}.log-row:hover{background:var(--water-mist)}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.log-date{color:var(--text);font-weight:500}.log-people{text-align:center;color:var(--text-muted);font-size:13px}.log-cost{text-align:right}.cost-badge{background:var(--success-bg);color:var(--success);border-radius:20px;padding:3px 8px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:inline-block}.del-btn{cursor:pointer;color:var(--border);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:color .15s,background .15s;display:flex}.del-btn:hover{color:#c0392b;background:#fdf0ef}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:14px;line-height:1.6}.empty-icon{opacity:.4;margin-bottom:.75rem;font-size:36px}.loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:14px}.error-banner{border-radius:var(--radius-sm);color:#c0392b;background:#fdf0ef;border:1px solid #f5c6c2;margin-bottom:1rem;padding:.75rem 1rem;font-size:13px}.wave{text-align:center;color:var(--water);opacity:.3;letter-spacing:4px;margin:1.5rem 0;font-size:18px}