.form { padding: 16px; } .label { font-size: 13px; color: var(--color-text-secondary); margin-bottom: 6px; display: block; } .category-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; } .cat-item { padding: 12px 8px; border-radius: 10px; border: 2px solid var(--color-border); background: var(--color-input-bg); text-align: center; font-size: 14px; color: var(--color-text); } .cat-item.active { border-color: var(--color-primary); background: var(--color-active-bg); font-weight: 600; } .cycle-row { display: flex; gap: 8px; } .cycle-item { padding: 8px 16px; border-radius: 8px; border: 1.5px solid var(--color-border); background: var(--color-input-bg); font-size: 14px; color: var(--color-text); } .cycle-item.active { border-color: var(--color-primary); background: var(--color-active-bg); font-weight: 600; } .privacy-row { display: flex; gap: 8px; } .privacy-item { padding: 8px 16px; border-radius: 8px; border: 1.5px solid var(--color-border); background: var(--color-input-bg); font-size: 14px; color: var(--color-text); } .privacy-item.active { border-color: var(--color-primary); background: var(--color-active-bg); font-weight: 600; }