*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink: #f472b6;--pink-light: #fce7f3;--pink-dark: #be185d;--purple: #a855f7;--purple-light: #f3e8ff;--red: #ef4444;--red-light: #fee2e2;--bg: #fff5f9;--text: #1e1b4b;--muted: #6b7280;--card: #ffffff;--radius: 16px;--shadow: 0 4px 20px rgba(244, 114, 182, .15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;max-width:480px;margin:0 auto}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;width:100%}h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px}h2{font-size:1.4rem;font-weight:600}p{color:var(--muted);line-height:1.6}.btn{display:block;width:100%;padding:16px 24px;border-radius:12px;font-size:1.1rem;font-weight:600;text-align:center;transition:transform .1s,box-shadow .1s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 4px 15px #f472b666}.btn-secondary{background:var(--purple-light);color:var(--purple)}.btn-sm{padding:10px 20px;font-size:.95rem;border-radius:10px}input[type=date],input[type=text]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:inherit;background:#fff;color:var(--text);transition:border-color .2s}input[type=date]:focus,input[type=text]:focus{outline:none;border-color:var(--pink)}label{display:block;font-weight:500;margin-bottom:6px;color:var(--text)}.form-group{margin-bottom:16px}.stack{display:flex;flex-direction:column;gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-muted{color:var(--muted)}.alert{padding:12px 16px;border-radius:10px;font-weight:500;font-size:.9rem}.alert-error{background:var(--red-light);color:var(--red)}.alert-success{background:#dcfce7;color:#16a34a}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.badge-pink{background:var(--pink-light);color:var(--pink-dark)}.badge-active{background:var(--red-light);color:var(--red)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.toggle{position:relative;width:52px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:999px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--red)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}