:root{--sf-bg:#f6f8fb;--sf-card:#fff;--sf-accent:#4f46e5;--sf-muted:#6b7280}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;margin:0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#0f172a}.sf-wrap{max-width:1000px;margin:28px auto;padding:18px}.sf-header{display:flex;gap:12px;align-items:center;margin-bottom:18px}.sf-logo{width:52px;height:52px;border-radius:8px;background:var(--sf-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.sf-title{margin:0;font-size:20px}.sf-muted{color:var(--sf-muted);font-size:13px}.sf-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}@media(max-width:900px){.sf-grid{grid-template-columns:1fr}}.sf-card{background:var(--sf-card);border-radius:12px;padding:14px;box-shadow:0 8px 20px rgb(15 23 42 / .06)}.sf-h2{margin:0 0 10px 0;font-size:16px}.sf-row{margin-bottom:10px}.sf-row.two{display:flex;gap:10px}.sf-label{display:block;font-size:13px;color:var(--sf-muted);margin-bottom:6px}.sf-input,.sf-select{width:100%;padding:9px 10px;border-radius:8px;border:1px solid #e6edf3;font-size:14px}.sf-input[type=number]{-moz-appearance:textfield}.sf-inline{display:flex;gap:8px;align-items:center}.sf-select.small{width:110px}.sf-small-muted{font-size:12px;color:var(--sf-muted);margin-left:8px}.inline{display:inline-block;margin-left:8px}.sf-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:12px}.sf-btn{background:var(--sf-accent);color:#fff;padding:9px 12px;border-radius:8px;border:0;cursor:pointer;font-weight:600}.sf-btn.secondary{background:#eef2ff;color:var(--sf-accent)}.sf-results-card{position:relative}.sf-result{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.sf-value{font-weight:700}.sf-muted.small{font-size:12px;color:var(--sf-muted)}.sf-download{margin-top:12px;text-align:center}.sf-plan-card{grid-column:1/-1}.sf-plan-item{border:1px solid #f1f5f9;padding:10px;border-radius:8px;margin-bottom:8px;background:#fff}.sf-plan-item h3{margin:0 0 6px 0;font-size:14px}.sf-food{font-size:13px;color:var(--sf-muted);margin-bottom:6px}