*{box-sizing:border-box}body{color:#0f172a;background:linear-gradient(#f0f9ff,#fff,#ecfdf5);margin:0;font-family:Inter,system-ui,sans-serif}main{max-width:768px;margin:auto;padding:48px 20px 70px}header{text-align:center;margin-bottom:32px}.logo{color:#fff;background:#059669;border-radius:18px;place-items:center;width:56px;height:56px;margin:auto;display:grid}.logo svg{width:28px}h1{margin:16px 0 8px;font-size:36px}header p{color:#64748b;max-width:600px;margin:auto}form{gap:20px;display:grid}section{background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 35px #cbd5e155}small{color:#047857;letter-spacing:.12em;font-weight:800}h2{margin:4px 0 22px}.field{margin:0 0 18px;display:block}.field>span{align-items:center;gap:8px;margin-bottom:7px;font-size:14px;font-weight:650;display:flex}.field svg,.secondary svg,.trash svg{width:17px;height:17px}input{width:100%;height:42px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;display:block}.field b{color:#047857;margin-top:7px;font-size:12px;display:block}.sectionhead{justify-content:space-between;align-items:start;gap:15px;display:flex}.secondary{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;display:flex}.empty{color:#64748b;background:#f8fafc;border-radius:10px;padding:15px}.guest{border:1px solid #e2e8f0;border-radius:15px;margin-top:14px;padding:18px 48px 1px 18px;position:relative}.trash{color:#94a3b8;background:0 0;border:0;padding:8px;position:absolute;top:8px;right:9px}.total{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:20px;display:flex}.total span,.total em{color:#cbd5e1;font-size:13px;font-style:normal;display:block}.total strong{margin:5px 0;font-size:36px;display:block}.total button{color:#052e25;background:#34d399;border:0;border-radius:11px;padding:14px 20px;font-weight:750}.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;gap:12px;margin-top:20px;padding:20px;display:flex}.success p{margin:4px 0 0;font-size:14px}@media (width<=600px){main{padding:28px 14px}h1{font-size:29px}.sectionhead,.total{flex-direction:column}.secondary,.total button{justify-content:center;width:100%}}